@sito/ui 0.1.3 → 0.1.4

package/dist/main.css

@@ -1 +1 @@
-.appear{animation:appear .5s ease 1}.disappear{animation:disappear .5s ease 1}@keyframes appear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes disappear{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}.aGrow{transform:scale(0);animation-name:aGrow;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-duration:.3s}.aShrink{transform:scale(1);animation-name:aShrink;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-duration:.3s}@keyframes aGrow{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes aShrink{0%{transform:scale(1)}to{transform:scale(0)}}.shake{animation:shake 1 .5s linear}.horizontal-shake{animation:horizontalShake 1 .5s linear}@keyframes shake{0%{transform:rotate(-15deg)}20%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}50%{transform:rotate(0)}}@keyframes horizontalShake{0%{transform:translate(-10px)}20%{transform:translate(+10px)}30%{transform:translate(-10px)}50%{transform:translate(0)}}.button{display:flex;font-weight:600;cursor:default;align-items:center;justify-content:center;padding:.5rem 1.75rem;border-radius:1.5rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.outlined.button{border-width:2px}.icon-button{min-width:2.5rem;min-height:2.5rem;width:2.5rem;height:2.5rem;border-radius:100%;font-size:1.25rem;line-height:1.75rem;padding:0}.image{font-style:italic;max-width:100%;height:auto;vertical-align:middle}.box{background-size:0;opacity:1;position:relative;overflow:hidden}.box:before{content:"";position:absolute;height:100%;top:0;right:0;width:calc(200% + 200px);bottom:0;background-image:inherit;animation:move 2s linear infinite}@keyframes move{to{transform:translate(calc(50% + 100px))}}.s-no-padding-left{padding-left:0!important}.s-no-padding-right{padding-right:0!important}.s-small-padding-left{padding-left:.5rem!important}.s-small-padding-right{padding-right:.5rem!important}.sub{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem}.input-control{display:flex;gap:.25rem;align-items:flex-start;justify-content:flex-start;width:100%}.column{flex-direction:column}.row{flex-direction:row}.input-control textarea{width:100%;padding:.5rem 1rem;border-radius:20px;resize:none}.input-control input,.input-control select{width:100%;padding:.5rem 1rem;border-radius:1.5rem}.input-control .sub{width:100%;position:relative;border-radius:1.5rem}.input-control .sub input{border-radius:0}.input-control textarea:focus-visible,.input-control textarea,.input-control input:focus-visible,.input-control input{outline:none!important}.error-root{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:100vh;min-height:100svh}.s-error-body{width:60%;white-space:break-spaces;text-align:center}.s-error-icon{filter:invert(1);width:40px;height:40px}.loader-container{padding:5%}.loader{width:40px;position:relative;margin:0 auto}.loader:before{content:"";padding-top:100%;display:block}.circular{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.loading{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.notification-portal{position:fixed;left:0;bottom:0;z-index:40;gap:8px;padding:8px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;pointer-events:none}.notification-root{min-width:160px;padding:12px 44px 12px 16px;position:relative;border-radius:100px;z-index:10;gap:8px;pointer-events:auto;display:flex;justify-content:space-between;align-items:center}.notification-close-button{position:absolute;top:50%;transform:translateY(-50%);right:.25rem;width:2rem;height:2rem;min-width:2rem;min-height:2rem}.close-notification-icon{width:14px;height:15px}.check-input{height:0;width:0;display:none!important}.switcher-root{display:flex;gap:.75rem;align-items:center;justify-content:flex-start}.switcher{width:55px;height:25px;border-radius:100px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;position:relative}.ball{width:20px;height:14px;border-radius:20px;top:50%;transition:all .5s ease;position:absolute}.deactivated{transform:translate(20%,-50%)}.activated{transform:translate(150%,-50%)}.splash-screen{height:100vh;height:100svh;display:flex;width:100%;position:fixed;top:0;left:0;z-index:50;flex-direction:column;align-items:center;overflow:hidden;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.splash-loading-show{opacity:1}.splash-loading-hide{opacity:0}.splash-loading{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.splash-image{width:100px;height:100px;object-fit:cover;object-position:center;border-radius:100%}.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1.25rem}.brand p{font-size:15px}.brand-name{display:flex;align-items:flex-end}.brand-name p{font-size:1.25rem}.splash-sito-logo{width:100px;height:60px;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.splash-loading{background-color:#0000!important;height:70px!important}.splash-loading .loader{width:30px}.slide-in-bck-center{-webkit-animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.puff-in-center{-webkit-animation:puff-in-center .7s cubic-bezier(.47,0,.745,.715) both;animation:puff-in-center .7s cubic-bezier(.47,0,.745,.715) both}@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,120%,0);transform:translate3d(0,120%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}.animated{animation-delay:1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
+.appear{animation:appear .5s ease 1}.disappear{animation:disappear .5s ease 1}@keyframes appear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes disappear{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}.aGrow{transform:scale(0);animation-name:aGrow;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-duration:.3s}.aShrink{transform:scale(1);animation-name:aShrink;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-duration:.3s}@keyframes aGrow{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes aShrink{0%{transform:scale(1)}to{transform:scale(0)}}.shake{animation:shake 1 .5s linear}.horizontal-shake{animation:horizontalShake 1 .5s linear}@keyframes shake{0%{transform:rotate(-15deg)}20%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}50%{transform:rotate(0)}}@keyframes horizontalShake{0%{transform:translate(-10px)}20%{transform:translate(+10px)}30%{transform:translate(-10px)}50%{transform:translate(0)}}.button{display:flex;font-weight:600;cursor:default;align-items:center;justify-content:center;padding:.5rem 1.75rem;border-radius:1.5rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.outlined.button{border-width:2px}.icon-button{border-radius:100%;font-size:1.25rem;line-height:1.75rem;padding:0}.icon-button.normal{min-width:2.5rem;min-height:2.5rem;width:2.5rem;height:2.5rem}.icon-button.small{min-width:2rem;min-height:2rem;width:2rem;height:2rem}.image{font-style:italic;max-width:100%;height:auto;vertical-align:middle}.box{background-size:0;opacity:1;position:relative;overflow:hidden}.box:before{content:"";position:absolute;height:100%;top:0;right:0;width:calc(200% + 200px);bottom:0;background-image:inherit;animation:move 2s linear infinite}@keyframes move{to{transform:translate(calc(50% + 100px))}}.s-no-padding-left{padding-left:0!important}.s-no-padding-right{padding-right:0!important}.s-small-padding-left{padding-left:.5rem!important}.s-small-padding-right{padding-right:.5rem!important}.sub{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem}.input-control{display:flex;gap:.25rem;align-items:flex-start;justify-content:flex-start;width:100%}.column{flex-direction:column}.row{flex-direction:row}.input-control textarea{width:100%;padding:.5rem 1rem;border-radius:20px;resize:none}.input-control input,.input-control select{width:100%;padding:.5rem 1rem;border-radius:1.5rem}.input-control .sub{width:100%;position:relative;border-radius:1.5rem}.input-control .sub input{border-radius:0}.input-control textarea:focus-visible,.input-control textarea,.input-control input:focus-visible,.input-control input{outline:none!important}.error-root{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:100vh;min-height:100svh}.s-error-body{width:60%;white-space:break-spaces;text-align:center}.s-error-icon{filter:invert(1);width:40px;height:40px}.loader-container{padding:5%}.loader{width:40px;position:relative;margin:0 auto}.loader:before{content:"";padding-top:100%;display:block}.circular{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.loading{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.notification-portal{position:fixed;left:0;bottom:0;z-index:40;gap:8px;padding:8px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;pointer-events:none}.notification-root{min-width:160px;padding:12px 44px 12px 16px;position:relative;border-radius:100px;z-index:10;gap:8px;pointer-events:auto;display:flex;justify-content:space-between;align-items:center}.notification-close-button{position:absolute;top:50%;transform:translateY(-50%);right:.25rem}.close-notification-icon{width:14px;height:15px}.check-input{height:0;width:0;display:none!important}.switcher-root{display:flex;gap:.75rem;align-items:center;justify-content:flex-start}.switcher{width:55px;height:25px;border-radius:100px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;position:relative}.ball{width:20px;height:14px;border-radius:20px;top:50%;transition:all .5s ease;position:absolute}.deactivated{transform:translate(20%,-50%)}.activated{transform:translate(150%,-50%)}.splash-screen{height:100vh;height:100svh;display:flex;width:100%;position:fixed;top:0;left:0;z-index:50;flex-direction:column;align-items:center;overflow:hidden;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.splash-loading-show{opacity:1}.splash-loading-hide{opacity:0}.splash-loading{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.splash-image{width:100px;height:100px;object-fit:cover;object-position:center;border-radius:100%}.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1.25rem}.brand p{font-size:15px}.brand-name{display:flex;align-items:flex-end}.brand-name p{font-size:1.25rem}.splash-sito-logo{width:100px;height:60px;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.splash-loading{background-color:#0000!important;height:70px!important}.splash-loading .loader{width:30px}.slide-in-bck-center{-webkit-animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.puff-in-center{-webkit-animation:puff-in-center .7s cubic-bezier(.47,0,.745,.715) both;animation:puff-in-center .7s cubic-bezier(.47,0,.745,.715) both}@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,120%,0);transform:translate3d(0,120%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}.animated{animation-delay:1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

package/dist/ui.cjs

@@ -8,4 +8,4 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
 
 You should wrap it with \`css\` like this:
 
-`+("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,...n}=e;return N.jsx(de,{...n,ref:t,type:"button",className:`icon-button ${n.className}`,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),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;
+`+("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,className:n="",...s}=e;return N.jsx(de,{...s,ref:t,type:"button",className:`icon-button ${n}`,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),className:`notification-close-button small ${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;

package/dist/ui.js

@@ -1130,14 +1130,14 @@ const He = De({}), Er = (e) => {
     }
   );
 }), qe = sr, ir = _(function(e, t) {
-  const { icon: r, ...n } = e;
+  const { icon: r, className: n = "", ...s } = e;
   return /* @__PURE__ */ N(
     qe,
     {
-      ...n,
+      ...s,
       ref: t,
       type: "button",
-      className: `icon-button ${n.className}`,
+      className: `icon-button ${n}`,
       children: r
     }
   );
@@ -1460,7 +1460,7 @@ function Rr(e) {
               ref: null,
               color: "basics",
               onClick: () => i(l),
-              className: `notification-close-button ${t == null ? void 0 : t.className}`
+              className: `notification-close-button small ${t == null ? void 0 : t.className}`
             }
           ),
           /* @__PURE__ */ N("p", { children: M })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sito/ui",
   "private": false,
-  "version": "0.1.3",
+  "version": "0.1.4",
   "type": "module",
   "files": [
     "dist/"