@sito/ui 0.1.5 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +33 -2
- package/dist/components/Button/Button.d.ts +2 -3
- package/dist/components/Button/index.d.ts +2 -2
- package/dist/components/Button/types.d.ts +26 -6
- package/dist/components/Dialog/Dialog.d.ts +7 -0
- package/dist/components/Dialog/DialogActions.d.ts +7 -0
- package/dist/components/Dialog/constants.d.ts +3 -0
- package/dist/components/Dialog/index.d.ts +3 -0
- package/dist/components/Dialog/types.d.ts +58 -0
- package/dist/components/Dialog/utils.d.ts +19 -0
- package/dist/components/IconButton/IconButton.d.ts +2 -3
- package/dist/components/IconButton/index.d.ts +2 -2
- package/dist/components/IconButton/types.d.ts +13 -5
- package/dist/components/index.d.ts +6 -10
- package/dist/hooks/index.d.ts +2 -2
- package/dist/hooks/useDialog/index.d.ts +2 -0
- package/dist/hooks/useDialog/types.d.ts +7 -0
- package/dist/hooks/useDialog/useDialog.d.ts +7 -0
- package/dist/main.d.ts +4 -3
- package/dist/styles.css +327 -0
- package/dist/theme.css +76 -0
- package/dist/ui.cjs +1 -11
- package/dist/ui.d.ts +2 -1
- package/dist/ui.js +210 -1732
- package/dist/utils/classNames.d.ts +6 -0
- package/dist/utils/index.d.ts +1 -0
- package/package.json +82 -54
- package/dist/components/Button/styles.d.ts +0 -5
- package/dist/components/Error/Error.d.ts +0 -3
- package/dist/components/Error/Handler.d.ts +0 -3
- package/dist/components/Error/index.d.ts +0 -4
- package/dist/components/Error/styles.d.ts +0 -4
- package/dist/components/Error/types.d.ts +0 -18
- package/dist/components/Image/Image.d.ts +0 -3
- package/dist/components/Image/index.d.ts +0 -3
- package/dist/components/Image/styles.d.ts +0 -9
- package/dist/components/Image/types.d.ts +0 -4
- package/dist/components/InputControl/Input.d.ts +0 -4
- package/dist/components/InputControl/Select.d.ts +0 -4
- package/dist/components/InputControl/Textarea.d.ts +0 -4
- package/dist/components/InputControl/index.d.ts +0 -5
- package/dist/components/InputControl/styles.d.ts +0 -4
- package/dist/components/InputControl/types.d.ts +0 -33
- package/dist/components/Loading/Loading.d.ts +0 -3
- package/dist/components/Loading/index.d.ts +0 -3
- package/dist/components/Loading/styles.d.ts +0 -11
- package/dist/components/Loading/types.d.ts +0 -8
- package/dist/components/Notification/Notification.d.ts +0 -2
- package/dist/components/Notification/index.d.ts +0 -3
- package/dist/components/Notification/styles.d.ts +0 -9
- package/dist/components/Notification/types.d.ts +0 -4
- package/dist/components/PrintAfter/PrintAfter.d.ts +0 -4
- package/dist/components/PrintAfter/index.d.ts +0 -3
- package/dist/components/PrintAfter/types.d.ts +0 -7
- package/dist/components/SplashScreen/SplashScreen.d.ts +0 -3
- package/dist/components/SplashScreen/index.d.ts +0 -3
- package/dist/components/SplashScreen/styles.d.ts +0 -9
- package/dist/components/SplashScreen/types.d.ts +0 -9
- package/dist/components/Switch/Switch.d.ts +0 -4
- package/dist/components/Switch/index.d.ts +0 -3
- package/dist/components/Switch/styles.d.ts +0 -4
- package/dist/components/Switch/types.d.ts +0 -8
- package/dist/hooks/useIsElementInViewport/index.d.ts +0 -5
- package/dist/hooks/useScreenHandler/index.d.ts +0 -7
- package/dist/lib/Notification.d.ts +0 -11
- package/dist/lib/index.d.ts +0 -3
- package/dist/main.css +0 -1
- package/dist/providers/ModeProvider/ModeProvider.d.ts +0 -3
- package/dist/providers/ModeProvider/index.d.ts +0 -2
- package/dist/providers/ModeProvider/types.d.ts +0 -10
- package/dist/providers/NotificationProvider/NotificationProvider.d.ts +0 -7
- package/dist/providers/NotificationProvider/index.d.ts +0 -2
- package/dist/providers/NotificationProvider/types.d.ts +0 -20
- package/dist/providers/StyleProvider/StyleProvider.d.ts +0 -4
- package/dist/providers/StyleProvider/data.d.ts +0 -4
- package/dist/providers/StyleProvider/index.d.ts +0 -3
- package/dist/providers/StyleProvider/types.d.ts +0 -27
- package/dist/providers/index.d.ts +0 -3
package/dist/theme.css
ADDED
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--sito-ui-color-text: #101010;
|
|
3
|
+
--sito-ui-color-surface: #ffffff;
|
|
4
|
+
--sito-ui-color-border: #d9dde4;
|
|
5
|
+
|
|
6
|
+
--sito-ui-color-default-text: #101010;
|
|
7
|
+
--sito-ui-color-default-light: #f4f6f8;
|
|
8
|
+
--sito-ui-color-default-default: #e9edf2;
|
|
9
|
+
--sito-ui-color-default-hover: #dfe5ec;
|
|
10
|
+
|
|
11
|
+
--sito-ui-color-primary-text: #ededed;
|
|
12
|
+
--sito-ui-color-primary-light: rgb(205 33 42 / 10%);
|
|
13
|
+
--sito-ui-color-primary-default: #cd212a;
|
|
14
|
+
--sito-ui-color-primary-hover: #d74d54;
|
|
15
|
+
|
|
16
|
+
--sito-ui-color-secondary-text: #f7f7f7;
|
|
17
|
+
--sito-ui-color-secondary-light: rgb(4 30 66 / 10%);
|
|
18
|
+
--sito-ui-color-secondary-default: #041e42;
|
|
19
|
+
--sito-ui-color-secondary-hover: #364b67;
|
|
20
|
+
|
|
21
|
+
--sito-ui-color-error-text: #f7f7f7;
|
|
22
|
+
--sito-ui-color-error-light: rgb(204 0 0 / 10%);
|
|
23
|
+
--sito-ui-color-error-default: #cc0000;
|
|
24
|
+
--sito-ui-color-error-hover: #d63333;
|
|
25
|
+
|
|
26
|
+
--sito-ui-color-warning-text: #101010;
|
|
27
|
+
--sito-ui-color-warning-light: rgb(219 175 0 / 10%);
|
|
28
|
+
--sito-ui-color-warning-default: #dbaf00;
|
|
29
|
+
--sito-ui-color-warning-hover: #e2bf33;
|
|
30
|
+
|
|
31
|
+
--sito-ui-color-success-text: #f7f7f7;
|
|
32
|
+
--sito-ui-color-success-light: rgb(0 119 51 / 10%);
|
|
33
|
+
--sito-ui-color-success-default: #007733;
|
|
34
|
+
--sito-ui-color-success-hover: #559b33;
|
|
35
|
+
|
|
36
|
+
--sito-ui-color-info-text: #f7f7f7;
|
|
37
|
+
--sito-ui-color-info-light: rgb(0 126 168 / 10%);
|
|
38
|
+
--sito-ui-color-info-default: #007ea8;
|
|
39
|
+
--sito-ui-color-info-hover: #3397b9;
|
|
40
|
+
|
|
41
|
+
--sito-ui-space-0: 0;
|
|
42
|
+
--sito-ui-space-2: 0.5rem;
|
|
43
|
+
--sito-ui-space-4: 1rem;
|
|
44
|
+
--sito-ui-space-5: 1.25rem;
|
|
45
|
+
|
|
46
|
+
--sito-ui-size-icon-button: 1.75rem;
|
|
47
|
+
--sito-ui-size-button-spinner: 1em;
|
|
48
|
+
|
|
49
|
+
--sito-ui-radius-pill: 1.5rem;
|
|
50
|
+
--sito-ui-radius-round: 100%;
|
|
51
|
+
--sito-ui-radius-dialog: 1rem;
|
|
52
|
+
|
|
53
|
+
--sito-ui-border-width-thin: 1px;
|
|
54
|
+
--sito-ui-button-spinner-border-width: 2px;
|
|
55
|
+
|
|
56
|
+
--sito-ui-font-weight-semibold: 600;
|
|
57
|
+
--sito-ui-font-size-button: 0.875rem;
|
|
58
|
+
--sito-ui-font-size-icon-button: 1.25rem;
|
|
59
|
+
--sito-ui-font-size-dialog-title: 1.25rem;
|
|
60
|
+
--sito-ui-line-height-button: 1.25rem;
|
|
61
|
+
--sito-ui-line-height-icon-button: 1.75rem;
|
|
62
|
+
--sito-ui-line-height-dialog-title: 1.75rem;
|
|
63
|
+
|
|
64
|
+
--sito-ui-motion-duration-normal: 300ms;
|
|
65
|
+
--sito-ui-motion-duration-spin: 600ms;
|
|
66
|
+
--sito-ui-motion-duration-spin-reduced: 1500ms;
|
|
67
|
+
--sito-ui-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
|
|
68
|
+
|
|
69
|
+
--sito-ui-shadow-dialog: 0 1rem 3rem rgb(16 24 40 / 18%);
|
|
70
|
+
--sito-ui-z-index-dialog: 50;
|
|
71
|
+
|
|
72
|
+
--sito-ui-button-disabled-opacity: 0.6;
|
|
73
|
+
--sito-ui-button-active-scale: 0.97;
|
|
74
|
+
--sito-ui-dialog-backdrop-background: rgb(16 24 40 / 20%);
|
|
75
|
+
--sito-ui-dialog-backdrop-filter: blur(1rem);
|
|
76
|
+
}
|
package/dist/ui.cjs
CHANGED
|
@@ -1,11 +1 @@
|
|
|
1
|
-
|
|
2
|
-
`+n+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!o}if(this.isSpeedy){var c=tt(s);try{c.insertRule(n,c.cssRules.length)}catch(i){process.env.NODE_ENV!=="production"&&!/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(n)&&console.error('There was a problem inserting the following rule: "'+n+'"',i)}}else s.appendChild(document.createTextNode(n));this.ctr++},t.flush=function(){this.tags.forEach(function(n){return n.parentNode&&n.parentNode.removeChild(n)}),this.tags=[],this.ctr=0,process.env.NODE_ENV!=="production"&&(this._alreadyInsertedOrderInsensitiveRule=!1)},e}(),p="-ms-",X="-moz-",d="-webkit-",ue="comm",Ne="rule",le="decl",st="@import",Ee="@keyframes",ot="@layer",it=Math.abs,te=String.fromCharCode,ct=Object.assign;function at(e,t){return T(e,0)^45?(((t<<2^T(e,0))<<2^T(e,1))<<2^T(e,2))<<2^T(e,3):0}function ke(e){return e.trim()}function Mt(e,t){return(e=t.exec(e))?e[0]:e}function f(e,t,r){return e.replace(t,r)}function ce(e,t){return e.indexOf(t)}function T(e,t){return e.charCodeAt(t)|0}function B(e,t,r){return e.slice(t,r)}function b(e){return e.length}function je(e){return e.length}function H(e,t){return t.push(e),e}function ut(e,t){return e.map(t).join("")}var re=1,R=1,Ce=0,L=0,A=0,V="";function ne(e,t,r,n,s,o,c){return{value:e,root:t,parent:r,type:n,props:s,children:o,line:re,column:R,length:c,return:""}}function _(e,t){return ct(ne("",null,null,"",null,null,0),e,{length:-e.length},t)}function Nt(){return A}function lt(){return A=L>0?T(V,--L):0,R--,A===10&&(R=1,re--),A}function m(){return A=L<Ce?T(V,L++):0,R++,A===10&&(R=1,re++),A}function v(){return T(V,L)}function J(){return L}function Z(e,t){return B(V,e,t)}function F(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 be(e){return re=R=1,Ce=b(V=e),L=0,[]}function ve(e){return V="",e}function K(e){return ke(Z(L-1,ae(e===91?e+2:e===40?e+1:e)))}function jt(e){for(;(A=v())&&A<33;)m();return F(e)>2||F(A)>3?"":" "}function gt(e,t){for(;--t&&m()&&!(A<48||A>102||A>57&&A<65||A>70&&A<97););return Z(e,J()+(t<6&&v()==32&&m()==32))}function ae(e){for(;m();)switch(A){case e:return L;case 34:case 39:e!==34&&e!==39&&ae(A);break;case 40:e===41&&ae(e);break;case 92:m();break}return L}function dt(e,t){for(;m()&&e+A!==47+10;)if(e+A===42+42&&v()===47)break;return"/*"+Z(t,L-1)+"*"+te(e===47?e:m())}function ft(e){for(;!F(v());)m();return Z(e,L)}function Dt(e){return ve(q("",null,null,null,[""],e=be(e),0,[0],e))}function q(e,t,r,n,s,o,c,i,a){for(var u=0,M=0,l=c,D=0,z=0,I=0,g=1,x=1,h=1,O=0,E="",P=s,Q=o,k=n,y=E;x;)switch(I=O,O=m()){case 40:if(I!=108&&T(y,l-1)==58){ce(y+=f(K(O),"&","&\f"),"&\f")!=-1&&(h=-1);break}case 34:case 39:case 91:y+=K(O);break;case 9:case 10:case 13:case 32:y+=jt(I);break;case 92:y+=gt(J()-1,7);continue;case 47:switch(v()){case 42:case 47:H(yt(dt(m(),J()),t,r),a);break;default:y+="/"}break;case 123*g:i[u++]=b(y)*h;case 125*g:case 59:case 0:switch(O){case 0:case 125:x=0;case 59+M:h==-1&&(y=f(y,/\f/g,"")),z>0&&b(y)-l&&H(z>32?ye(y+";",n,r,l-1):ye(f(y," ","")+";",n,r,l-2),a);break;case 59:y+=";";default:if(H(k=De(y,t,r,u,M,s,i,E,P=[],Q=[],l),o),O===123)if(M===0)q(y,t,k,k,P,o,l,i,Q);else switch(D===99&&T(y,3)===110?100:D){case 100:case 108:case 109:case 115:q(e,k,k,n&&H(De(e,k,k,0,0,s,i,E,s,P=[],l),Q),s,Q,l,i,n?P:Q);break;default:q(y,k,k,k,[""],Q,0,i,Q)}}u=M=z=0,g=h=1,E=y="",l=c;break;case 58:l=1+b(y),z=I;default:if(g<1){if(O==123)--g;else if(O==125&&g++==0&<()==125)continue}switch(y+=te(O),O*g){case 38:h=M>0?1:(y+="\f",-1);break;case 44:i[u++]=(b(y)-1)*h,h=1;break;case 64:v()===45&&(y+=K(m())),D=v(),M=l=b(E=y+=ft(J())),O++;break;case 45:I===45&&b(y)==2&&(g=0)}}return o}function De(e,t,r,n,s,o,c,i,a,u,M){for(var l=s-1,D=s===0?o:[""],z=je(D),I=0,g=0,x=0;I<n;++I)for(var h=0,O=B(e,l+1,l=it(g=c[I])),E=e;h<z;++h)(E=ke(g>0?D[h]+" "+O:f(O,/&\f/g,D[h])))&&(a[x++]=E);return ne(e,t,r,s===0?Ne:i,a,u,M)}function yt(e,t,r){return ne(e,t,r,ue,te(Nt()),B(e,2,-2),0)}function ye(e,t,r,n){return ne(e,t,r,le,B(e,0,n),B(e,n+1,-1),n)}function Y(e,t){for(var r="",n=je(e),s=0;s<n;s++)r+=t(e[s],s,e,t)||"";return r}function It(e,t,r,n){switch(e.type){case ot:if(e.children.length)break;case st:case le:return e.return=e.return||e.value;case ue:return"";case Ee:return e.return=e.value+"{"+Y(e.children,n)+"}";case Ne:e.value=e.props.join(",")}return b(r=Y(e.children,n))?e.return=e.value+"{"+r+"}":""}function zt(e){var t=je(e);return function(r,n,s,o){for(var c="",i=0;i<t;i++)c+=e[i](r,n,s,o)||"";return c}}function ht(e){return function(t){t.root||(t=t.return)&&e(t)}}function At(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var xt=function(t,r,n){for(var s=0,o=0;s=o,o=v(),s===38&&o===12&&(r[n]=1),!F(o);)m();return Z(t,L)},Ot=function(t,r){var n=-1,s=44;do switch(F(s)){case 0:s===38&&v()===12&&(r[n]=1),t[n]+=xt(L-1,r,n);break;case 2:t[n]+=K(s);break;case 4:if(s===44){t[++n]=v()===58?"&\f":"",r[n]=t[n].length;break}default:t[n]+=te(s)}while(s=m());return t},Tt=function(t,r){return ve(Ot(be(t),r))},Ie=new WeakMap,pt=function(t){if(!(t.type!=="rule"||!t.parent||t.length<1)){for(var r=t.value,n=t.parent,s=t.column===n.column&&t.line===n.line;n.type!=="rule";)if(n=n.parent,!n)return;if(!(t.props.length===1&&r.charCodeAt(0)!==58&&!Ie.get(n))&&!s){Ie.set(t,!0);for(var o=[],c=Tt(r,o),i=n.props,a=0,u=0;a<c.length;a++)for(var M=0;M<i.length;M++,u++)t.props[u]=o[a]?c[a].replace(/&\f/g,i[M]):i[M]+" "+c[a]}}},Lt=function(t){if(t.type==="decl"){var r=t.value;r.charCodeAt(0)===108&&r.charCodeAt(2)===98&&(t.return="",t.value="")}},mt="emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason",wt=function(t){return t.type==="comm"&&t.children.indexOf(mt)>-1},St=function(t){return function(r,n,s){if(!(r.type!=="rule"||t.compat)){var o=r.value.match(/(:first|:nth|:nth-last)-child/g);if(o){for(var c=!!r.parent,i=c?r.parent.children:s,a=i.length-1;a>=0;a--){var u=i[a];if(u.line<r.line)break;if(u.column<r.column){if(wt(u))return;break}}o.forEach(function(M){console.error('The pseudo class "'+M+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+M.split("-child")[0]+'-of-type".')})}}}},Qe=function(t){return t.type.charCodeAt(1)===105&&t.type.charCodeAt(0)===64},Et=function(t,r){for(var n=t-1;n>=0;n--)if(!Qe(r[n]))return!0;return!1},ze=function(t){t.type="",t.value="",t.return="",t.children="",t.props=""},kt=function(t,r,n){Qe(t)&&(t.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),ze(t)):Et(r,n)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),ze(t)))};function Ue(e,t){switch(at(e,t)){case 5103:return d+"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 d+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return d+e+X+e+p+e+e;case 6828:case 4268:return d+e+p+e+e;case 6165:return d+e+p+"flex-"+e+e;case 5187:return d+e+f(e,/(\w+).+(:[^]+)/,d+"box-$1$2"+p+"flex-$1$2")+e;case 5443:return d+e+p+"flex-item-"+f(e,/flex-|-self/,"")+e;case 4675:return d+e+p+"flex-line-pack"+f(e,/align-content|flex-|-self/,"")+e;case 5548:return d+e+p+f(e,"shrink","negative")+e;case 5292:return d+e+p+f(e,"basis","preferred-size")+e;case 6060:return d+"box-"+f(e,"-grow","")+d+e+p+f(e,"grow","positive")+e;case 4554:return d+f(e,/([^-])(transform)/g,"$1"+d+"$2")+e;case 6187:return f(f(f(e,/(zoom-|grab)/,d+"$1"),/(image-set)/,d+"$1"),e,"")+e;case 5495:case 3959:return f(e,/(image-set\([^]*)/,d+"$1$`$1");case 4968:return f(f(e,/(.+:)(flex-)?(.*)/,d+"box-pack:$3"+p+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+d+e+e;case 4095:case 3583:case 4068:case 2532:return f(e,/(.+)-inline(.+)/,d+"$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(b(e)-1-t>6)switch(T(e,t+1)){case 109:if(T(e,t+4)!==45)break;case 102:return f(e,/(.+:)(.+)-([^]+)/,"$1"+d+"$2-$3$1"+X+(T(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~ce(e,"stretch")?Ue(f(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(T(e,t+1)!==115)break;case 6444:switch(T(e,b(e)-3-(~ce(e,"!important")&&10))){case 107:return f(e,":",":"+d)+e;case 101:return f(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+d+(T(e,14)===45?"inline-":"")+"box$3$1"+d+"$2$3$1"+p+"$2box$3")+e}break;case 5936:switch(T(e,t+11)){case 114:return d+e+p+f(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return d+e+p+f(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return d+e+p+f(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return d+e+p+e+e}return e}var Ct=function(t,r,n,s){if(t.length>-1&&!t.return)switch(t.type){case le:t.return=Ue(t.value,t.length);break;case Ee:return Y([_(t,{value:f(t.value,"@","@"+d)})],s);case Ne:if(t.length)return ut(t.props,function(o){switch(Mt(o,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Y([_(t,{props:[f(o,/:(read-\w+)/,":"+X+"$1")]})],s);case"::placeholder":return Y([_(t,{props:[f(o,/:(plac\w+)/,":"+d+"input-$1")]}),_(t,{props:[f(o,/:(plac\w+)/,":"+X+"$1")]}),_(t,{props:[f(o,/:(plac\w+)/,p+"input-$1")]})],s)}return""})}},bt=[Ct],vt=function(t){var r=t.key;if(process.env.NODE_ENV!=="production"&&!r)throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
|
|
3
|
-
If multiple caches share the same key they might "fight" for each other's style elements.`);if(r==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(g){var x=g.getAttribute("data-emotion");x.indexOf(" ")!==-1&&(document.head.appendChild(g),g.setAttribute("data-s",""))})}var s=t.stylisPlugins||bt;if(process.env.NODE_ENV!=="production"&&/[^a-z-]/.test(r))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+r+'" was passed');var o={},c,i=[];c=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),function(g){for(var x=g.getAttribute("data-emotion").split(" "),h=1;h<x.length;h++)o[x[h]]=!0;i.push(g)});var a,u=[pt,Lt];process.env.NODE_ENV!=="production"&&u.push(St({get compat(){return I.compat}}),kt);{var M,l=[It,process.env.NODE_ENV!=="production"?function(g){g.root||(g.return?M.insert(g.return):g.value&&g.type!==ue&&M.insert(g.value+"{}"))}:ht(function(g){M.insert(g)})],D=zt(u.concat(s,l)),z=function(x){return Y(Dt(x),D)};a=function(x,h,O,E){M=O,process.env.NODE_ENV!=="production"&&h.map!==void 0&&(M={insert:function(Q){O.insert(Q+h.map)}}),z(x?x+"{"+h.styles+"}":h.styles),E&&(I.inserted[h.name]=!0)}}var I={key:r,sheet:new nt({key:r,container:c,nonce:t.nonce,speedy:t.speedy,prepend:t.prepend,insertionPoint:t.insertionPoint}),nonce:t.nonce,inserted:o,registered:{},insert:a};return I.sheet.hydrate(i),I};function Qt(e){for(var t=0,r,n=0,s=e.length;s>=4;++n,s-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(s){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var Ut={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},he=`You have illegal escape sequence in your template literal, most likely inside content's property value.
|
|
4
|
-
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
|
|
5
|
-
You can read more about this here:
|
|
6
|
-
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,Yt="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).",$t=/[A-Z]|^ms/g,Ye=/_EMO_([^_]+?)_([^]*?)_EMO_/g,ge=function(t){return t.charCodeAt(1)===45},Ae=function(t){return t!=null&&typeof t!="boolean"},oe=At(function(e){return ge(e)?e:e.replace($t,"-$&").toLowerCase()}),ee=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(Ye,function(n,s,o){return w={name:s,styles:o,next:w},s})}return Ut[t]!==1&&!ge(t)&&typeof r=="number"&&r!==0?r+"px":r};if(process.env.NODE_ENV!=="production"){var Rt=/(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/,Vt=["normal","none","initial","inherit","unset"],Pt=ee,_t=/^-ms-/,Wt=/-(.)/g,xe={};ee=function(t,r){if(t==="content"&&(typeof r!="string"||Vt.indexOf(r)===-1&&!Rt.test(r)&&(r.charAt(0)!==r.charAt(r.length-1)||r.charAt(0)!=='"'&&r.charAt(0)!=="'")))throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+r+"\"'`");var n=Pt(t,r);return n!==""&&!ge(t)&&t.indexOf("-")!==-1&&xe[t]===void 0&&(xe[t]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+t.replace(_t,"ms-").replace(Wt,function(s,o){return o.toUpperCase()})+"?")),n}}var $e="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function G(e,t,r){if(r==null)return"";if(r.__emotion_styles!==void 0){if(process.env.NODE_ENV!=="production"&&r.toString()==="NO_COMPONENT_SELECTOR")throw new Error($e);return r}switch(typeof r){case"boolean":return"";case"object":{if(r.anim===1)return w={name:r.name,styles:r.styles,next:w},r.name;if(r.styles!==void 0){var n=r.next;if(n!==void 0)for(;n!==void 0;)w={name:n.name,styles:n.styles,next:w},n=n.next;var s=r.styles+";";return process.env.NODE_ENV!=="production"&&r.map!==void 0&&(s+=r.map),s}return Bt(e,t,r)}case"function":{if(e!==void 0){var o=w,c=r(e);return w=o,G(e,t,c)}else process.env.NODE_ENV!=="production"&&console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");break}case"string":if(process.env.NODE_ENV!=="production"){var i=[],a=r.replace(Ye,function(M,l,D){var z="animation"+i.length;return i.push("const "+z+" = keyframes`"+D.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+z+"}"});i.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(i,["`"+a+"`"]).join(`
|
|
7
|
-
`)+`
|
|
8
|
-
|
|
9
|
-
You should wrap it with \`css\` like this:
|
|
10
|
-
|
|
11
|
-
`+("css`"+a+"`"))}break}if(t==null)return r;var u=t[r];return u!==void 0?u:r}function Bt(e,t,r){var n="";if(Array.isArray(r))for(var s=0;s<r.length;s++)n+=G(e,t,r[s])+";";else for(var o in r){var c=r[o];if(typeof c!="object")t!=null&&t[c]!==void 0?n+=o+"{"+t[c]+"}":Ae(c)&&(n+=oe(o)+":"+ee(o,c)+";");else{if(o==="NO_COMPONENT_SELECTOR"&&process.env.NODE_ENV!=="production")throw new Error($e);if(Array.isArray(c)&&typeof c[0]=="string"&&(t==null||t[c[0]]===void 0))for(var i=0;i<c.length;i++)Ae(c[i])&&(n+=oe(o)+":"+ee(o,c[i])+";");else{var a=G(e,t,c);switch(o){case"animation":case"animationName":{n+=oe(o)+":"+a+";";break}default:process.env.NODE_ENV!=="production"&&o==="undefined"&&console.error(Yt),n+=o+"{"+a+"}"}}}}return n}var Oe=/label:\s*([^\s;\n{]+)\s*(;|$)/g,Re;process.env.NODE_ENV!=="production"&&(Re=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);var w,ie=function(t,r,n){if(t.length===1&&typeof t[0]=="object"&&t[0]!==null&&t[0].styles!==void 0)return t[0];var s=!0,o="";w=void 0;var c=t[0];c==null||c.raw===void 0?(s=!1,o+=G(n,r,c)):(process.env.NODE_ENV!=="production"&&c[0]===void 0&&console.error(he),o+=c[0]);for(var i=1;i<t.length;i++)o+=G(n,r,t[i]),s&&(process.env.NODE_ENV!=="production"&&c[i]===void 0&&console.error(he),o+=c[i]);var a;process.env.NODE_ENV!=="production"&&(o=o.replace(Re,function(D){return a=D,""})),Oe.lastIndex=0;for(var u="",M;(M=Oe.exec(o))!==null;)u+="-"+M[1];var l=Qt(o)+u;return process.env.NODE_ENV!=="production"?{name:l,styles:o,map:a,next:w,toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}:{name:l,styles:o,next:w}},Ft=!0;function Ve(e,t,r){var n="";return r.split(" ").forEach(function(s){e[s]!==void 0?t.push(e[s]+";"):n+=s+" "}),n}var Gt=function(t,r,n){var s=t.key+"-"+r.name;(n===!1||Ft===!1)&&t.registered[s]===void 0&&(t.registered[s]=r.styles)},Zt=function(t,r,n){Gt(t,r,n);var s=t.key+"-"+r.name;if(t.inserted[r.name]===void 0){var o=r;do t.insert(r===o?"."+s:"",o,t.sheet,!0),o=o.next;while(o!==void 0)}};function Te(e,t){if(e.inserted[t.name]===void 0)return e.insert("",t,e.sheet,!0)}function pe(e,t,r){var n=[],s=Ve(e,n,r);return n.length<2?r:s+t(n)}var Ht=function(t){var r=vt(t);r.sheet.speedy=function(i){if(process.env.NODE_ENV!=="production"&&this.ctr!==0)throw new Error("speedy must be changed before any rules are inserted");this.isSpeedy=i},r.compat=!0;var n=function(){for(var a=arguments.length,u=new Array(a),M=0;M<a;M++)u[M]=arguments[M];var l=ie(u,r.registered,void 0);return Zt(r,l,!1),r.key+"-"+l.name},s=function(){for(var a=arguments.length,u=new Array(a),M=0;M<a;M++)u[M]=arguments[M];var l=ie(u,r.registered),D="animation-"+l.name;return Te(r,{name:l.name,styles:"@keyframes "+D+"{"+l.styles+"}"}),D},o=function(){for(var a=arguments.length,u=new Array(a),M=0;M<a;M++)u[M]=arguments[M];var l=ie(u,r.registered);Te(r,l)},c=function(){for(var a=arguments.length,u=new Array(a),M=0;M<a;M++)u[M]=arguments[M];return pe(r.registered,n,Jt(u))};return{css:n,cx:c,injectGlobal:o,keyframes:s,hydrate:function(a){a.forEach(function(u){r.inserted[u]=!0})},flush:function(){r.registered={},r.inserted={},r.sheet.flush()},sheet:r.sheet,cache:r,getRegisteredStyles:Ve.bind(null,r.registered),merge:pe.bind(null,r.registered,n)}},Jt=function e(t){for(var r="",n=0;n<t.length;n++){var s=t[n];if(s!=null){var o=void 0;switch(typeof s){case"boolean":break;case"object":{if(Array.isArray(s))o=e(s);else{o="";for(var c in s)s[c]&&c&&(o&&(o+=" "),o+=c)}break}default:o=s}o&&(r&&(r+=" "),r+=o)}}return r},Pe=Ht({key:"css"}),Kt=Pe.injectGlobal,U=Pe.css;const _e=j.createContext({}),qt=e=>{const{children:t,defaultMode:r}=e,[n,s]=j.useState((r||localStorage.theme)??"dark"),o=j.useCallback(()=>{s(n==="dark"?"light":"dark")},[n]);j.useEffect(()=>{n==="dark"?(localStorage.theme="dark",document.documentElement.classList.add("dark")):(localStorage.theme="light",document.documentElement.classList.remove("dark")),n==="OS"&&localStorage.removeItem("theme")},[n]);const c={mode:n,setMode:s,toggleMode:o};return N.jsx(_e.Provider,{value:c,children:t})},We=()=>{const e=j.useContext(_e);if(!e)throw new Error("modeContext must be used within a Provider");return e},Xt={text:"#f7f7f7",dark:"#101010",default:"#202020",light:"#303030"},er={text:"#101010",dark:"#e1e1e1",default:"#ededed",light:"#f7f7f7"},Le={primary:{text:"#ededed",light:"#d74d54",default:"#CD212A",dark:"#8f171d"},secondary:{text:"#f7f7f7",light:"#364b67",default:"#041E42",dark:"#02152e"},error:{text:"#f7f7f7",light:"#d63333",default:"#CC0000",dark:"#8e0000"},warning:{text:"#101010",light:"#e2bf33",default:"#DBAF00",dark:"#997a00"},success:{text:"#f7f7f7",light:"#559b33",default:"#007733",dark:"#1e5b00"},info:{text:"#f7f7f7",light:"#3397b9",default:"#007EA8",dark:"#005875"}},me=(e,t)=>({basics:e,...t}),W={dark:me(Xt,Le),light:me(er,Le)},Be=j.createContext({}),C=(e,t,r="")=>`${e==="light"?"":`.${e}`} ${r}${t.length&&t!=="body"?".":""}${t}`,tr=e=>{const{mode:t}=We(),{children:r,theme:n}=e,s=j.useMemo(()=>n?n[t]||W[t]||W.dark:W[t]||W.light,[t]);return j.useEffect(()=>{const o={},c={...W,...n};for(const i of Object.keys(c)){o[C(i,"body")]={backgroundColor:c[i].basics.dark,color:c[i].basics.text};for(const a of Object.keys(c[i])){const u=a;o[C(i,a)]={color:a==="basics"?c[i][u].text:c[i][u].default};const M={color:c[i][u].light,backgroundColor:`${c[i][u].light}2f`};o[C(i,a,".button:hover")]=M,o[C(i,a,"button:hover")]=M;const l={color:c[i][u].text,backgroundColor:c[i][u].default};o[C(i,a,".filled")]=l;const D={color:c[i][u].text,backgroundColor:c[i][u].light};o[C(i,a,".button.filled:hover")]=D,o[C(i,a,"button.filled:hover")]=D;const z={color:c[i][u].default,borderColor:c[i][u].default};o[C(i,a,".outlined")]=z;const I={color:c[i][u].text,borderColor:c[i][u].light,backgroundColor:c[i][u].light};o[C(i,a,".button.outlined:hover")]=I,o[C(i,a,"button.outlined:hover")]=I}}Kt({...o})},[]),N.jsx(Be.Provider,{value:{colors:s},children:r})},S=()=>{const e=j.useContext(Be);if(!e)throw new Error("modeContext must be used within a Provider");return e},rr=(e,t,r)=>{const n={},s={filled:()=>{n.color=e[t].text,n.backgroundColor=e[t].default,n["&:hover"]={backgroundColor:e[t].light}},outlined:()=>{t!=="basics"?(n.color=e[t].default,n.borderColor=e[t].default,n["&:hover"]={color:e[t].text,borderColor:e[t].light,backgroundColor:e[t].light}):(n.color=e[t].text,n.borderColor=e[t].default,n["&:hover"]={color:e[t].text,borderColor:e[t].light,backgroundColor:e[t].light})},text:()=>{t==="basics"?n.color=e[t].text:n.color=e[t].default,n["&:hover"]={color:t==="basics"?e[t].text:e[t].default,backgroundColor:`${e[t].light}2f`}}};return(s[r]||s.text)(),{root:U({...n})}},nr=j.forwardRef(function(e,t){const{color:r="primary",type:n="button",shape:s="text",...o}=e,{colors:c}=S(),i=rr(c,r,s);return N.jsx("button",{type:n,ref:t,...o,className:`button ${s} ${i.root} ${o.className}`,children:o.children})}),de=nr,sr=j.forwardRef(function(e,t){const{icon:r,size:n="normal",className:s="",...o}=e;return N.jsx(de,{...o,ref:t,type:"button",className:`icon-button ${n} ${s}`,children:r})}),Fe=sr,fe=(e,t)=>{const r={color:e[t].text,backgroundColor:e[t].default,option:{color:e[t].text,backgroundColor:e[t].default}};return{input:U({...r})}},or=j.forwardRef(function(e,t){const{helperText:r="",helperTextClassName:n="basics",orientation:s="column",color:o="basics",labelClassName:c="basics",label:i,...a}=e,{colors:u}=S(),M=fe(u,o);return N.jsxs("div",{className:`input-control ${s}`,children:[N.jsx("label",{className:c,htmlFor:e.id,children:i}),N.jsx("textarea",{...a,className:`${M.input} ${a.className??""}`,ref:t}),r&&r.length?N.jsx("p",{className:n,children:r}):null]})}),ir=or,cr=j.forwardRef(function(e,t){const{helperText:r="",helperTextClassName:n="basics",orientation:s="column",color:o="basics",leftComponent:c,rightComponent:i,label:a,labelClassName:u="basics",...M}=e,{colors:l}=S(),D=fe(l,o),z=j.useMemo(()=>N.jsx("select",{...M,ref:t,className:`${c?"s-no-padding-left":""} ${i?"s-no-padding-right":""} ${D.input} ${M.className??""}`,children:M.children}),[c,i,M,t,D]);return N.jsxs("div",{className:`input-control ${s}`,children:[N.jsx("label",{className:u,htmlFor:e.id,children:a}),c||i?N.jsxs("div",{className:`sub ${D.input}`,children:[c&&c!==null?N.jsx("div",{children:c}):null,z,i&&i!==null?N.jsx("div",{children:i}):null]}):z,r&&r.length?N.jsx("p",{className:n,children:r}):null]})}),ar=cr,Mr=j.forwardRef(function(e,t){const{helperText:r="",helperTextClassName:n="basics",orientation:s="column",color:o="basics",labelClassName:c="basics",leftComponent:i,rightComponent:a,label:u,type:M="text",...l}=e,D=j.useMemo(()=>["date","datetime-local","email","number","password","search","tel","time","url"].includes(M)?M:"text",[M]),{colors:z}=S(),I=fe(z,o);return N.jsxs("div",{className:`input-control ${s}`,children:[N.jsx("label",{className:c,htmlFor:e.id,children:u}),i||a?N.jsxs("div",{className:`sub ${I.input}`,children:[i&&i!==null?i:null,N.jsx("input",{...l,type:D,ref:t,className:`no-border-radius ${i?"s-small-padding-left":""} ${a?"s-small-padding-right":""} ${I.input} ${l.className??""}`}),a&&a!==null?a:null]}):N.jsx("input",{...l,type:M,className:`${I.input} ${l.className??""}`,ref:t}),r&&r.length?N.jsx("p",{className:n,children:r}):null]})}),ur=Mr,Nr=(e,t,r)=>{const n=s=>({backgroundColor:e[s].default,"& .ball":{backgroundColor:e[s].text}});return{root:U({".s-active":n(t),".s-inactive":n(r)})}},lr=j.forwardRef(function(e,t){const{label:r,value:n=!1,onChange:s,activeColor:o="primary",inactiveColor:c="secondary",id:i,className:a}=e,{colors:u}=S(),M=Nr(u,o,c);return N.jsxs("div",{className:`switcher-root ${M.root} ${a}`,onClick:s,children:[N.jsx("input",{id:i,ref:t,checked:n,onChange:s,className:"check-input",type:"checkbox"}),N.jsx("div",{className:`switcher ${n?"s-active":"s-inactive"}`,children:N.jsx("div",{className:`ball ${n?"activated":"deactivated"}`})}),N.jsx("label",{className:"",children:r})]})}),jr=lr;var $=(e=>(e[e.success=0]="success",e[e.error=1]="error",e[e.warning=2]="warning",e[e.info=3]="info",e))($||{});const Ge=j.createContext({});function gr(e){const{children:t,container:r=document.body}=e,[n,s]=j.useReducer((M,l)=>{const{type:D,items:z,index:I}=l;switch(D){case"set":return(z==null?void 0:z.map((g,x)=>({...g,id:x})))??[];case"remove":return I?M.filter((g,x)=>x!==I):[]}return M},[],()=>[]),o=M=>s({type:"set",items:[{...M,type:$.error}]}),c=M=>s({type:"set",items:[{...M}]}),i=M=>s({type:"set",items:M}),a=M=>s({type:"set",items:[{...M,type:$.success}]}),u=M=>s({type:"remove",index:M});return N.jsx(Ge.Provider,{value:{notification:n,container:r,removeNotification:u,showErrorNotification:o,showNotification:c,showSuccessNotification:a,showStackNotifications:i},children:t})}const Ze=()=>{const e=j.useContext(Ge);if(e===void 0)throw new Error("NotificationContext must be used within a Provider");return e},dr=e=>({root:U({backgroundImage:`linear-gradient(to right, ${e.basics.default} calc(50% - 100px), ${e.basics.dark} 50%, ${e.basics.default} calc(50% - 100px));`})});function fr(e){const{container:t={},...r}=e,[n,s]=j.useState(!1),{colors:o}=S(),c=dr(o);return N.jsx("div",{...t,className:`${n?null:`box ${c.root}`} ${t.className}`,children:N.jsx("img",{onLoad:()=>s(!0),...r})})}const He=()=>{const[e,t]=j.useState(!1),r=j.useRef(null);return j.useEffect(()=>{const n=new IntersectionObserver(s=>{s.forEach(o=>{t(o.isIntersecting)})});return r.current&&n.observe(r.current),()=>{r.current&&n.unobserve(r.current)}},[]),{elementRef:r,isElementInViewport:e}};function Dr(e){const{children:t,delay:r=100,animation:n="appear",onVisible:s=!1}=e,{elementRef:o,isElementInViewport:c}=He(),[i,a]=j.useState(s!==!0),[u,M]=j.useState(!1);return j.useEffect(()=>{const l=setTimeout(()=>{i&&M(!0)},r);return()=>clearTimeout(l)},[r,i]),j.useEffect(()=>{!i&&c&&a(!0)},[c]),N.jsx("div",{ref:o,className:u&&i?n:"invisible",children:t})}const Je=j.memo(e=>N.jsx(Dr,{...e}),yr);Je.displayName="PrintAfter";function yr(e,t){return e.delay===t.delay&&e.animation===t.animation&&e.children===t.children&&e.onVisible===t.onVisible}const Ir=Je,zr=(e,t)=>{const r={color:e[t].text,backgroundColor:e[t].default,".close-notification-icon":{fill:e[t].text}};return{root:U(r)}};function hr(e){const{closeProps:t}=e,{notification:r,container:n,removeNotification:s}=Ze(),o=j.useCallback(a=>s(a),[s]),c=j.useCallback(a=>{switch(a){case $.info:return"info";case $.warning:return"warning";case $.success:return"success";default:return"error"}},[]);j.useEffect(()=>(r!=null&&r.length&&window.addEventListener("click",()=>o()),()=>{r!=null&&r.length&&window.removeEventListener("click",()=>o())}),[r,o]);const{colors:i}=S();return N.jsx("div",{className:`notification-portal ${r!=null&&r.length?"w-screen h-screen":""}`,children:r!=null&&r.length?r==null?void 0:r.map(({id:a,type:u,message:M},l)=>{const D=zr(i,c(u));return N.jsxs("div",{className:`notification-root ${D.root}`,children:[N.jsx(Fe,{name:"close-notification",...t,icon:N.jsx("svg",{className:"close-notification-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",children:N.jsx("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})}),ref:null,color:"basics",onClick:()=>o(l),size:"small",className:`notification-close-button ${t==null?void 0:t.className}`}),N.jsx("p",{children:M})]},a)}):null})}const Ar=(e,t,r)=>{const n={};return r?(n.backgroundColor=e[t].text,n["& .path"]={stroke:e[t].default}):(n.backgroundColor=e[t].default,n["& .path"]={stroke:e[t].text}),{root:U({...n})}},xr=e=>{const{color:t="primary",colorInverted:r=!1,loaderClass:n="",strokeWidth:s="4",...o}=e,{colors:c}=S(),i=Ar(c,t,r);return N.jsx("div",{...o,className:`loading ${i.root} ${o.className}`,children:N.jsx("div",{className:"loader-container",children:N.jsx("div",{className:`loader ${n}`,children:N.jsx("svg",{className:"circular",viewBox:"25 25 50 50",children:N.jsx("circle",{className:"path",cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:s,strokeMiterlimit:"10"})})})})})},Ke=xr,we="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA4NSA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOC43NjQ3IDMxLjkwNzhDMTcuMjg3MiAzMS45MDc4IDE1Ljk2MzEgMzEuNjY3OSAxNC43OTI2IDMxLjE4ODNDMTMuNjIyMSAzMC43MDg2IDEyLjY4MTkgMjkuOTk4NSAxMS45NzE5IDI5LjA1ODNDMTEuMjgxMSAyOC4xMTgxIDEwLjkxNjUgMjYuOTg1OSAxMC44NzgxIDI1LjY2MTlIMTYuMTE2N0MxNi4xOTM0IDI2LjQxMDMgMTYuNDUyNSAyNi45ODU5IDE2Ljg5MzggMjcuMzg4OUMxNy4zMzUxIDI3Ljc3MjcgMTcuOTEwOCAyNy45NjQ2IDE4LjYyMDggMjcuOTY0NkMxOS4zNSAyNy45NjQ2IDE5LjkyNTYgMjcuODAxNSAyMC4zNDc4IDI3LjQ3NTJDMjAuNzY5OSAyNy4xMjk4IDIwLjk4MSAyNi42NTk2IDIwLjk4MSAyNi4wNjQ5QzIwLjk4MSAyNS41NjU5IDIwLjgwODMgMjUuMTUzNSAyMC40NjI5IDI0LjgyNzJDMjAuMTM2NyAyNC41MDA5IDE5LjcyNDEgMjQuMjMyNCAxOS4yMjUyIDI0LjAyMTNDMTguNzQ1NSAyMy44MTAxIDE4LjA1NDcgMjMuNTcwNCAxNy4xNTI4IDIzLjMwMTdDMTUuODQ4IDIyLjg5ODcgMTQuNzgzIDIyLjQ5NTggMTMuOTU3OSAyMi4wOTI4QzEzLjEzMjggMjEuNjg5OCAxMi40MjI4IDIxLjA5NSAxMS44MjggMjAuMzA4M0MxMS4yMzMxIDE5LjUyMTUgMTAuOTM1NyAxOC40OTQ5IDEwLjkzNTcgMTcuMjI4NUMxMC45MzU3IDE1LjM0OCAxMS42MTY5IDEzLjg4IDEyLjk3OTMgMTIuODI0N0MxNC4zNDE3IDExLjc1MDEgMTYuMTE2NyAxMS4yMTI4IDE4LjMwNDIgMTEuMjEyOEMyMC41MzAxIDExLjIxMjggMjIuMzI0MiAxMS43NTAxIDIzLjY4NjYgMTIuODI0N0MyNS4wNDkxIDEzLjg4IDI1Ljc3ODEgMTUuMzU3NiAyNS44NzQxIDE3LjI1NzNIMjAuNTQ5MkMyMC41MTA5IDE2LjYwNDggMjAuMjcxIDE2LjA5NjMgMTkuODI5NyAxNS43MzE4QzE5LjM4ODMgMTUuMzQ4IDE4LjgyMjMgMTUuMTU2MSAxOC4xMzE1IDE1LjE1NjFDMTcuNTM2NiAxNS4xNTYxIDE3LjA1NjkgMTUuMzE5MiAxNi42OTIzIDE1LjY0NTRDMTYuMzI3NyAxNS45NTI0IDE2LjE0NTQgMTYuNDAzNCAxNi4xNDU0IDE2Ljk5ODJDMTYuMTQ1NCAxNy42NTA2IDE2LjQ1MjUgMTguMTU5MSAxNy4wNjY1IDE4LjUyMzdDMTcuNjgwNSAxOC44ODgzIDE4LjY0IDE5LjI4MTcgMTkuOTQ0OCAxOS43MDM4QzIxLjI0OTYgMjAuMTQ1MiAyMi4zMDUgMjAuNTY3MyAyMy4xMTA5IDIwLjk3MDNDMjMuOTM2IDIxLjM3MzIgMjQuNjQ2MSAyMS45NTg1IDI1LjI0MDkgMjIuNzI2QzI1LjgzNTcgMjMuNDkzNSAyNi4xMzMyIDI0LjQ4MTggMjYuMTMzMiAyNS42OTA3QzI2LjEzMzIgMjYuODQyIDI1LjgzNTcgMjcuODg3OSAyNS4yNDA5IDI4LjgyOEMyNC42NjUyIDI5Ljc2ODIgMjMuODIwOCAzMC41MTY2IDIyLjcwOCAzMS4wNzMxQzIxLjU5NSAzMS42Mjk3IDIwLjI4MDYgMzEuOTA3OCAxOC43NjQ3IDMxLjkwNzhaTTMxLjYzNzUgMTMuOTc2QzMwLjc3NCAxMy45NzYgMzAuMDY0MSAxMy43MjY1IDI5LjUwNzUgMTMuMjI3NkMyOC45NzAzIDEyLjcwOTUgMjguNzAxNiAxMi4wNzYzIDI4LjcwMTYgMTEuMzI3OUMyOC43MDE2IDEwLjU2MDQgMjguOTcwMyA5LjkyNzE4IDI5LjUwNzUgOS40MjgyN0MzMC4wNjQxIDguOTEwMTcgMzAuNzc0IDguNjUxMTIgMzEuNjM3NSA4LjY1MTEyQzMyLjQ4MTggOC42NTExMiAzMy4xNzI2IDguOTEwMTcgMzMuNzA5OSA5LjQyODI3QzM0LjI2NjQgOS45MjcxOCAzNC41NDQ2IDEwLjU2MDQgMzQuNTQ0NiAxMS4zMjc5QzM0LjU0NDYgMTIuMDc2MyAzNC4yNjY0IDEyLjcwOTUgMzMuNzA5OSAxMy4yMjc2QzMzLjE3MjYgMTMuNzI2NSAzMi40ODE4IDEzLjk3NiAzMS42Mzc1IDEzLjk3NlpNMzQuMDg0IDE1LjY0NTRWMzEuNzA2M0gyOS4xNjIxVjE1LjY0NTRIMzQuMDg0Wk00Ni42MDI0IDI3LjUzMjhWMzEuNzA2M0g0NC4wOTgzQzQyLjMxMzcgMzEuNzA2MyA0MC45MjI1IDMxLjI3NDYgMzkuOTI0NyAzMC40MTExQzM4LjkyNyAyOS41Mjg1IDM4LjQyOCAyOC4wOTg4IDM4LjQyOCAyNi4xMjI0VjE5LjczMjZIMzYuNDcwOFYxNS42NDU0SDM4LjQyOFYxMS43MzA5SDQzLjM0OTlWMTUuNjQ1NEg0Ni41NzM2VjE5LjczMjZINDMuMzQ5OVYyNi4xOEM0My4zNDk5IDI2LjY1OTYgNDMuNDY1MSAyNy4wMDUgNDMuNjk1MyAyNy4yMTYyQzQzLjkyNTYgMjcuNDI3MyA0NC4zMDk0IDI3LjUzMjggNDQuODQ2NiAyNy41MzI4SDQ2LjYwMjRaTTU2LjY1NDkgMzEuOTM2NkM1NS4wODE1IDMxLjkzNjYgNTMuNjYxNSAzMS42MDA5IDUyLjM5NSAzMC45MjkyQzUxLjE0NzcgMzAuMjU3NSA1MC4xNTk2IDI5LjI5ODIgNDkuNDMwMyAyOC4wNTA5QzQ4LjcyMDQgMjYuODAzNiA0OC4zNjU0IDI1LjM0NTMgNDguMzY1NCAyMy42NzU5QzQ4LjM2NTQgMjIuMDI1NiA0OC43Mjk5IDIwLjU3NjkgNDkuNDU5MSAxOS4zMjk2QzUwLjE4ODQgMTguMDYzMiA1MS4xODYxIDE3LjA5NDIgNTIuNDUyNiAxNi40MjI1QzUzLjcxOSAxNS43NTA5IDU1LjEzOTEgMTUuNDE1MSA1Ni43MTI1IDE1LjQxNTFDNTguMjg1OSAxNS40MTUxIDU5LjcwNTkgMTUuNzUwOSA2MC45NzIzIDE2LjQyMjVDNjIuMjM4OCAxNy4wOTQyIDYzLjIzNjUgMTguMDYzMiA2My45NjU4IDE5LjMyOTZDNjQuNjk1IDIwLjU3NjkgNjUuMDU5NSAyMi4wMjU2IDY1LjA1OTUgMjMuNjc1OUM2NS4wNTk1IDI1LjMyNjIgNjQuNjg1NCAyNi43ODQ0IDYzLjkzNyAyOC4wNTA5QzYzLjIwNzggMjkuMjk4MiA2Mi4yMDAzIDMwLjI1NzUgNjAuOTE0OCAzMC45MjkyQzU5LjY0ODMgMzEuNjAwOSA1OC4yMjgzIDMxLjkzNjYgNTYuNjU0OSAzMS45MzY2Wk01Ni42NTQ5IDI3LjY3NjdDNTcuNTk1MSAyNy42NzY3IDU4LjM5MTUgMjcuMzMxMyA1OS4wNDM5IDI2LjY0MDVDNTkuNzE1NiAyNS45NDk3IDYwLjA1MTMgMjQuOTYxNCA2MC4wNTEzIDIzLjY3NTlDNjAuMDUxMyAyMi4zOTAyIDU5LjcyNSAyMS40MDIgNTkuMDcyNyAyMC43MTEyQzU4LjQzOTQgMjAuMDIwNCA1Ny42NTI2IDE5LjY3NSA1Ni43MTI1IDE5LjY3NUM1NS43NTI5IDE5LjY3NSA1NC45NTY3IDIwLjAyMDQgNTQuMzIzNSAyMC43MTEyQzUzLjY5MDIgMjEuMzgyOCA1My4zNzM2IDIyLjM3MSA1My4zNzM2IDIzLjY3NTlDNTMuMzczNiAyNC45NjE0IDUzLjY4MDYgMjUuOTQ5NyA1NC4yOTQ3IDI2LjY0MDVDNTQuOTI3OSAyNy4zMzEzIDU1LjcxNDcgMjcuNjc2NyA1Ni42NTQ5IDI3LjY3NjdaIiBmaWxsPSIjRTgzNjM2Ii8+DQo8cGF0aCBkPSJNOS4yMTc4IDI2LjYzODJDOS4yMDM3NSAyNi45OTY2IDkuMTUxMDQgMjcuMzQ5NyA5LjA1OTcgMjcuNjk3NUM4Ljk2ODM0IDI4LjA0NTQgOC44Mjk1NSAyOC4zNTk4IDguNjQzMzMgMjguNjQwOUM4LjQ2MDYzIDI4LjkyMTkgOC4yMjY5NyAyOS4xNDY4IDcuOTQyMzggMjkuMzE1NUM3LjY1Nzc5IDI5LjQ4NDEgNy4zMTM0NSAyOS41Njg0IDYuOTA5NCAyOS41Njg0QzYuNjgxMDEgMjkuNTY4NCA2LjQ3NTQ4IDI5LjUyOCA2LjI5Mjc3IDI5LjQ0NzJDNi4xMTAwNyAyOS4zNjY1IDUuOTU1NDcgMjkuMjUyMyA1LjgyODk4IDI5LjEwNDhDNS43MDI1IDI4Ljk1MzcgNS42MDkzOCAyOC43NzI2IDUuNTQ5NjUgMjguNTYxOUM1LjQ4OTkzIDI4LjM1MSA1LjQ2ODg0IDI4LjExMzggNS40ODY0IDI3Ljg1MDVMNS43NTUyIDI0LjgxNDdINi44MDkyNUw2LjU0NTc1IDI3Ljg1MDVDNi41MjQ2NiAyOC4wMzMgNi41MjY0MSAyOC4xODI0IDYuNTUxMDEgMjguMjk4NEM2LjU3OTEyIDI4LjQxNDIgNi42MjEyOCAyOC41MDM5IDYuNjc3NSAyOC41NjcxQzYuNzM3MjIgMjguNjMwMyA2LjgwMzk5IDI4LjY3NTkgNi44Nzc3NyAyOC43MDQxQzYuOTU1MDcgMjguNzI4OCA3LjAzMDYxIDI4Ljc0MDkgNy4xMDQ0MSAyOC43NDA5QzcuMjczMDYgMjguNzQwOSA3LjQyNzYzIDI4LjY4ODMgNy41NjgxOCAyOC41ODI4QzcuNzA4NzIgMjguNDc3NiA3LjgyOTk0IDI4LjMzMTcgNy45MzE4MyAyOC4xNDU1QzguMDMzNzQgMjcuOTU5MyA4LjExNDU0IDI3Ljc0MTQgOC4xNzQyOCAyNy40OTJDOC4yMzQwMSAyNy4yMzkgOC4yNjczOCAyNi45NjY3IDguMjc0NDIgMjYuNjc1MUM4LjI5OSAyNi4yMDc4IDguMjc2MTcgMjUuNzc1NiA4LjIwNTkgMjUuMzc4NUM4LjEzOTE0IDI0Ljk4MTYgOC4wMjMyIDI0LjYyNjcgNy44NTgwNSAyNC4zMTRDNy42OTY0NCAyMy45OTc4IDcuNDg1NjMgMjMuNzMwNiA3LjIyNTYxIDIzLjUxMjhDNi45NjU2MiAyMy4yOTE1IDYuNjU2NDMgMjMuMTIyOCA2LjI5ODAzIDIzLjAwNjhDNS45Mzk2NiAyMi44ODc0IDUuNTMwMzQgMjIuODI3OCA1LjA3MDA2IDIyLjgyNzhDNC42Mzc4OCAyMi44Mjc4IDQuMjM5MSAyMi44OTQ0IDMuODczNjkgMjMuMDI3OUMzLjUxMTc5IDIzLjE2MTUgMy4xODY3OSAyMy4zNTMxIDIuODk4NjcgMjMuNjAyNUMyLjYxNDA4IDIzLjg1MTkgMi4zNjgxMiAyNC4xNTA1IDIuMTYwODMgMjQuNDk4M0MxLjk1NzA0IDI0Ljg0MjggMS43OTU0MiAyNS4yMjc2IDEuNjc1OTYgMjUuNjUyNkMxLjU2MDAxIDI2LjA3NDIgMS40OTE1IDI2LjUyNzYgMS40NzA0MSAyNy4wMTI0QzEuNDQ1ODIgMjcuNTIxOSAxLjQ3MjE3IDI3Ljk4NTYgMS41NDk0NyAyOC40MDM2QzEuNjMwMjggMjguODIxOSAxLjc1ODUzIDI5LjE4OTEgMS45MzQyIDI5LjUwNTNDMi4xMTM0IDI5LjgyNSAyLjMzNjUgMzAuMDkxOSAyLjYwMzUzIDMwLjMwNjJDMi44NzA1NiAzMC41MjA4IDMuMTgxNTEgMzAuNjgyMiAzLjUzNjM5IDMwLjc5MTNDMy44OTEyNiAzMC45MDAxIDQuMjg2NTMgMzAuOTU0NSA0LjcyMjIxIDMwLjk1NDVDNS4wMjc4OSAzMC45NTQ1IDUuMzM4ODQgMzAuOTE5NCA1LjY1NTA1IDMwLjg0OTNDNS45NzQ3OSAzMC43ODI1IDYuMjQzNTcgMzAuNjk2NCA2LjQ2MTQyIDMwLjU5MDlMNi42NjE2OSAzMS4zNzYyQzYuNDE1NzMgMzEuNTM0MiA2LjEwODMxIDMxLjY1MjEgNS43MzkzNyAzMS43Mjk0QzUuMzczOTYgMzEuODA2NiA1LjAyNzg5IDMxLjg0NTIgNC43MDExMiAzMS44NDUyQzQuMTQyNDggMzEuODQ1MiAzLjYzMyAzMS43NzY2IDMuMTcyNzQgMzEuNjM5N0MyLjcxNTk2IDMxLjUwNjEgMi4zMTE5IDMxLjMwNiAxLjk2MDU2IDMxLjAzODlDMS42MDkyIDMwLjc3NTMgMS4zMTU4MiAzMC40NDg2IDEuMDgwNDEgMzAuMDU4N0MwLjg0ODUxNiAyOS42Njg3IDAuNjc2MzUxIDI5LjIxOSAwLjU2MzkxNyAyOC43MDk0QzAuNDU0OTk4IDI4LjE5OTkgMC40MTI4MzUgMjcuNjM0NCAwLjQzNzQyOSAyNy4wMTI0QzAuNDYyMDI1IDI2LjQzNiAwLjU1MTYxOSAyNS44OTMyIDAuNzA2MjE1IDI1LjM4MzlDMC44NjA4MTIgMjQuODc0MyAxLjA3MTYyIDI0LjQxMjIgMS4zMzg2NiAyMy45OTc4QzEuNjA1NjkgMjMuNTgzMSAxLjkyNTQyIDIzLjIyNjUgMi4yOTc4NyAyMi45Mjc5QzIuNjczOCAyMi42MjU2IDMuMDk1NDMgMjIuMzkzOCAzLjU2Mjc1IDIyLjIzMjJDNC4wMzAwNCAyMi4wNzA1IDQuNTM5NSAyMS45ODk3IDUuMDkxMTMgMjEuOTg5N0M1LjYzOTI0IDIxLjk4OTcgNi4xMzY0MiAyMi4wNjE4IDYuNTgyNjMgMjIuMjA1OEM3LjAzMjM2IDIyLjM0OTkgNy40MjU4OCAyMi41NTcxIDcuNzYzMTggMjIuODI3OEM4LjEwMDQ4IDIzLjA5NDcgOC4zODE1NyAyMy40MTk3IDguNjA2NDMgMjMuODAyOEM4LjgzMTMgMjQuMTgyMiA4Ljk5NDY5IDI0LjYxMDggOS4wOTY1OCAyNS4wODg2QzkuMTk4NDYgMjUuNTY2NSA5LjIzODg3IDI2LjA4MyA5LjIxNzggMjYuNjM4MlpNMy44OTQ3NiAyNy4xOTE2QzMuODc3MiAyNy40MjM0IDMuODc4OTYgMjcuNjI5IDMuOTAwMDUgMjcuODA4MkMzLjkyMTEyIDI3Ljk4NzQgMy45NjE1MyAyOC4xMzg1IDQuMDIxMjUgMjguMjYxNUM0LjA4MDk4IDI4LjM4NDUgNC4xNTgyOSAyOC40Nzc2IDQuMjUzMTYgMjguNTQwOEM0LjM1MTU0IDI4LjYwMDYgNC40Njc0OCAyOC42MzAzIDQuNjAwOTggMjguNjMwM0M0LjY3NDc4IDI4LjYzMDMgNC43NTU1OCAyOC42MTI4IDQuODQzNDMgMjguNTc3N0M0LjkzMTI3IDI4LjUzOSA1LjAyMDg1IDI4LjQ3NTggNS4xMTIyMiAyOC4zODc5QzUuMjAzNTYgMjguMzAwMiA1LjI4OTY0IDI4LjE3ODggNS4zNzA0NiAyOC4wMjQzQzUuNDU0NzggMjcuODY2MiA1LjUyNTA1IDI3LjY2NzYgNS41ODEyNyAyNy40Mjg4TDYuMDI5MjUgMjcuOTYxMUM1Ljk0ODQzIDI4LjIyNDYgNS44NDgzIDI4LjQ1NjUgNS43Mjg4NSAyOC42NTY4QzUuNjA5MzggMjguODUzNCA1LjQ3MjM0IDI5LjAxODYgNS4zMTc3NSAyOS4xNTIyQzUuMTY2NjggMjkuMjg1NiA1LjAwMTU0IDI5LjM4NTkgNC44MjIzNCAyOS40NTI2QzQuNjQzMTQgMjkuNTE5MiA0LjQ0OTkyIDI5LjU1MjcgNC4yNDI2MSAyOS41NTI3QzMuOTg2MTMgMjkuNTUyNyAzLjc1NzczIDI5LjQ5ODMgMy41NTc0NiAyOS4zODkyQzMuMzU3MiAyOS4yNzY4IDMuMTkwMyAyOS4xMTY5IDMuMDU2OCAyOC45MDk2QzIuOTIzMjcgMjguNzAyNSAyLjgyNjY0IDI4LjQ1NDcgMi43NjY5MiAyOC4xNjY2QzIuNzEwNyAyNy44NzUgMi43MDAxNiAyNy41NSAyLjczNTMgMjcuMTkxNkMyLjc3MzkzIDI2LjgzMzEgMi44NDQyMSAyNi41MDEyIDIuOTQ2MTIgMjYuMTk1NEMzLjA0OCAyNS44ODk4IDMuMTc0NDkgMjUuNjE3NSAzLjMyNTU4IDI1LjM3ODVDMy40NzY2NSAyNS4xMzYxIDMuNjQ4ODMgMjQuOTMwNSAzLjg0MjA1IDI0Ljc2MTlDNC4wMzg4MSAyNC41ODk5IDQuMjUxMzggMjQuNDU5NyA0LjQ3OTc4IDI0LjM3MkM0LjcwODE1IDI0LjI4NDEgNC45NDcwOCAyNC4yNDAyIDUuMTk2NTQgMjQuMjQwMkM1LjYwMDU5IDI0LjI0MDIgNS45MTg1NyAyNC4yOTgyIDYuMTUwNDggMjQuNDE0QzYuMzgyMzYgMjQuNTMwMSA2LjYwMTk3IDI0LjY2MzYgNi44MDkyNSAyNC44MTQ3TDYuMjcxNjggMjUuNTM2NkM2LjE2OTc5IDI1LjQ0NTMgNi4wMzYyOSAyNS4zNTc2IDUuODcxMTUgMjUuMjczMkM1LjcwOTUxIDI1LjE4NTMgNS41MTYyNiAyNS4xNDE1IDUuMjkxMzkgMjUuMTQxNUM1LjA4NDExIDI1LjE0MTUgNC45MDE0MSAyNS4xODUzIDQuNzQzMyAyNS4yNzMyQzQuNTg4NjggMjUuMzYwOSA0LjQ1MzQyIDI1LjQ5MjcgNC4zMzc0OCAyNS42NjgzQzQuMjI1MDUgMjUuODQwNiA0LjEzMTkzIDI2LjA1NDkgNC4wNTgxNSAyNi4zMTE1QzMuOTg0MzcgMjYuNTY0NCAzLjkyOTkxIDI2Ljg1NzkgMy44OTQ3NiAyNy4xOTE2WiIgZmlsbD0iI0U4MzYzNiIvPg0KPHBhdGggZD0iTTc2LjIwNTcgMjQuMDMyN0g3Ny43ODEzVjI5LjEwMjhDNzcuNzgxMyAyOS42OTMxIDc3LjY1NDkgMzAuMTkwMyA3Ny40MDIgMzAuNTk0NEM3Ny4xNTI2IDMwLjk5ODUgNzYuODA2MyAzMS4zMDIzIDc2LjM2MzggMzEuNTA2Qzc1LjkyNDYgMzEuNzA5OSA3NS40MTg2IDMxLjgxMTggNzQuODQ1OSAzMS44MTE4Qzc0LjI3MzIgMzEuODExOCA3My43NjM2IDMxLjcwOTkgNzMuMzE3NSAzMS41MDZDNzIuODc0NyAzMS4zMDIzIDcyLjUyNjggMzAuOTk4NSA3Mi4yNzM5IDMwLjU5NDRDNzIuMDI0NSAzMC4xOTAzIDcxLjg5OTcgMjkuNjkzMSA3MS44OTk3IDI5LjEwMjhWMjQuMDMyN0g3My40ODA3VjI5LjEwMjhDNzMuNDgwNyAyOS40NDcxIDczLjUzNTQgMjkuNzI4MiA3My42NDQyIDI5Ljk0NjFDNzMuNzUzIDMwLjE2NCA3My45MDk2IDMwLjMyMzkgNzQuMTEzMyAzMC40MjU3Qzc0LjMyMDYgMzAuNTI3NiA3NC41NjQ4IDMwLjU3ODQgNzQuODQ1OSAzMC41Nzg0Qzc1LjEzNCAzMC41Nzg0IDc1LjM3ODIgMzAuNTI3NiA3NS41Nzg1IDMwLjQyNTdDNzUuNzgyMyAzMC4zMjM5IDc1LjkzNjcgMzAuMTY0IDc2LjA0MjIgMjkuOTQ2MUM3Ni4xNTEgMjkuNzI4MiA3Ni4yMDU3IDI5LjQ0NzEgNzYuMjA1NyAyOS4xMDI4VjI0LjAzMjdaTTgwLjc2NDQgMjQuMDMyN1YzMS43MDYzSDc5LjE4ODVWMjQuMDMyN0g4MC43NjQ0WiIgZmlsbD0iI0U4MzYzNiIvPg0KPHBhdGggZD0iTTcxLjA0NDEgMjAuODAwNEw2Ny4yOTE1IDMxLjkxMDNINjUuNzg3Nkw2OS41NDAyIDIwLjgwMDRINzEuMDQ0MVoiIGZpbGw9IiNDRDIxMkEiLz4NCjwvc3ZnPg0K",Or=(e,t)=>{const r={backgroundColor:e[t].default,WebkitMask:`url('${we}') no-repeat center`,mask:`url('${we}') no-repeat center`},n={backgroundColor:e.basics.dark};return{root:U({...n,".sito-logo":r})}};function Tr(e){const{color:t="primary",logo:r,logoClass:n,appName:s,visible:o=!0}=e,{colors:c}=S(),i=Or(c,t),[a,u]=j.useState(!1);j.useEffect(()=>{setTimeout(()=>u(!0),2500)},[]);const[M,l]=j.useState(!0);return j.useEffect(()=>{o!==void 0&&(o?l(!0):setTimeout(()=>l(!1),501))},[o]),M?N.jsxs("div",{className:`splash-screen ${i.root} ${o?"splash-loading-show ":"splash-loading-hide"}`,children:[N.jsxs("div",{className:"logo-container",children:[typeof r=="string"?N.jsx("img",{alt:s,className:`puff-in-center splash-image ${n}`}):N.jsx("div",{className:`puff-in-center ${n}`,children:r}),N.jsx("div",{className:`splash-loading ${a?"splash-loading-show":"splash-loading-hide"} pointer-events-none`,children:N.jsx(Ke,{colorInverted:!0,className:"splash-loading",color:t,strokeWidth:"6"})})]}),N.jsxs("div",{className:"animated slideInUp brand",children:[N.jsx("p",{children:"made width"}),N.jsx("div",{className:"splash-sito-logo sito-logo"})]})]}):null}const pr=e=>({root:U({".dark .s-error-title":{color:e.error.light},".s-error-title":{color:e.error.default}})}),qe=e=>{const t=j.useRef(null),{colors:r}=S(),n=pr(r),{onRetry:s=()=>window.location.reload(),className:o="",title:c="Something went wrong",text:i,button:a="Try again",buttonProps:u}=e;return N.jsxs("div",{role:"alert",className:`error-root ${n.root} ${o}`,children:[N.jsx("svg",{className:"s-error-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:N.jsx("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"})}),N.jsx("p",{className:"s-error-title",children:c}),N.jsx("pre",{className:"s-error-body",children:i}),s?N.jsx(de,{name:"reload",onClick:s,shape:"filled",color:"primary","aria-label":"click to reload",...u,ref:t,children:a}):null]})};function Me(e,t){return Me=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,s){return n.__proto__=s,n},Me(e,t)}function Lr(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Me(e,t)}var mr=function(t,r){return t===void 0&&(t=[]),r===void 0&&(r=[]),t.length!==r.length||t.some(function(n,s){return!Object.is(n,r[s])})},Se={error:null},wr=function(e){Lr(t,e);function t(){for(var n,s=arguments.length,o=new Array(s),c=0;c<s;c++)o[c]=arguments[c];return n=e.call.apply(e,[this].concat(o))||this,n.state=Se,n.resetErrorBoundary=function(){for(var i,a=arguments.length,u=new Array(a),M=0;M<a;M++)u[M]=arguments[M];n.props.onReset==null||(i=n.props).onReset.apply(i,u),n.reset()},n}t.getDerivedStateFromError=function(s){return{error:s}};var r=t.prototype;return r.reset=function(){this.setState(Se)},r.componentDidCatch=function(s,o){var c,i;(c=(i=this.props).onError)==null||c.call(i,s,o)},r.componentDidUpdate=function(s,o){var c=this.state.error,i=this.props.resetKeys;if(c!==null&&o.error!==null&&mr(s.resetKeys,i)){var a,u;(a=(u=this.props).onResetKeysChange)==null||a.call(u,s.resetKeys,i),this.reset()}},r.render=function(){var s=this.state.error,o=this.props,c=o.fallbackRender,i=o.FallbackComponent,a=o.fallback;if(s!==null){var u={error:s,resetErrorBoundary:this.resetErrorBoundary};if(se.isValidElement(a))return a;if(typeof c=="function")return c(u);if(i)return se.createElement(i,u);throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children},t}(se.Component);const Xe=e=>{const{error:t,resetErrorBoundary:r}=e;return N.jsx(qe,{onRetry:r,text:t.message})};function Sr(e){const{children:t,onRetry:r}=e;return N.jsx(wr,{FallbackComponent:Xe,onReset:r,children:t})}const Er=e=>{const[t,r]=j.useState(!1);return j.useEffect(()=>{const n=window.matchMedia(e);n.matches!==t&&r(n.matches);const s=()=>r(n.matches);return window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[t,e]),t},kr=()=>{const[e,t]=j.useState({width:window.innerWidth,height:window.innerHeight}),r=j.useMemo(()=>{const{width:s}=e;switch(!0){case s<=400:return"xs";case s<=600:return"sm";case s<=900:return"md";case s<=1200:return"lg";case s<=1536:return"xl";default:return"2xl"}},[e]),n=j.useCallback(()=>{},[t]);return j.useEffect(()=>(window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)),[n]),{width:e.width,height:e.height,breakpoint:r}};exports.Button=de;exports.Error=qe;exports.ErrorFallback=Xe;exports.Handler=Sr;exports.IconButton=Fe;exports.Image=fr;exports.InputControl=ur;exports.Loading=Ke;exports.ModeProvider=qt;exports.Notification=hr;exports.NotificationProvider=gr;exports.PrintAfter=Ir;exports.SelectControl=ar;exports.SplashScreen=Tr;exports.StyleProvider=tr;exports.Switcher=jr;exports.TextareaControl=ir;exports.useIsElementInViewport=He;exports.useMediaQuery=Er;exports.useMode=We;exports.useNotification=Ze;exports.useScreenHandler=kr;exports.useStyle=S;
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime"),n=require("react-dom");var r=(...e)=>e.filter(Boolean).join(` `),i={DEFAULT:`default`,PRIMARY:`primary`,SECONDARY:`secondary`,ERROR:`error`,WARNING:`warning`,SUCCESS:`success`,INFO:`info`},a={TEXT:`text`,SUBMIT:`submit`,OUTLINED:`outlined`},o=(0,e.forwardRef)(function(e,n){let{color:o=i.DEFAULT,type:s=`button`,variant:c=a.TEXT,loading:l=!1,loadingIndicator:u,loadingLabel:d=`Loading`,disabled:f,className:p,children:m,...h}=e,g=r(`sito-ui-button`,`sito-ui-button--${c}`,`sito-ui-button--${o}`,l&&`sito-ui-button--loading`,p),_=u===void 0?(0,t.jsx)(`span`,{className:`sito-ui-button__spinner`,"aria-hidden":`true`,"data-sito-ui":`button-spinner`}):u;return(0,t.jsxs)(`button`,{"data-sito-ui":`button`,...h,type:s,ref:n,disabled:f||l,"aria-busy":l||h[`aria-busy`],className:g,children:[l?(0,t.jsxs)(t.Fragment,{children:[_,(0,t.jsx)(`span`,{className:`sito-ui-button__loading-label`,children:d})]}):null,m]})}),s=(0,e.forwardRef)(function(e,n){let{children:i,icon:a,iconClassName:s,type:c=`button`,variant:l=`text`,color:u=`default`,loading:d=!1,className:f,...p}=e,m=r(`sito-ui-icon-button`,f);return(0,t.jsxs)(o,{...p,ref:n,type:c,variant:l,color:u,loading:d,"data-sito-ui":`icon-button`,className:m,children:[d?null:(0,t.jsx)(`span`,{className:s,"aria-hidden":`true`,children:a}),i]})}),c=`input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled])`,l=`button[type="submit"]:not([disabled]), input[type="submit"]:not([disabled])`,u=[`a[href]`,`button:not([disabled])`,`textarea:not([disabled])`,`input:not([disabled])`,`select:not([disabled])`,`[tabindex]:not([tabindex="-1"])`].join(`,`),d=0,f=null,p=()=>typeof document<`u`&&!!document.body,m=()=>{p()&&(d===0&&(f=document.body.style.overflow,document.body.style.overflow=`hidden`),d+=1)},h=()=>{!p()||d===0||(--d,d===0&&(document.body.style.overflow=f??``,f=null))},g=e=>Array.from(e.querySelectorAll(u)).filter(e=>e.getAttribute(`aria-disabled`)!==`true`),_=()=>typeof document>`u`?null:document.activeElement instanceof HTMLElement?document.activeElement:null,v=i=>{let a=(0,e.useId)(),o=(0,e.useRef)(null),u=(0,e.useRef)(null),{dialogId:d,title:f,ariaLabel:p,children:v,onClose:y,initialFocus:b=`none`,closeOnBackdropClick:x=!1,closeOnEscape:S=!0,lockBodyScroll:C=!0,onSubmit:w,open:T=!1,mobileFullScreen:E=!1,containerClassName:D,className:O,closeLabel:k=`Close dialog`,closeIcon:A=`x`,showCloseButton:j=!0,portalContainer:M}=i,N=f?`${d??a}-title`:void 0,P=(0,e.useCallback)(e=>{if(e.key===`Escape`&&T&&S){y();return}if(e.key!==`Tab`||!T)return;let t=o.current;if(!t)return;let n=g(t);if(n.length===0){e.preventDefault(),t.focus();return}let r=n[0],i=n[n.length-1],a=_(),s=!a||!t.contains(a);if(e.shiftKey&&(s||a===r)){e.preventDefault(),i.focus();return}!e.shiftKey&&(s||a===i)&&(e.preventDefault(),r.focus())},[S,y,T]);(0,e.useEffect)(()=>{if(!(!T||typeof window>`u`))return window.addEventListener(`keydown`,P),()=>{window.removeEventListener(`keydown`,P)}},[P,T]),(0,e.useEffect)(()=>{if(T)return u.current=_(),()=>{u.current?.isConnected&&u.current.focus(),u.current=null}},[T]),(0,e.useEffect)(()=>{if(!T)return;let e=o.current;if(e){if(b===`first-input`){let t=e.querySelector(c);if(t){t.focus();return}}if(b===`submit`){let t=e.querySelector(l);if(t){t.focus();return}}e.focus()}},[b,T]),(0,e.useEffect)(()=>{if(!(!T||!C))return m(),()=>{h()}},[T,C]);let F=(0,e.useCallback)(e=>{x&&e.target===e.currentTarget&&y()},[x,y]),I=(0,e.useCallback)(e=>{e.preventDefault(),w?.(e)},[w]);if(!T||typeof document>`u`)return null;let L=w?(0,t.jsx)(`form`,{onSubmit:I,children:v}):v,R=typeof A==`string`?(0,t.jsx)(`span`,{"aria-hidden":`true`,children:A}):A;return(0,n.createPortal)((0,t.jsx)(`div`,{id:d?`backdrop-${d}`:void 0,"data-sito-ui":`dialog-backdrop`,onClick:F,className:r(`sito-ui-dialog-backdrop`,D),children:(0,t.jsxs)(`div`,{id:d,ref:o,role:`dialog`,"aria-modal":`true`,"aria-label":f?void 0:p,"aria-labelledby":N,tabIndex:-1,"data-sito-ui":`dialog`,className:r(`sito-ui-dialog`,E&&`sito-ui-dialog--mobile-full-screen`,O),children:[(0,t.jsxs)(`div`,{className:`sito-ui-dialog__header`,children:[f?(0,t.jsx)(`h3`,{id:N,className:`sito-ui-dialog__title`,children:f}):null,j?(0,t.jsx)(s,{icon:R,disabled:!T,"aria-disabled":!T,onClick:y,variant:`text`,color:`error`,className:`sito-ui-dialog__close`,"aria-label":k}):null]}),L]})}),M??document.body)},y=e=>{let{primaryText:n,cancelText:i,onPrimaryClick:a,onCancel:s,isLoading:c=!1,loadingIndicator:l,disabled:u=!1,primaryType:d=`submit`,containerClassName:f,primaryClassName:p,cancelClassName:m,alignEnd:h=!1,primaryName:g,primaryAriaLabel:_,cancelName:v,cancelAriaLabel:y,extraActions:b=[]}=e;return(0,t.jsxs)(`div`,{"data-sito-ui":`dialog-actions`,className:r(`sito-ui-dialog-actions`,h&&`sito-ui-dialog-actions--end`,f),children:[(0,t.jsx)(o,{type:d,color:`primary`,variant:`submit`,className:p,disabled:u,loading:c,loadingIndicator:l,onClick:a,name:g,"aria-label":_,children:n}),b.map(({id:e,...n})=>(0,t.jsx)(o,{...n},e)),(0,t.jsx)(o,{type:`button`,variant:`outlined`,className:m,disabled:u||c,onClick:s,name:v,"aria-label":y,children:i})]})},b=(t=!1)=>{let[n,r]=(0,e.useState)(t);return{open:n,setOpen:r,handleClose:()=>r(!1),handleOpen:()=>r(!0)}};exports.Button=o,exports.Dialog=v,exports.DialogActions=y,exports.IconButton=s,exports.useDialog=b;
|
package/dist/ui.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from './main'
|
|
1
|
+
export * from './main.js'
|
|
2
|
+
export {}
|