react-artasys-ui 0.1.27 → 0.1.29

package/dist/styles.css

@@ -0,0 +1,80 @@
+.style-module__container___xfbzH{flex:1;display:flex;flex-direction:column;align-items:center;background-color:var(--neutral-white)}.style-module__container___xfbzH>.style-module__wait-indicator___G02CN{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.6235294118);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1;opacity:0;transition:opacity .3s}.style-module__container___xfbzH.style-module__wait___W2hPp>.style-module__wait-indicator___G02CN{z-index:1;opacity:1}
+.style-module__spinner___rCh2u{--color-rgb: var(--brand-accent-primary-rgb);display:flex;justify-content:center;align-items:center;width:100%;height:100%;max-width:100px;max-height:100px;aspect-ratio:1/1;padding-left:-0.25rem;padding-right:-0.25rem;overflow:hidden}.style-module__spinner___rCh2u::before{content:"";display:inline-block;width:100%;max-width:90%;max-height:90%;--border-width: clamp(0.2em, 10%, 0.5em);border-radius:50%;aspect-ratio:1/1;--mask: radial-gradient( farthest-side, transparent calc(100% - var(--border-width) - 0.5px), #000 calc(100% - var(--border-width) + 0.5px) );-webkit-mask:var(--mask);mask:var(--mask);background:linear-gradient(to top, rgba(var(--color-rgb), 1), rgba(var(--color-rgb), 0.5)) 100% 0/50% 100% no-repeat,linear-gradient(rgba(var(--color-rgb), 0.5) 50%, transparent 95%) 0 0/50% 100% no-repeat;animation:style-module__button-spinner-border___PgVuB .85s linear infinite}.style-module__spinner___rCh2u.style-module__ui-spinner-contrast___DmoHd{--color-rgb: 255, 255, 255}.style-module__spinner___rCh2u.style-module__small___NzDCq{width:1rem;height:1rem}.style-module__spinner___rCh2u.style-module__middle___irbH9{width:4rem;height:4rem}.style-module__spinner___rCh2u.style-module__large___g2a7L{width:8rem;height:8rem}@keyframes style-module__button-spinner-border___PgVuB{to{transform:rotate(360deg)}}
+.style-module__container___Rcvsm{--size: 150px;--color-rgb: 94, 190, 214;position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-width:var(--size);max-width:var(--size);box-sizing:content-box !important;aspect-ratio:10/1;border-radius:2px;padding:5px 0;overflow:hidden}.style-module__container___Rcvsm::before{content:"";position:absolute;display:block;width:100%;height:100%;max-width:100%;max-height:100%;background:linear-gradient(to right, var(--brand-accent-primary) var(--progress), var(--neutral-150) 0)}.style-module__container___Rcvsm.style-module__radius___BGUfK{aspect-ratio:1/1;border-radius:50%;padding:unset}.style-module__container___Rcvsm.style-module__radius___BGUfK::before{--border-width: clamp(0.2em, 10%, 0.5em);border-radius:50%;aspect-ratio:1/1;-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--border-width) - 0.5px), #000 calc(100% - var(--border-width) + 0.5px));mask:radial-gradient(farthest-side, transparent calc(100% - var(--border-width) - 0.5px), #000 calc(100% - var(--border-width) + 0.5px));background:conic-gradient(var(--brand-accent-primary) var(--progress), var(--neutral-150) 0deg)}.style-module__container___Rcvsm::after{content:attr(data-progress) "%";font-size:1.5em;color:var(--neutral-900-text);mix-blend-mode:darken;z-index:1}.style-module__container___Rcvsm.style-module__radius___BGUfK::after{mix-blend-mode:unset;color:var(--neutral-900-text)}.style-module__container___Rcvsm.style-module__small___aw7mI{--size: 30px;font-size:.6em}.style-module__container___Rcvsm.style-module__middle___kHjkw{--size: 60px;font-size:.7em}.style-module__container___Rcvsm.style-module__large___oS6zL{--size: 120px}
+.style-module__container___wOnhU{display:flex;align-items:center;width:100%;position:relative;border-radius:6px;font-family:Helvetica;z-index:0}.style-module__loading-container___NyZ20{position:absolute;left:16px}.style-module__container___wOnhU.style-module__hidden___kIK86{border:0}.style-module__element___hbwx_{align-self:stretch;width:100%}.style-module__element___hbwx_>input,.style-module__element___hbwx_>textarea{width:100%;height:100%;min-height:45px;max-height:500px;margin:0;padding:10px;font-size:20px;box-sizing:border-box;background-color:rgba(0,0,0,0);border:1px solid var(--brand-300-primary);border-radius:6px;outline:none;resize:none;transition:.2s}.style-module__element___hbwx_>input:disabled,.style-module__element___hbwx_>textarea:disabled,.style-module__element___hbwx_>input:disabled:hover,.style-module__element___hbwx_>textarea:disabled:hover{background-color:light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));color:light-dark(rgb(84, 84, 84), rgb(170, 170, 170));border-color:rgba(118,118,118,.3);box-shadow:inset 0 0 0 1px rgba(118,118,118,.3)}.style-module__container___wOnhU.style-module__disabled___TbeBm{background-color:var(--neutral-200)}.style-module__element___hbwx_>input:-webkit-autofill,.style-module__element___hbwx_>input:-webkit-autofill:hover,.style-module__element___hbwx_>input:-webkit-autofill:focus,.style-module__element___hbwx_>input:-webkit-autofill:active{-webkit-background-clip:text}.style-module__element___hbwx_>input:focus,.style-module__element___hbwx_>input:hover{outline:none;box-shadow:inset 0 0 0 1px var(--brand-300-primary)}.style-module__element___hbwx_>.style-module__placeholder___bNqrp{position:absolute;display:flex;justify-content:center;align-items:center;top:0;margin-left:16px;height:100%;color:var(--neutral-400);font-size:16px;z-index:-1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .3s}.style-module__element___hbwx_>textarea~.style-module__placeholder___bNqrp{max-height:2em}.style-module__element___hbwx_>.style-module__placeholder___bNqrp::before{content:"";position:absolute;display:block;width:100%;height:5px;background-color:var(--neutral-white);z-index:-1}.style-module__element___hbwx_>input:required~.style-module__placeholder___bNqrp::after{content:"*"}.style-module__element___hbwx_>input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;border-radius:4px;margin-right:2px;opacity:.7;filter:invert(0.8)}.style-module__element___hbwx_>input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.style-module__element___hbwx_>input[type=date]~.style-module__placeholder___bNqrp,.style-module__element___hbwx_>input:focus~.style-module__placeholder___bNqrp,.style-module__element___hbwx_>textarea:focus~.style-module__placeholder___bNqrp,.style-module__element___hbwx_>input:not([value=""])~.style-module__placeholder___bNqrp,.style-module__element___hbwx_>textarea:not(:empty)~.style-module__placeholder___bNqrp,.style-module__element___hbwx_>input:not(:empty)~.style-module__placeholder___bNqrp{transform:translate(-10%, -50%) scale(0.8);z-index:0}.style-module__container___wOnhU.style-module__error___a8h4v{border-color:var(--error-primary)}.style-module__container___wOnhU.style-module__error___a8h4v .style-module__placeholder___bNqrp{color:var(--error-primary)}.style-module__error___a8h4v{color:var(--error-primary)}
+.style-module__loading___b_SUA{display:flex;justify-content:center;align-items:center;position:absolute;top:0;gap:1em;width:100%;height:100%}.style-module__dot___D9MUw{width:3px;height:3px;background-color:var(--neutral-white);border-radius:50%;animation:style-module__bounce___rAPTh 1.6s infinite linear}.style-module__light___rrj2v .style-module__dot___D9MUw{background-color:var(--brand-accent-primary)}.style-module__secondary___AX6H5 .style-module__dot___D9MUw{background-color:var(--brand-300-primary)}.style-module__secondary-light___bvMdO .style-module__dot___D9MUw{background-color:var(--neutral-150)}label .style-module__loading___b_SUA .style-module__dot___D9MUw{background-color:var(--brand-accent-primary)}.style-module__dot___D9MUw:nth-child(1){animation-delay:-0.9s}.style-module__dot___D9MUw:nth-child(2){animation-delay:-0.6s}.style-module__dot___D9MUw:nth-child(3){animation-delay:-0.3s}.style-module__dot___D9MUw:nth-child(4){animation-delay:0s}@keyframes style-module__bounce___rAPTh{0%{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1.33)}30%{transform:scale(1.5)}40%{transform:scale(1.66)}50%{transform:scale(1.83)}60%{transform:scale(2)}70%{transform:scale(2.16)}80%{transform:scale(2.33)}90%{transform:scale(2.16)}95%{transform:scale(1.5)}100%{transform:scale(1)}}
+.style-module__file-btn___q1o5j{display:flex;align-items:center;box-shadow:inset 0 0 0 2px var(--brand-primary);color:var(--brand-primary);font-size:1rem;border-radius:8px;min-width:80px;width:-moz-max-content;width:max-content;min-height:20px;margin:0 auto;padding:16px 36px;max-height:50px;cursor:pointer;transition:box-shadow .2s}.style-module__file-btn___q1o5j:hover{box-shadow:inset 0 0 0 3px var(--brand-primary)}.style-module__icon___DmZ45::after{content:"";display:inline-block;width:20px;height:20px;margin-left:10px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--brand-primary)}
+.style-module__container___xiW4D{position:relative;width:-moz-max-content;width:max-content}.style-module__container___xiW4D .style-module__wait-indicator___DXrE8{position:absolute;display:flex;top:0;left:0;height:100%;width:100%;justify-content:center;align-items:center;background-color:inherit;z-index:-1;opacity:0}.style-module__container___xiW4D .style-module__active___rLGnX{opacity:1;z-index:1}.style-module__btn___J72MV{display:flex;justify-content:center;align-items:center;font-family:Helvetica;font-size:16px;color:var(--neutral-200);background-color:var(--brand-primary);border-radius:8px;border:none;cursor:pointer;transition:background-color .2s,transform .2s,color .2s;position:relative}.style-module__btn___J72MV:hover{background-color:var(--brand-accent-primary)}.style-module__btn___J72MV:active{box-shadow:inset 0 0 0 3px var(--brand-300-primary);background-color:var(--brand-accent-primary);transition:background-color .2s,box-shadow .1s;clip-path:border-box}.style-module__btn___J72MV.style-module__icon-left___ewMhi::before,.style-module__btn___J72MV.style-module__icon-right___HZEeb::after,.style-module__btn___J72MV.style-module__icon-only___ku4SM::before{content:"";display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;background-color:var(--neutral-white);transition:.3s}.style-module__btn-light___VuPa2{background-color:var(--neutral-150);color:var(--brand-primary)}.style-module__btn-light___VuPa2.style-module__icon-left___ewMhi::before,.style-module__btn-light___VuPa2.style-module__icon-right___HZEeb::after,.style-module__btn-light___VuPa2.style-module__icon-only___ku4SM::before{background-color:var(--brand-primary)}.style-module__btn-light___VuPa2:hover{background-color:var(--brand-300-primary);color:var(--neutral-white)}.style-module__btn-light___VuPa2:hover.style-module__icon-left___ewMhi::before,.style-module__btn-light___VuPa2:hover.style-module__icon-right___HZEeb::after,.style-module__btn-light___VuPa2:hover.style-module__icon-only___ku4SM::before{background-color:var(--neutral-white)}.style-module__btn-light___VuPa2:active{color:var(--neutral-white);background-color:var(--brand-300-primary);box-shadow:inset 0 0 0 3px var(--neutral-white)}.style-module__btn-light___VuPa2:active.style-module__icon-left___ewMhi::before,.style-module__btn-light___VuPa2:active.style-module__icon-right___HZEeb::after,.style-module__btn-light___VuPa2:active.style-module__icon-only___ku4SM::before{background-color:var(--neutral-white)}.style-module__btn-secondary___QGEwb{background-color:rgba(0,0,0,0);color:var(--brand-primary);box-shadow:inset 0 0 0 2px var(--brand-primary)}.style-module__btn-secondary___QGEwb.style-module__icon-left___ewMhi::before,.style-module__btn-secondary___QGEwb.style-module__icon-right___HZEeb::after,.style-module__btn-secondary___QGEwb.style-module__icon-only___ku4SM::before{background-color:var(--brand-primary)}.style-module__btn-secondary___QGEwb:hover{background-color:rgba(0,0,0,0);color:var(--brand-accent-primary);box-shadow:inset 0 0 0 2px var(--brand-accent-primary)}.style-module__btn-secondary___QGEwb:hover.style-module__icon-left___ewMhi::before,.style-module__btn-secondary___QGEwb:hover.style-module__icon-right___HZEeb::after,.style-module__btn-secondary___QGEwb:hover.style-module__icon-only___ku4SM::before{background-color:var(--brand-accent-primary)}.style-module__btn-secondary___QGEwb:active{background-color:rgba(0,0,0,0);color:var(--brand-accent-primary);box-shadow:inset 0 0 0 3px var(--brand-300-primary)}.style-module__btn-secondary___QGEwb:active.style-module__icon-left___ewMhi::before,.style-module__btn-secondary___QGEwb:active.style-module__icon-right___HZEeb::after,.style-module__btn-secondary___QGEwb:active.style-module__icon-only___ku4SM::before{background-color:var(--brand-accent-primary)}.style-module__btn-secondary-light___zMIzX{background-color:rgba(0,0,0,0);color:var(--neutral-150);box-shadow:inset 0 0 0 2px var(--neutral-150)}.style-module__btn-secondary-light___zMIzX.style-module__icon-left___ewMhi::before,.style-module__btn-secondary-light___zMIzX.style-module__icon-right___HZEeb::after,.style-module__btn-secondary-light___zMIzX.style-module__icon-only___ku4SM::before{background-color:var(--neutral-white)}.style-module__btn-secondary-light___zMIzX:hover,.style-module__btn-secondary-light___zMIzX:active{background-color:rgba(0,0,0,0);color:var(--brand-300-primary);box-shadow:inset 0 0 0 2px var(--brand-300-primary)}.style-module__btn-secondary-light___zMIzX:hover.style-module__icon-left___ewMhi::before,.style-module__btn-secondary-light___zMIzX:hover.style-module__icon-right___HZEeb::after,.style-module__btn-secondary-light___zMIzX:hover.style-module__icon-only___ku4SM::before,.style-module__btn-secondary-light___zMIzX:active.style-module__icon-left___ewMhi::before,.style-module__btn-secondary-light___zMIzX:active.style-module__icon-right___HZEeb::after,.style-module__btn-secondary-light___zMIzX:active.style-module__icon-only___ku4SM::before{background-color:var(--brand-300-primary)}.style-module__btn-secondary-light___zMIzX:active{box-shadow:inset 0 0 0 3px var(--brand-300-primary)}.style-module__btn-tertiary___fanHi{background-color:rgba(0,0,0,0);color:var(--brand-accent-primary)}.style-module__btn-tertiary___fanHi.style-module__icon-left___ewMhi::before,.style-module__btn-tertiary___fanHi.style-module__icon-right___HZEeb::after,.style-module__btn-tertiary___fanHi.style-module__icon-only___ku4SM::before{background-color:var(--brand-accent-primary)}.style-module__btn-tertiary___fanHi:hover{background-color:rgba(0,0,0,0);color:var(--brand-primary)}.style-module__btn-tertiary___fanHi:hover.style-module__icon-left___ewMhi::before,.style-module__btn-tertiary___fanHi:hover.style-module__icon-right___HZEeb::after,.style-module__btn-tertiary___fanHi:hover.style-module__icon-only___ku4SM::before{background-color:var(--brand-primary)}.style-module__btn-tertiary___fanHi:active{background-color:rgba(0,0,0,0);box-shadow:unset;color:var(--brand-300-primary)}.style-module__btn-tertiary___fanHi:active.style-module__icon-left___ewMhi::before,.style-module__btn-tertiary___fanHi:active.style-module__icon-right___HZEeb::after,.style-module__btn-tertiary___fanHi:active.style-module__icon-only___ku4SM::before{background-color:var(--brand-300-primary)}.style-module__normal-btn___oO_oX{min-width:145px;height:35px;padding:12px 28px}.style-module__normal-btn___oO_oX.style-module__icon-left___ewMhi,.style-module__normal-btn___oO_oX.style-module__icon-right___HZEeb{min-width:171px;height:40px}.style-module__normal-btn___oO_oX.style-module__icon-only___ku4SM{min-width:80px;height:40px}.style-module__small-btn___fl6Ff{min-width:90px;height:31px;padding:10px 18px}.style-module__small-btn___fl6Ff.style-module__icon-left___ewMhi,.style-module__small-btn___fl6Ff.style-module__icon-right___HZEeb{min-width:115px;height:36px}.style-module__small-btn___fl6Ff.style-module__icon-only___ku4SM{min-width:64px}.style-module__large-btn___gCRYc{min-width:153px;height:43px;padding:16px 34px}.style-module__large-btn___gCRYc.style-module__icon-left___ewMhi,.style-module__large-btn___gCRYc.style-module__icon-right___HZEeb{min-width:182px;height:51px}.style-module__large-btn___gCRYc.style-module__icon-only___ku4SM{min-width:91px}
+.style-module__container___gZKjJ{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;width:100%;gap:10px}.style-module__image___pE1xz,.style-module__new___vOprg{position:relative;display:flex;justify-content:center;align-items:center;width:80px;height:80px;border:1px solid var(--neutral-300);background-color:var(--neutral-150);border-radius:3px;cursor:pointer;transition:scale .3s,box-shadow .3s}.style-module__image___pE1xz:hover,.style-module__new___vOprg:hover{scale:1.03;box-shadow:0px 0px 6px 2px rgb(0 0 0/10%)}.style-module__image___pE1xz:active,.style-module__new___vOprg:active{scale:.99;box-shadow:unset}.style-module__image___pE1xz>img{width:100%;-o-object-fit:cover;object-fit:cover}.style-module__image___pE1xz .style-module__close___aMqtU{display:flex;position:absolute;top:0;right:0;justify-content:center;align-items:center;width:20px;height:20px;cursor:pointer;opacity:.7;transition:transform .3s,opacity .3s}.style-module__image___pE1xz .style-module__close___aMqtU::before,.style-module__image___pE1xz .style-module__close___aMqtU::after{content:"";display:block;position:absolute;width:100%;height:3px;background-color:var(--neutral-900-text)}.style-module__image___pE1xz .style-module__close___aMqtU::before{transform:rotate(45deg)}.style-module__image___pE1xz .style-module__close___aMqtU::after{transform:rotate(-45deg)}.style-module__image___pE1xz .style-module__close___aMqtU:focus{background-color:var(--error-primary);width:100%;height:100%;transition:width .1s,height .3s}.style-module__image___pE1xz .style-module__close___aMqtU:focus::before,.style-module__image___pE1xz .style-module__close___aMqtU:focus::after{background-color:var(--neutral-white)}.style-module__new___vOprg{display:flex;justify-content:center;align-items:center}.style-module__new___vOprg::after{content:"+";font-size:1.9em;color:var(--neutral-500)}.style-module__wait___OzAwQ{display:flex;position:absolute;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(190,212,219,.6235294118);z-index:1}
+.style-module__container___I6rSI{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:10px}.style-module__container___I6rSI input{display:none}.style-module__text___MXgdI{color:var(--neutral-500);font-size:14px}.style-module__indicator___pmILi{display:flex;position:relative;justify-content:center;align-items:center;outline:1px solid var(--brand-primary);outline-offset:-1px;border-radius:2px;width:20px;height:20px;aspect-ratio:1/1;transition:.1s}.style-module__indicator___pmILi:hover{box-shadow:inset 0 0 0 2px var(--brand-primary)}.style-module__indicator___pmILi::before{content:"";position:absolute;top:0;width:35%;height:70%;border:solid var(--neutral-white);border-width:0 2px 2px 0;transform:rotate(45deg);scale:0;opacity:0;transition:scale .1s,opacity .1s}.style-module__container___I6rSI>input[type=radio]~.style-module__indicator___pmILi{border-radius:50%}.style-module__container___I6rSI>input[type=radio]~.style-module__indicator___pmILi::before{border-width:0;border-radius:inherit;top:unset;transform:unset;width:70%;height:70%}.style-module__container___I6rSI>input[type=radio]:checked~.style-module__indicator___pmILi{box-shadow:inset 0 0 0 5px var(--brand-primary)}.style-module__container___I6rSI>input[type=checkbox]:checked~.style-module__indicator___pmILi{background-color:var(--brand-primary)}.style-module__container___I6rSI>input:checked~.style-module__indicator___pmILi::before{scale:1;opacity:1}
+.style-module__container___cUgT_{--ui-arrow-size: 10px;--ui-arrow-color: var(--brand-primary);--ui-arrow-max: var(--ui-arrow-size) solid var(--ui-arrow-color);--ui-arrow-min: calc(var(--ui-arrow-size) / 2) solid transparent}.style-module__container___cUgT_::after{content:"";display:block;width:0;height:0;transition:rotate .1s}.style-module__container___cUgT_.style-module__down___zGazf::after{border-left:var(--ui-arrow-min);border-right:var(--ui-arrow-min);border-top:var(--ui-arrow-max)}.style-module__container___cUgT_.style-module__up___I2O45::after{border-left:var(--ui-arrow-min);border-right:var(--ui-arrow-min);border-bottom:var(--ui-arrow-max)}.style-module__container___cUgT_.style-module__left___BhSAZ::after{border-top:var(--ui-arrow-min);border-right:var(--ui-arrow-max);border-bottom:var(--ui-arrow-min)}.style-module__container___cUgT_.style-module__right___k7oS7::after{border-top:var(--ui-arrow-min);border-left:var(--ui-arrow-max);border-bottom:var(--ui-arrow-min)}
+.style-module__container-element___kJu6w{z-index:1}.style-module__container___LSHO0{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:25px;outline:none;cursor:pointer}.style-module__select___chAL1{display:flex;flex-direction:row;align-items:center;min-height:45px;box-sizing:border-box;padding:10px}.style-module__container-element___kJu6w:has(input[type=hidden]:disabled) .style-module__arrow___dmLwx::after{border-top-color:var(--neutral-200)}.style-module__container___LSHO0.style-module__opened___nU6lR>.style-module__select___chAL1>.style-module__arrow___dmLwx::after{rotate:180deg}.style-module__select-list___OOtGa{position:absolute;display:flex;flex-direction:column;min-width:100%;max-height:40vh;max-height:40dvh;top:calc(100% - 1px);right:-1px;margin:0;padding:0;list-style-type:none;background-color:var(--neutral-white);box-shadow:0px 4px 5px 0px rgb(0 0 0/10%);border:1px solid var(--neutral-200);overflow:auto;opacity:0;visibility:hidden;transform:translateY(-10%);transition:transform .3s ease-in-out,opacity .3s,visibility .3s}.style-module__container___LSHO0.style-module__left___Zxebc>.style-module__select-list___OOtGa{left:-1px}.style-module__container___LSHO0.style-module__right___S19a9>.style-module__select-list___OOtGa{right:-1px}.style-module__container___LSHO0.style-module__hidden___jR8qZ>.style-module__select-list___OOtGa{display:none}.style-module__container___LSHO0.style-module__opened___nU6lR>.style-module__select-list___OOtGa{opacity:1;transform:translateY(0);visibility:visible}.style-module__optgpoup___aHuEQ{padding:0;margin:0;list-style-type:none}.style-module__optgpoup___aHuEQ>li.style-module__label___UK2Xg{padding:10px;font-weight:bold;cursor:default}.style-module__optgpoup___aHuEQ>li.style-module__option___isRro{padding-left:5% !important}.style-module__title___nDbQX,.style-module__select-list___OOtGa li{font-size:20px;color:var(--neutral-900-text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.style-module__title___nDbQX{flex:1}.style-module__select-list___OOtGa li.style-module__option___isRro{display:flex;justify-content:flex-start;align-items:center;min-height:25px;padding:5px;cursor:pointer;transition:background-color .3s}.style-module__select-list___OOtGa li.style-module__option___isRro:hover,.style-module__select-list___OOtGa li.style-module__option___isRro.style-module__active___KsePh{background-color:var(--brand-300-primary);transition:background-color .3s}.style-module__select-list___OOtGa li.style-module__option___isRro.style-module__disabled___zGNMv{background-color:var(--neutral-100);color:var(--neutral-200);cursor:default}
+.style-module__container___EyoJC{position:relative;display:inline-flex;flex-direction:row;align-items:center;outline:none;cursor:pointer}.style-module__container___EyoJC.ui-dropdown-block{position:relative}.style-module__container___EyoJC.ui-dropdown-block::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.style-module__container___EyoJC.ui-dropdown-block.style-module__hide___zIkzn::after{display:none}.style-module__container___EyoJC.style-module__down___LfI15>.style-module__dropdown-list___WixEd{top:100%}.style-module__container___EyoJC.style-module__up___NgQd7>.style-module__dropdown-list___WixEd{bottom:100%}.style-module__container___EyoJC.style-module__left___IsOS2>.style-module__dropdown-list___WixEd{left:0}.style-module__container___EyoJC.style-module__right___Am00v>.style-module__dropdown-list___WixEd{right:0}.style-module__container___EyoJC.style-module__opened___NnXhB .style-module__dropdown-list___WixEd{opacity:1;visibility:visible;transform:translateY(0)}.style-module__container___EyoJC.style-module__opened___NnXhB .style-module__arrow___BXOUC::after{rotate:180deg}.style-module__dropdown-list___WixEd{display:flex;position:absolute;padding:0;margin:0;flex-direction:column;background-color:var(--neutral-white);border-radius:2px;list-style-type:none;box-shadow:0px 0px 9px 2px rgba(0,0,0,.1);opacity:0;transform:translateY(-10%);visibility:hidden;z-index:1;transition:opacity .3s,visibility .3s,transform .3s ease}.style-module__dropdown-list___WixEd li.style-module__item___n0I4m{padding:7px;font-size:18px;font-weight:normal;color:var(--neutral-900-text);white-space:nowrap;width:100%;box-sizing:border-box}.style-module__dropdown-list___WixEd li.style-module__item___n0I4m:hover,.style-module__dropdown-list___WixEd li.style-module__item___n0I4m:has(a.active){background-color:var(--brand-300-primary);border-radius:inherit}.style-module__arrow___BXOUC{padding:5px}
+body.brand-ac {
+    --brand-accent-primary: #F9AC38;
+    --brand-accent-primary-rgb: 249, 172, 56;
+    --brand-300-primary: #FAC15D;
+    --brand-primary: #131211;
+    --brand-accent-secondary: #005CA9;
+    --brand-800t-secondary: #001E49;
+
+    --neutral-white: #FFFFFF;
+    --neutral-100: #F6F6F6;
+    --neutral-150: #FBF3E6;
+    --neutral-200: #EEECEA;
+    --neutral-300: #CECBC6;
+    --neutral-400: #909498;
+    --neutral-500: #56595D;
+    --neutral-900-text: #1E1E1E;
+
+    --error-primary: #FF4231;
+    --error-secondary: #FFEEED;
+
+    --success-primary: #2BC3A0;
+    --success-secondary: #F0FFF1;
+}
+body, body.brand-as {
+    --brand-accent-primary: #5EBED6;
+    --brand-accent-primary-rgb: 94, 190, 214;
+    --brand-300-primary: #ADCED8;
+    --brand-background-primary: #131211;
+
+    --neutral-white: #FFFFFF;
+    --neutral-100: #F6F6F6;
+    --neutral-150: #BED4DB;
+    --neutral-200: #EEECEA;
+    --neutral-300: #CECBC6;
+    --neutral-400: #909498;
+    --neutral-500: #56595D;
+    --neutral-900-text: #1D1D1B;
+
+    --error-primary: #FF4231;
+    --error-secondary: #FFEEED;
+
+    --success-primary: #2BC3A0;
+    --success-secondary: #F0FFF1;
+}
+body.brand-at {
+    --brand-primary: #02505E;
+    --brand-accent-primary-rgb: 2, 80, 94;
+    --brand-300-primary: #11889D;
+    --brand-accent-primary: #04141F;
+
+    --neutral-white: #FFFFFF;
+    --neutral-100: #F6F6F6;
+    --neutral-150: #F8FBFC;
+    --neutral-200: #EEECEA;
+    --neutral-300: #CECBC6;
+    --neutral-400: #909498;
+    --neutral-500: #56595D;
+    --neutral-900-text: #1E1E1E;
+
+    --error-primary: #FF4231;
+    --error-secondary: #FFEEED;
+
+    --success-primary: #2BC3A0;
+    --success-secondary: #F0FFF1;
+}
+
+
+/*# sourceMappingURL=styles.css.map*/

package/dist/styles.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css","mappings":"AAEA,iCACC,OACA,aACA,sBACA,mBACA,sCAGD,uEACC,aACA,uBACA,mBACA,kBACA,MACA,OACA,WACA,YACA,6CACA,kCACQ,0BACR,WACA,UACA,uBAGD,kGACC,UACA,U;AC3BD,+BACC,6CACA,aACG,uBACA,mBACH,WACG,YACA,gBACA,iBACA,iBACH,sBACA,uBACA,gBACC,uCACC,WACA,qBACA,WACA,cACA,eACA,yCACA,kBACA,iBACA,8IAKA,yBACQ,iBACR,8MAEA,2EAED,yEACC,2BAGD,2DACC,WACA,YAGD,4DACC,WACA,YAGD,2DACC,WACA,YAMH,uDACC,GACC,0B;ACzDF,iCACC,cACA,0BACA,kBACA,aACA,uBACA,mBACA,WACA,sBACA,sBACA,kCACA,kBACA,kBACA,cACA,gBAGD,yCACC,WACA,kBACA,cACA,WACA,YACA,eACG,gBACH,wGAGD,8DACC,iBACA,kBACA,cAGD,sEACC,yCACA,kBACA,iBACA,iJAKQ,yIAKR,gGAGD,wCACC,gCACA,gBACA,8BACA,sBACA,UAGD,qEACC,qBACA,8BAGD,6DACC,aACA,eAGD,8DACC,aACA,eAGD,6DACC,c;AC3ED,iCACC,aACG,mBACH,WACA,kBACG,kBACH,sBACA,UAGD,yCACC,kBACA,UAGD,8DACC,SAGD,+BACC,mBACA,WAGD,6EACC,WACA,YACA,gBACA,iBACA,SACA,aACG,eACH,sBACA,+BACA,0CACA,kBACA,aACA,YACA,eAGD,0MAIC,6EACG,sDACH,kCACA,gDAGD,gEACC,oCAGD,2OAIC,6BAGD,sFACC,aACA,oDAGD,kEACC,kBACA,aACA,uBACA,mBACA,MACA,iBACA,YACA,yBACA,eACA,WACA,yBACG,sBACK,iBACR,yBAGD,2EACC,eAGD,0EACC,WACA,kBACA,cACA,WACA,WACA,sCACA,WAGD,wFACC,YAID,mFACC,eACA,kBACA,iBACA,WACA,mBAGD,yFACC,UAGD,qfAMC,2CACA,UAGD,6DACC,kCAGD,gGACC,2BAGD,6BACC,2B;ACxID,+BACI,aACA,uBACA,mBACA,kBACA,MACA,QACA,WACA,YAGJ,2BACI,UACA,WACA,sCACA,kBACA,4DAIA,wDACI,6CAIJ,4DACI,0CAIJ,kEACI,oCAMA,gEACI,6CAKZ,wCACI,sBAEJ,wCACI,sBAEJ,wCACI,sBAEJ,wCACI,mBAGJ,wCACI,GACI,mBAEJ,IACI,qBAEJ,IACI,sBAEJ,IACI,qBAEJ,IACI,sBAEJ,IACI,sBAEJ,IACI,mBAEJ,IACI,sBAEJ,IACI,sBAEJ,IACI,sBAEJ,IACI,qBAEJ,KACI,oB;AC3FR,gCACI,aACA,mBACA,gDACA,2BACA,eACA,kBACA,eACA,uBACA,kBACA,gBACA,cACA,kBACA,gBACA,eACA,0BACI,sCACI,gDAIZ,mCACI,WACA,qBACA,WACA,YACA,iBACA,8BACQ,sBACR,6BACQ,qBACR,sC;AC9BJ,iCACC,kBACC,uBACA,kBACE,uEACE,kBACA,aACA,MACA,OACA,YACA,WACA,uBACA,mBACA,yBACA,WACA,UAEF,+DACE,UACA,UAKN,2BACI,aACA,uBACA,mBACA,sBACA,eACA,yBACA,sCACA,kBACD,YACC,eACA,wDACA,kBACA,iCACE,6CAEF,kCACI,oDACA,6CACA,+CACA,qBAEJ,yMAGE,WACA,qBACA,8BACQ,sBACR,0BACQ,kBACR,6BACQ,qBACR,sCACA,eAKJ,iCACE,oCACA,2BACE,2NAGE,sCAEF,uCACE,0CACA,2BACA,6OAGE,sCAIN,wCACI,2BACA,0CACA,gDACA,gPAGE,sCAQR,qCACE,+BACA,2BACA,gDACE,uOAGE,sCAEF,2CACE,+BACA,kCACA,uDACE,yPAGE,6CAGN,4CACE,+BACA,kCACA,oDACE,4PAGE,6CAOX,2CACC,+BACA,yBACA,8CACE,yPAGE,sCAEF,mGAEE,+BACA,+BACA,oDACE,yhBAGE,0CAGN,kDACE,oDAMN,oCACE,+BACA,kCACE,oOAGE,6CAEF,0CACE,+BACA,2BACE,sPAGE,sCAGN,2CACE,+BACA,iBACA,+BACE,yPAGE,0CAMR,kCACE,gBACA,YACA,kBACE,qIAEE,gBACA,YAEF,kEACE,eACA,YAIN,iCACE,eACA,YACA,kBACE,mIAEE,gBACA,YAEF,iEACE,eAIN,iCACC,gBACC,YACA,kBACE,mIAEC,gBACC,YAEF,iEACC,e;AChOP,iCACC,aACA,mBACA,2BACA,eACA,WACA,SAGD,wDACC,kBACA,aACG,uBACA,mBACH,WACA,YACA,oCACA,oCACA,kBACA,eACA,oCAGD,oEACC,WACA,0CAGD,sEACC,UACA,iBAGD,iCACC,WACA,oBACG,iBAIJ,0DACC,aACA,kBACA,MACA,QACA,uBACA,mBACA,WACA,YACA,eACA,WACA,qCAGD,mIACC,WACG,cACA,kBACA,WACA,WACA,yCAGJ,kEACC,wBAGD,iEACC,yBAGD,gEACC,sCACA,WACA,YACA,gCAGD,+IACC,sCAGD,2BACC,aACA,uBACA,mBAGD,kCACC,YACA,gBACA,yBAGD,4BACC,aACA,kBACA,uBACA,mBACA,WACA,YACA,MACA,OACA,kCACQ,0BACR,+CACA,U;AC1GD,iCACC,aACA,mBACA,2BACA,mBACA,YACA,eACA,yBACG,sBACK,iBACR,SACC,uCACC,aAIH,4BACC,yBACA,eAGD,iCACC,aACA,kBACA,uBACA,mBACA,uCACA,oBACA,kBACA,WACA,YACA,iBACA,eACC,uCACC,gDAED,yCACC,WACA,kBACA,MACA,UACA,WACA,kCACA,yBACA,wBACA,QACA,UACA,iCAIH,oFACC,kBAGD,4FACC,eACA,sBACA,UACA,gBACA,UACA,WAGD,4FACC,gDAGD,+FACC,sCAGD,wFACC,QACA,U;AC1ED,iCACC,sBACA,uCACA,iEACA,iEAGD,wCACC,WACA,cACA,QACA,SACA,sBAGD,mEACC,gCACA,iCACA,+BAGD,iEACC,gCACA,iCACA,kCAGD,mEACC,+BACA,iCACA,kCAGD,oEACC,+BACA,gCACA,kC;ACpCD,yCACC,UAGD,iCACC,kBACA,aACA,sBACA,uBACA,gBACA,aACA,eAGD,8BACC,aACA,mBACA,mBACA,gBACA,sBACA,aAGD,8GACC,oCAGD,gIACC,cAGD,mCACC,kBACA,aACA,sBACA,eACA,gBACA,iBACA,qBACA,WACA,SACA,UACA,qBACA,sCACA,0CACA,oCACA,cACA,UACA,kBACA,2BACA,gEAGD,+FACC,UAGD,gGACC,WAGD,iGACC,aAGD,iGACC,UACA,wBACA,mBAGD,gCACC,UACA,SACA,qBAGD,+DACC,aACA,iBACA,eAGD,gEACC,2BAGD,mEACC,eACA,8BACA,yBACG,sBACK,iBAGT,6BACC,OAGD,mEACC,aACA,2BACA,mBACA,gBACA,YACA,eACA,gCAGD,yKACC,0CACA,gCAGD,kGACC,oCACA,yBACA,e;ACrHD,iCACC,kBACA,oBACA,mBACA,mBACA,aACA,eACC,mDACC,kBACA,0DACC,WACA,kBACA,OACA,MACA,WACA,YAED,qFACC,aAGF,iGACC,SAGD,+FACC,YAGD,iGACC,OAGD,kGACC,QAGA,mGACC,UACA,mBACA,wBAED,kGACC,cAMJ,qCACC,aACA,kBACA,UACA,SACA,sBACA,sCACA,kBACA,qBACA,0CACA,UACA,2BACA,kBACA,UACA,yDACC,mEACC,YACA,eACA,mBACA,8BACA,mBACA,WACA,sBACC,0JAEC,0CACA,sBAKL,6BACC,Y;ACnFD;IACI,+BAA+B;IAC/B,wCAAwC;IACxC,4BAA4B;IAC5B,wBAAwB;IACxB,iCAAiC;IACjC,+BAA+B;;IAE/B,wBAAwB;IACxB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,2BAA2B;;IAE3B,wBAAwB;IACxB,0BAA0B;;IAE1B,0BAA0B;IAC1B,4BAA4B;AAChC,C;ACtBA;IACI,+BAA+B;IAC/B,wCAAwC;IACxC,4BAA4B;IAC5B,mCAAmC;;IAEnC,wBAAwB;IACxB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,2BAA2B;;IAE3B,wBAAwB;IACxB,0BAA0B;;IAE1B,0BAA0B;IAC1B,4BAA4B;AAChC,C;ACpBA;IACI,wBAAwB;IACxB,qCAAqC;IACrC,4BAA4B;IAC5B,+BAA+B;;IAE/B,wBAAwB;IACxB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,2BAA2B;;IAE3B,wBAAwB;IACxB,0BAA0B;;IAE1B,0BAA0B;IAC1B,4BAA4B;AAChC,C","sources":["webpack://react-artasys-ui/./src/Form/style.module.css","webpack://react-artasys-ui/./src/Spinner/style.module.scss","webpack://react-artasys-ui/./src/Progress/style.module.css","webpack://react-artasys-ui/./src/Form/Element/style.module.scss","webpack://react-artasys-ui/./src/Loading/style.module.scss","webpack://react-artasys-ui/./src/FileInput/style.module.scss","webpack://react-artasys-ui/./src/Button/style.module.scss","webpack://react-artasys-ui/./src/UploadImages/style.module.css","webpack://react-artasys-ui/./src/Checkbox/style.module.scss","webpack://react-artasys-ui/./src/Components/Arrow/style.module.css","webpack://react-artasys-ui/./src/Select/style.module.css","webpack://react-artasys-ui/./src/Dropdown/style.module.scss","webpack://react-artasys-ui/./src/brands/ac/brand.css","webpack://react-artasys-ui/./src/brands/as/brand.css","webpack://react-artasys-ui/./src/brands/at/brand.css"],"sourcesContent":["/* Form */\r\n\r\n.container {\r\n\tflex: 1;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tbackground-color: var(--neutral-white);\r\n}\r\n\r\n.container > .wait-indicator {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-color: #FFFFFF9F;\r\n\t-webkit-backdrop-filter: blur(2px);\r\n\t        backdrop-filter: blur(2px);\r\n\tz-index: -1;\r\n\topacity: 0;\r\n\ttransition: opacity 0.3s;\r\n}\r\n\r\n.container.wait > .wait-indicator {\r\n\tz-index: 1;\r\n\topacity: 1;\r\n}","/* Spinner */\r\n\r\n.spinner {\r\n\t--color-rgb: var(--brand-accent-primary-rgb);\r\n\tdisplay: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\twidth: 100%;\r\n    height: 100%;\r\n    max-width: 100px;\r\n    max-height: 100px;\r\n    aspect-ratio: 1/1;\r\n\tpadding-left: calc(-0.5rem / 2);\r\n\tpadding-right: calc(-0.5rem / 2);\r\n\toverflow: hidden;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tdisplay: inline-block;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 90%;\r\n\t\t\tmax-height: 90%;\r\n\t\t\t--border-width: clamp(0.2em, 10%, 0.5em);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\taspect-ratio: 1/1;\r\n\t\t\t--mask: radial-gradient(\r\n\t\t\t\tfarthest-side,\r\n\t\t\t\ttransparent calc(100% - var(--border-width) - 0.5px),\r\n\t\t\t\t#000 calc(100% - var(--border-width) + 0.5px)\r\n\t\t\t);\r\n\t\t\t-webkit-mask: var(--mask);\r\n\t\t\t        mask: var(--mask);\r\n\t\t\tbackground: linear-gradient(to top, rgba(var(--color-rgb), 1), rgba(var(--color-rgb), 0.5)) 100% 0/50% 100% no-repeat,\r\n\t\t\t\t\tlinear-gradient(rgba(var(--color-rgb), 0.5) 50%, transparent 95%) 0 0/50% 100% no-repeat;\r\n\t\t\tanimation: button-spinner-border .85s linear infinite;\r\n\t\t}\r\n\t\t&.ui-spinner-contrast {\r\n\t\t\t--color-rgb: 255, 255, 255;\r\n\t\t}\r\n\t\t\r\n\t\t&.small {\r\n\t\t\twidth: 1rem;\r\n\t\t\theight: 1rem;\r\n\t\t}\r\n\t\t\r\n\t\t&.middle {\r\n\t\t\twidth: 4rem;\r\n\t\t\theight: 4rem;\r\n\t\t}\r\n\t\t\r\n\t\t&.large {\r\n\t\t\twidth: 8rem;\r\n\t\t\theight: 8rem;\r\n\t\t}\r\n}\r\n\r\n\r\n\r\n@keyframes button-spinner-border {\r\n\tto{\r\n\t\ttransform:rotate(360deg)\r\n\t}\r\n}\r\n","/* Progress */\r\n\r\n.container {\r\n\t--size: 150px;\r\n\t--color-rgb: 94, 190, 214;\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n\tmin-width: var(--size);\r\n\tmax-width: var(--size);\r\n\tbox-sizing: content-box !important;\r\n\taspect-ratio: 10/1;\r\n\tborder-radius: 2px;\r\n\tpadding: 5px 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n.container::before {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmax-width: 100%;\r\n    max-height: 100%;\r\n\tbackground: linear-gradient(to right, var(--brand-accent-primary) var(--progress), var(--neutral-150) 0);\r\n}\r\n\r\n.container.radius {\r\n\taspect-ratio: 1/1;\r\n\tborder-radius: 50%;\r\n\tpadding: unset;\r\n}\r\n\r\n.container.radius::before {\r\n\t--border-width: clamp(0.2em, 10%, 0.5em);\r\n\tborder-radius: 50%;\r\n\taspect-ratio: 1/1;\r\n\t-webkit-mask: radial-gradient(\r\n\t\tfarthest-side,\r\n\t\ttransparent calc(100% - var(--border-width) - 0.5px),\r\n\t\t#000 calc(100% - var(--border-width) + 0.5px)\r\n\t);\r\n\t        mask: radial-gradient(\r\n\t\tfarthest-side,\r\n\t\ttransparent calc(100% - var(--border-width) - 0.5px),\r\n\t\t#000 calc(100% - var(--border-width) + 0.5px)\r\n\t);\r\n\tbackground: conic-gradient( var(--brand-accent-primary) var(--progress), var(--neutral-150) 0deg);\r\n}\r\n\r\n.container::after {\r\n\tcontent: attr(data-progress) '%';\r\n\tfont-size: 1.5em;\r\n\tcolor: var(--neutral-900-text);\r\n\tmix-blend-mode: darken;\r\n\tz-index: 1;\r\n}\r\n\r\n.container.radius::after {\r\n\tmix-blend-mode: unset;\r\n\tcolor: var(--neutral-900-text);\r\n}\r\n\r\n.container.small {\r\n\t--size: 30px;\r\n\tfont-size: .6em;\r\n}\r\n\r\n.container.middle {\r\n\t--size: 60px;\r\n\tfont-size: 0.7em\r\n}\r\n\r\n.container.large {\r\n\t--size: 120px;\r\n}","/* Input */\r\n\r\n.container {\r\n\tdisplay: flex;\r\n    align-items: center;\r\n\twidth: 100%;\r\n\tposition: relative;\r\n    border-radius: 6px;\r\n\tfont-family: Helvetica;\r\n\tz-index: 0;\r\n}\r\n\r\n.loading-container {\r\n\tposition: absolute;\r\n\tleft: 16px;\r\n}\r\n\r\n.container.hidden {\r\n\tborder: 0;\r\n}\r\n\r\n.element {\r\n\talign-self: stretch;\r\n\twidth: 100%;\r\n}\r\n\r\n.element > input, .element > textarea {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmin-height: 45px;\r\n\tmax-height: 500px;\r\n\tmargin: 0;\r\n\tpadding: 10px;\r\n    font-size: 20px;\r\n\tbox-sizing: border-box;\r\n\tbackground-color: transparent;\r\n\tborder: 1px solid var(--brand-300-primary);\r\n\tborder-radius: 6px;\r\n\toutline: none;\r\n\tresize: none;\r\n\ttransition: .2s;\r\n}\r\n\r\n.element > input:disabled,\r\n.element > textarea:disabled,\r\n.element > input:disabled:hover,\r\n.element > textarea:disabled:hover {\r\n\tbackground-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));\r\n    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));\r\n\tborder-color: rgba(118, 118, 118, 0.3);\r\n\tbox-shadow:inset 0 0 0 1px rgba(118, 118, 118, 0.3);\r\n}\r\n\r\n.container.disabled {\r\n\tbackground-color: var(--neutral-200);\r\n}\r\n\r\n.element > input:-webkit-autofill,\r\n.element > input:-webkit-autofill:hover, \r\n.element > input:-webkit-autofill:focus, \r\n.element > input:-webkit-autofill:active{\r\n\t-webkit-background-clip: text;\r\n}\r\n\r\n.element > input:focus, .element > input:hover {\r\n\toutline: none;\r\n\tbox-shadow: inset 0 0 0 1px var(--brand-300-primary);\r\n}\r\n\r\n.element > .placeholder {\r\n\tposition: absolute;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\ttop: 0;\r\n\tmargin-left: 16px;\r\n\theight: 100%;\r\n\tcolor: var(--neutral-400);\r\n\tfont-size: 16px;\r\n\tz-index: -1;\r\n\t-webkit-user-select: none;\r\n\t   -moz-user-select: none;\r\n\t        user-select: none;\r\n\ttransition: transform 0.3s;\r\n}\r\n\r\n.element > textarea ~ .placeholder {\r\n\tmax-height: 2em;\r\n}\r\n\r\n.element > .placeholder::before {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 5px;\r\n\tbackground-color: var(--neutral-white);\r\n\tz-index: -1;\r\n}\r\n\r\n.element > input:required ~ .placeholder::after {\r\n\tcontent: \"*\";\r\n}\r\n\r\n/* Date */\r\n.element > input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n\tcursor: pointer;\r\n\tborder-radius: 4px;\r\n\tmargin-right: 2px;\r\n\topacity: 0.7;\r\n\tfilter: invert(0.8);\r\n}\r\n\r\n.element > input[type=\"date\"]::-webkit-calendar-picker-indicator:hover {\r\n\topacity: 1\r\n}\r\n\r\n.element > input[type=\"date\"] ~ .placeholder,\r\n.element > input:focus ~ .placeholder,\r\n.element > textarea:focus ~ .placeholder,\r\n.element > input:not([value=\"\"]) ~ .placeholder,\r\n.element > textarea:not(:empty) ~ .placeholder,\r\n.element > input:not(:empty) ~ .placeholder {\r\n\ttransform: translate(-10%, -50%) scale(0.8);\r\n\tz-index: 0;\r\n}\r\n\r\n.container.error {\r\n\tborder-color: var(--error-primary);\r\n}\r\n\r\n.container.error .placeholder {\r\n\tcolor: var(--error-primary);\r\n}\r\n\r\n.error {\r\n\tcolor: var(--error-primary);\r\n}",".loading {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: absolute;\r\n    top: 0;\r\n    gap: 1em;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.dot {\r\n    width: 3px;\r\n    height: 3px;\r\n    background-color: var(--neutral-white);\r\n    border-radius: 50%;\r\n    animation: bounce 1.6s infinite linear;\r\n}\r\n\r\n.light {\r\n    .dot {\r\n        background-color: var(--brand-accent-primary);\r\n    }\r\n}\r\n.secondary {\r\n    .dot {\r\n        background-color: var(--brand-300-primary);\r\n    }\r\n}\r\n.secondary-light {\r\n    .dot {\r\n        background-color: var(--neutral-150);\r\n    }\r\n}\r\n\r\nlabel {\r\n    .loading {\r\n        .dot {\r\n            background-color: var(--brand-accent-primary);\r\n        }\r\n    }\r\n}\r\n\r\n.dot:nth-child(1) {\r\n    animation-delay: -0.9s;\r\n}\r\n.dot:nth-child(2) {\r\n    animation-delay: -0.6s;\r\n}\r\n.dot:nth-child(3) {\r\n    animation-delay: -0.3s;\r\n}\r\n.dot:nth-child(4) {\r\n    animation-delay: 0s;\r\n}\r\n\r\n@keyframes bounce {\r\n    0% {\r\n        transform: scale(1);\r\n    }\r\n    10% {\r\n        transform: scale(1.2);\r\n    }\r\n    20% {\r\n        transform: scale(1.33);\r\n    }\r\n    30% {\r\n        transform: scale(1.5);\r\n    }\r\n    40% {\r\n        transform: scale(1.66);\r\n    }\r\n    50% {\r\n        transform: scale(1.83);\r\n    }\r\n    60% {\r\n        transform: scale(2.0);\r\n    }\r\n    70% {\r\n        transform: scale(2.16);\r\n    }\r\n    80% {\r\n        transform: scale(2.33);\r\n    }\r\n    90% {\r\n        transform: scale(2.16);\r\n    }\r\n    95% {\r\n        transform: scale(1.5);\r\n    }\r\n    100% {\r\n        transform: scale(1);\r\n    }\r\n}",".file-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    box-shadow: inset 0 0 0 2px var(--brand-primary);\r\n    color: var(--brand-primary);\r\n    font-size: 1rem;\r\n    border-radius: 8px;\r\n    min-width: 80px;\r\n    width: -moz-max-content;\r\n    width: max-content;\r\n    min-height: 20px;\r\n    margin: 0 auto;\r\n    padding: 16px 36px;\r\n    max-height: 50px;\r\n    cursor: pointer;\r\n    transition: box-shadow .2s;\r\n        &:hover {\r\n            box-shadow: inset 0 0 0 3px var(--brand-primary);\r\n        }\r\n}\r\n\r\n.icon::after {\r\n    content: '';\r\n    display: inline-block;\r\n    width: 20px;\r\n    height: 20px;\r\n    margin-left: 10px;\r\n    -webkit-mask-repeat: no-repeat;\r\n            mask-repeat: no-repeat;\r\n    -webkit-mask-position: center;\r\n            mask-position: center;\r\n    background-color: var(--brand-primary);\r\n}","/* Button */\r\n.container {\r\n\tposition: relative;\r\n  width: -moz-max-content;\r\n  width: max-content;\r\n    .wait-indicator {\r\n      position: absolute;\r\n      display: flex;\r\n      top: 0;\r\n      left: 0;\r\n      height: 100%;\r\n      width: 100%;\r\n      justify-content: center;\r\n      align-items: center;\r\n      background-color: inherit;\r\n      z-index: -1;\r\n      opacity: 0;\r\n    }\r\n    .active {\r\n      opacity: 1;\r\n      z-index: 1;\r\n    }\r\n}\r\n\r\n/* Основные стили для кнопок */\r\n.btn {\r\n    display: flex ;\r\n    justify-content: center ;\r\n    align-items: center ;\r\n    font-family: Helvetica ;\r\n    font-size: 16px;\r\n    color: var(--neutral-200) ;\r\n    background-color: var(--brand-primary) ;\r\n    border-radius: 8px ;\r\n\t  border: none;\r\n    cursor: pointer ;\r\n    transition: background-color .2s, transform .2s, color .2s;\r\n    position: relative ;\r\n    &:hover {\r\n      background-color: var(--brand-accent-primary) ;\r\n    }\r\n    &:active {\r\n        box-shadow: inset 0 0 0 3px var(--brand-300-primary) ;\r\n        background-color: var(--brand-accent-primary) ;\r\n        transition: background-color .2s, box-shadow .1s ;\r\n        clip-path: border-box;\r\n      }\r\n    &.icon-left::before,\r\n    &.icon-right::after,\r\n    &.icon-only::before {\r\n      content: '';\r\n      display: inline-block;\r\n      -webkit-mask-repeat: no-repeat;\r\n              mask-repeat: no-repeat;\r\n      -webkit-mask-size: contain;\r\n              mask-size: contain;\r\n      -webkit-mask-position: center;\r\n              mask-position: center;\r\n      background-color: var(--neutral-white) ;\r\n      transition: .3s;\r\n    }\r\n  }\r\n  \r\n  /* Button-light */\r\n  .btn-light {\r\n    background-color: var(--neutral-150) ;\r\n    color: var(--brand-primary) ;\r\n      &.icon-left::before,\r\n      &.icon-right::after,\r\n      &.icon-only::before  {\r\n        background-color: var(--brand-primary) ;\r\n      }\r\n      &:hover {\r\n        background-color: var(--brand-300-primary) ;\r\n        color: var(--neutral-white) ;\r\n        &.icon-left::before,\r\n        &.icon-right::after,\r\n        &.icon-only::before {\r\n          background-color: var(--neutral-white) ;\r\n        }\r\n      }\r\n      \r\n    &:active {\r\n        color: var(--neutral-white) ;\r\n        background-color: var(--brand-300-primary) ;\r\n        box-shadow: inset 0 0 0 3px var(--neutral-white);\r\n        &.icon-left::before,\r\n        &.icon-right::after,\r\n        &.icon-only::before {\r\n          background-color: var(--neutral-white) ;\r\n        }\r\n      }\r\n     \r\n  }\r\n  \r\n  /* Button-secondary */\r\n\r\n  .btn-secondary {\r\n    background-color: transparent ;\r\n    color: var(--brand-primary) ;\r\n    box-shadow: inset 0 0 0 2px var(--brand-primary) ;\r\n      &.icon-left::before,\r\n      &.icon-right::after,\r\n      &.icon-only::before {\r\n        background-color: var(--brand-primary) ;\r\n      }\r\n      &:hover {\r\n        background-color: transparent ;\r\n        color: var(--brand-accent-primary) ;\r\n        box-shadow: inset 0 0 0 2px var(--brand-accent-primary) ;\r\n          &.icon-left::before,\r\n          &.icon-right::after,\r\n          &.icon-only::before {\r\n            background-color: var(--brand-accent-primary) ;\r\n          }\r\n      }\r\n      &:active {\r\n        background-color: transparent;\r\n        color: var(--brand-accent-primary) ;\r\n        box-shadow: inset 0 0 0 3px var(--brand-300-primary) ;\r\n          &.icon-left::before,\r\n          &.icon-right::after,\r\n          &.icon-only::before {\r\n            background-color: var(--brand-accent-primary) ;\r\n          }\r\n      }\r\n  }\r\n  \r\n /* Button-secondary-light */\r\n\r\n .btn-secondary-light {\r\n  background-color: transparent ;\r\n  color: var(--neutral-150) ;\r\n  box-shadow: inset 0 0 0 2px var(--neutral-150) ;\r\n    &.icon-left::before,\r\n    &.icon-right::after,\r\n    &.icon-only::before {\r\n      background-color: var(--neutral-white) ;\r\n    }\r\n    &:hover,\r\n    &:active {\r\n      background-color: transparent;\r\n      color: var(--brand-300-primary) ;\r\n      box-shadow: inset 0 0 0 2px var(--brand-300-primary) ;\r\n        &.icon-left::before,\r\n        &.icon-right::after,\r\n        &.icon-only::before {\r\n          background-color: var(--brand-300-primary) ;\r\n        }\r\n    }\r\n    &:active {\r\n      box-shadow: inset 0 0 0 3px var(--brand-300-primary) ;\r\n    }\r\n}\r\n\r\n/* Button-tertiary */\r\n\r\n.btn-tertiary {\r\n  background-color: transparent ;\r\n  color: var(--brand-accent-primary) ;\r\n    &.icon-left::before,\r\n    &.icon-right::after,\r\n    &.icon-only::before {\r\n      background-color: var(--brand-accent-primary) ;\r\n    }\r\n    &:hover {\r\n      background-color: transparent ;\r\n      color: var(--brand-primary) ;\r\n        &.icon-left::before,\r\n        &.icon-right::after,\r\n        &.icon-only::before {\r\n          background-color: var(--brand-primary) ;\r\n        }\r\n    }\r\n    &:active {\r\n      background-color: transparent ;\r\n      box-shadow: unset ;\r\n      color: var(--brand-300-primary) ;\r\n        &.icon-left::before,\r\n        &.icon-right::after,\r\n        &.icon-only::before {\r\n          background-color: var(--brand-300-primary) ;\r\n        }\r\n    }\r\n}\r\n \r\n/* Button size */\r\n  .normal-btn {\r\n    min-width: 145px ;\r\n    height: 35px ;\r\n    padding: 12px 28px ;\r\n      &.icon-left,\r\n      &.icon-right {\r\n        min-width: 171px ;\r\n        height: 40px ;\r\n      }\r\n      &.icon-only {\r\n        min-width: 80px ;\r\n        height: 40px ;\r\n      }\r\n  }\r\n  \r\n  .small-btn {\r\n    min-width: 90px ;\r\n    height: 31px ;\r\n    padding: 10px 18px ;\r\n      &.icon-left,\r\n      &.icon-right {\r\n        min-width: 115px ;\r\n        height: 36px ;\r\n      }\r\n      &.icon-only {\r\n        min-width: 64px ;\r\n      }\r\n  }\r\n  \r\n  .large-btn {\r\n   min-width: 153px ;\r\n    height: 43px ;\r\n    padding: 16px 34px ;\r\n      &.icon-left,\r\n      &.icon-right {\r\n       min-width: 182px ;\r\n        height: 51px ;\r\n      }\r\n      &.icon-only {\r\n       min-width: 91px ;\r\n      }\r\n  }","/* UploadImages */\r\n\r\n.container {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tjustify-content: flex-start;\r\n\tflex-wrap: wrap;\r\n\twidth: 100%;\r\n\tgap: 10px;\r\n}\r\n\r\n.image, .new {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n\tborder: 1px solid var(--neutral-300);\r\n\tbackground-color: var(--neutral-150);\r\n\tborder-radius: 3px;\r\n\tcursor: pointer;\r\n\ttransition: scale 0.3s, box-shadow 0.3s;\r\n}\r\n\r\n.image:hover, .new:hover {\r\n\tscale: 1.03;\r\n\tbox-shadow: 0px 0px 6px 2px rgb(0 0 0 / 10%);\r\n}\r\n\r\n.image:active, .new:active {\r\n\tscale: 0.99;\r\n\tbox-shadow: unset\r\n}\r\n\r\n.image > img {\r\n\twidth: 100%;\r\n\t-o-object-fit: cover;\r\n\t   object-fit: cover;\r\n}\r\n\r\n/* Close */\r\n.image .close {\r\n\tdisplay: flex;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tcursor: pointer;\r\n\topacity: 0.7;\r\n\ttransition: transform 0.3s, opacity 0.3s;\r\n}\r\n\r\n.image .close::before, .image .close::after {\r\n\tcontent: \"\";\r\n    display: block;\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 3px;\r\n    background-color: var(--neutral-900-text);\r\n}\r\n\r\n.image .close::before {\r\n\ttransform: rotate(45deg);\r\n}\r\n\r\n.image .close::after {\r\n\ttransform: rotate(-45deg);\r\n}\r\n\r\n.image .close:focus {\r\n\tbackground-color: var(--error-primary);\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttransition: width 0.1s, height 0.3s;\r\n}\r\n\r\n.image .close:focus::before, .image .close:focus::after {\r\n\tbackground-color: var(--neutral-white);\r\n}\r\n\r\n.new {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n.new::after {\r\n\tcontent: \"+\";\r\n\tfont-size: 1.9em;\r\n\tcolor: var(--neutral-500);\r\n}\r\n\r\n.wait {\r\n\tdisplay: flex;\r\n\tposition: absolute;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t-webkit-backdrop-filter: blur(2px);\r\n\t        backdrop-filter: blur(2px);\r\n\tbackground-color: #BED4DB9F;\r\n\tz-index: 1;\r\n}","/* Checkbox */\r\n\r\n.container {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\theight: 100%;\r\n\tcursor: pointer;\r\n\t-webkit-user-select: none;\r\n\t   -moz-user-select: none;\r\n\t        user-select: none;\r\n\tgap: 10px;\r\n\t\tinput {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n}\r\n\r\n.text {\r\n\tcolor: var(--neutral-500);\r\n\tfont-size: 14px;\r\n}\r\n\r\n.indicator {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\toutline: 1px solid var(--brand-primary);\r\n\toutline-offset: -1px;\r\n\tborder-radius: 2px;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\taspect-ratio: 1/1;\r\n\ttransition: .1s;\r\n\t\t&:hover {\r\n\t\t\tbox-shadow: inset 0 0 0 2px var(--brand-primary);\r\n\t\t}\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\twidth: 35%;\r\n\t\t\theight: 70%;\r\n\t\t\tborder: solid var(--neutral-white);\r\n\t\t\tborder-width: 0 2px 2px 0;\r\n\t\t\ttransform: rotate( 45deg);\r\n\t\t\tscale: 0;\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: scale 0.1s, opacity 0.1s;\r\n\t\t}\r\n}\r\n\r\n.container > input[type=\"radio\"] ~ .indicator {\r\n\tborder-radius: 50%;\r\n}\r\n\r\n.container > input[type=\"radio\"] ~ .indicator::before {\r\n\tborder-width: 0;\r\n\tborder-radius: inherit;\r\n\ttop: unset;\r\n\ttransform: unset;\r\n\twidth: 70%;\r\n\theight: 70%;\r\n}\r\n\r\n.container > input[type=\"radio\"]:checked ~ .indicator {\r\n\tbox-shadow: inset 0 0 0 5px var(--brand-primary);\r\n}\r\n\r\n.container > input[type=\"checkbox\"]:checked ~ .indicator {\r\n\tbackground-color: var(--brand-primary);\r\n}\r\n\r\n.container > input:checked ~ .indicator::before {\r\n\tscale: 1;\r\n\topacity: 1;\r\n}","/* Arrow Component */\r\n\r\n.container {\r\n\t--ui-arrow-size: 10px;\r\n\t--ui-arrow-color: var(--brand-primary);\r\n\t--ui-arrow-max: var(--ui-arrow-size) solid var(--ui-arrow-color);\r\n\t--ui-arrow-min: calc(var(--ui-arrow-size) / 2) solid transparent;\r\n}\r\n\r\n.container::after {\r\n\tcontent: \"\";\r\n\tdisplay: block;\r\n\twidth: 0;\r\n\theight: 0;\r\n\ttransition: rotate 0.1s;\r\n}\r\n\r\n.container.down::after {\r\n\tborder-left: var(--ui-arrow-min);\r\n\tborder-right: var(--ui-arrow-min);\r\n\tborder-top: var(--ui-arrow-max);\r\n}\r\n\r\n.container.up::after {\r\n\tborder-left: var(--ui-arrow-min);\r\n\tborder-right: var(--ui-arrow-min);\r\n\tborder-bottom: var(--ui-arrow-max);\r\n}\r\n\r\n.container.left::after {\r\n\tborder-top: var(--ui-arrow-min);\r\n\tborder-right: var(--ui-arrow-max);\r\n\tborder-bottom: var(--ui-arrow-min);\r\n}\r\n\r\n.container.right::after {\r\n\tborder-top: var(--ui-arrow-min);\r\n\tborder-left: var(--ui-arrow-max);\r\n\tborder-bottom: var(--ui-arrow-min);\r\n}","/* Select */\r\n\r\n.container-element {\r\n\tz-index: 1;\r\n}\r\n\r\n.container {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\tmin-height: 25px;\r\n\toutline: none;\r\n\tcursor: pointer;\r\n}\r\n\r\n.select {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\talign-items: center;\r\n\tmin-height: 45px;\r\n\tbox-sizing: border-box;\r\n\tpadding: 10px;\r\n}\r\n\r\n.container-element:has(input[type=\"hidden\"]:disabled) .arrow::after {\r\n\tborder-top-color: var(--neutral-200);\r\n}\r\n\r\n.container.opened > .select > .arrow::after {\r\n\trotate: 180deg;\r\n}\r\n\r\n.select-list {\r\n\tposition: absolute;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tmin-width: 100%;\r\n\tmax-height: 40vh;\r\n\tmax-height: 40dvh;\r\n\ttop: calc(100% - 1px);\r\n\tright: -1px;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tlist-style-type: none;\r\n\tbackground-color: var(--neutral-white);\r\n\tbox-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);\r\n\tborder: 1px solid var(--neutral-200);\r\n\toverflow: auto;\r\n\topacity: 0;\r\n\tvisibility: hidden;\r\n\ttransform: translateY(-10%);\r\n\ttransition: transform 0.3s ease-in-out, opacity 0.3s, visibility 0.3s;\r\n}\r\n\r\n.container.left > .select-list {\r\n\tleft: -1px;\r\n}\r\n\r\n.container.right > .select-list {\r\n\tright: -1px;\r\n}\r\n\r\n.container.hidden > .select-list {\r\n\tdisplay: none;\r\n}\r\n\r\n.container.opened > .select-list {\r\n\topacity: 1;\r\n\ttransform: translateY(0);\r\n\tvisibility: visible;\r\n}\r\n\r\n.optgpoup {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tlist-style-type: none;\r\n}\r\n\r\n.optgpoup > li.label {\r\n\tpadding: 10px;\r\n\tfont-weight: bold;\r\n\tcursor: default;\r\n}\r\n\r\n.optgpoup > li.option {\r\n\tpadding-left: 5% !important;\r\n}\r\n\r\n.title, .select-list li {\r\n\tfont-size: 20px;\r\n\tcolor: var(--neutral-900-text);\r\n\t-webkit-user-select: none;\r\n\t   -moz-user-select: none;\r\n\t        user-select: none;\r\n}\r\n\r\n.title {\r\n\tflex: 1;\r\n}\r\n\r\n.select-list li.option {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\tmin-height: 25px;\r\n\tpadding: 5px;\r\n\tcursor: pointer;\r\n\ttransition: background-color .3s;\r\n}\r\n\r\n.select-list li.option:hover, .select-list li.option.active {\r\n\tbackground-color: var(--brand-300-primary);\r\n\ttransition: background-color .3s;\r\n}\r\n\r\n.select-list li.option.disabled {\r\n\tbackground-color: var(--neutral-100);\r\n\tcolor: var(--neutral-200);\r\n\tcursor: default;\r\n}","/* Dropdown */\r\n\r\n.container {\r\n\tposition: relative;\r\n\tdisplay: inline-flex;\r\n\tflex-direction: row;\r\n\talign-items: center;\r\n\toutline: none;\r\n\tcursor: pointer;\r\n\t\t&:global(.ui-dropdown-block) {\r\n\t\t\tposition: relative;\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t\t&.hide::after {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.down > .dropdown-list {\r\n\t\t\ttop: 100%;\r\n\t\t}\r\n\t\t\r\n\t\t&.up > .dropdown-list {\r\n\t\t\tbottom: 100%;\r\n\t\t}\r\n\t\t\r\n\t\t&.left > .dropdown-list {\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t\t\r\n\t\t&.right > .dropdown-list {\r\n\t\t\tright: 0;\r\n\t\t}\r\n\t\t&.opened {\r\n\t\t\t.dropdown-list {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tvisibility: visible;\r\n\t\t\t\ttransform: translateY(0);\r\n\t\t\t}\r\n\t\t\t.arrow::after {\r\n\t\t\t\trotate: 180deg;\r\n\t\t\t}\r\n\t\t} \r\n\t\t\r\n}\r\n\r\n.dropdown-list {\r\n\tdisplay: flex;\r\n\tposition: absolute;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tflex-direction: column;\r\n\tbackground-color: var(--neutral-white);\r\n\tborder-radius: 2px;\r\n\tlist-style-type: none;\r\n\tbox-shadow: 0px 0px 9px 2px rgb(0 0 0 / 10%);\r\n\topacity: 0;\r\n\ttransform: translateY(-10%);\r\n\tvisibility: hidden;\r\n\tz-index: 1;\r\n\ttransition: opacity 0.3s, visibility 0.3s, transform 0.3s ease;\r\n\t\t& li.item {\r\n\t\t\tpadding: 7px;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: normal;\r\n\t\t\tcolor: var(--neutral-900-text);\r\n\t\t\twhite-space: nowrap;\r\n\t\t\twidth: 100%;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t\t&:hover,\r\n\t\t\t\t&:has(:global(a.active)) {\r\n\t\t\t\t\tbackground-color: var(--brand-300-primary);\r\n\t\t\t\t\tborder-radius: inherit;\r\n\t\t\t\t}\r\n\t\t}\r\n}\r\n\r\n.arrow {\r\n\tpadding: 5px;\r\n}","body.brand-ac {\r\n    --brand-accent-primary: #F9AC38;\r\n    --brand-accent-primary-rgb: 249, 172, 56;\r\n    --brand-300-primary: #FAC15D;\r\n    --brand-primary: #131211;\r\n    --brand-accent-secondary: #005CA9;\r\n    --brand-800t-secondary: #001E49;\r\n\r\n    --neutral-white: #FFFFFF;\r\n    --neutral-100: #F6F6F6;\r\n    --neutral-150: #FBF3E6;\r\n    --neutral-200: #EEECEA;\r\n    --neutral-300: #CECBC6;\r\n    --neutral-400: #909498;\r\n    --neutral-500: #56595D;\r\n    --neutral-900-text: #1E1E1E;\r\n\r\n    --error-primary: #FF4231;\r\n    --error-secondary: #FFEEED;\r\n\r\n    --success-primary: #2BC3A0;\r\n    --success-secondary: #F0FFF1;\r\n}","body, body.brand-as {\r\n    --brand-accent-primary: #5EBED6;\r\n    --brand-accent-primary-rgb: 94, 190, 214;\r\n    --brand-300-primary: #ADCED8;\r\n    --brand-background-primary: #131211;\r\n\r\n    --neutral-white: #FFFFFF;\r\n    --neutral-100: #F6F6F6;\r\n    --neutral-150: #BED4DB;\r\n    --neutral-200: #EEECEA;\r\n    --neutral-300: #CECBC6;\r\n    --neutral-400: #909498;\r\n    --neutral-500: #56595D;\r\n    --neutral-900-text: #1D1D1B;\r\n\r\n    --error-primary: #FF4231;\r\n    --error-secondary: #FFEEED;\r\n\r\n    --success-primary: #2BC3A0;\r\n    --success-secondary: #F0FFF1;\r\n}","body.brand-at {\r\n    --brand-primary: #02505E;\r\n    --brand-accent-primary-rgb: 2, 80, 94;\r\n    --brand-300-primary: #11889D;\r\n    --brand-accent-primary: #04141F;\r\n\r\n    --neutral-white: #FFFFFF;\r\n    --neutral-100: #F6F6F6;\r\n    --neutral-150: #F8FBFC;\r\n    --neutral-200: #EEECEA;\r\n    --neutral-300: #CECBC6;\r\n    --neutral-400: #909498;\r\n    --neutral-500: #56595D;\r\n    --neutral-900-text: #1E1E1E;\r\n\r\n    --error-primary: #FF4231;\r\n    --error-secondary: #FFEEED;\r\n\r\n    --success-primary: #2BC3A0;\r\n    --success-secondary: #F0FFF1;\r\n}"],"names":[],"sourceRoot":""}

package/lib/src/Button/Button.d.ts

@@ -0,0 +1,12 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes } from "react";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    wait?: boolean;
+    classNameContainer?: string;
+    styleContainer?: HTMLAttributes<HTMLDivElement>['style'];
+    variant?: 'primary' | 'light' | 'secondary' | 'secondary-light' | 'tertiary';
+    size?: 'normal' | 'small' | 'large';
+    icon?: 'left' | 'right' | 'only' | 'no';
+    children?: React.ReactNode;
+}
+declare const Button: ({ children, className, classNameContainer, styleContainer, wait, variant, size, icon, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/lib/src/Button/index.d.ts

@@ -0,0 +1,3 @@
+import Button, { type ButtonProps } from "./Button";
+export type { ButtonProps };
+export default Button;

package/lib/src/Checkbox/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import { IElement } from "../Form/Element";
+import { UIComponent } from "../ui-types";
+export interface ICheckbox extends UIComponent<IElement<HTMLInputElement>> {
+    type?: 'checkbox' | 'radio';
+}
+declare const Checkbox: import("react").ForwardRefExoticComponent<ICheckbox & import("react").RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/lib/src/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+import Checkbox from "./Checkbox";
+export default Checkbox;

package/lib/src/Components/Arrow/Arrow.d.ts

@@ -0,0 +1,6 @@
+import { AllHTMLAttributes } from "react";
+interface IArrow extends AllHTMLAttributes<HTMLDivElement> {
+    direction?: 'up' | 'down' | 'left' | 'right';
+}
+declare const Arrow: ({ className, direction, ...props }: IArrow) => import("react/jsx-runtime").JSX.Element;
+export default Arrow;

package/lib/src/Components/Arrow/index.d.ts

@@ -0,0 +1,2 @@
+import Arrow from "./Arrow";
+export default Arrow;

package/lib/src/Dropdown/Dropdown.d.ts

@@ -0,0 +1,18 @@
+import { AllHTMLAttributes, FunctionComponentElement } from "react";
+import type { IItem, TChildrenAction } from "./Item";
+import { UIComponent } from "../ui-types";
+export declare const Context: import("react").Context<TChildrenAction>;
+export interface IDropdown extends UIComponent<AllHTMLAttributes<HTMLDivElement>> {
+    direction?: 'down' | 'up';
+    position?: 'left' | 'right';
+    split?: boolean;
+    hover?: boolean;
+    arrow?: boolean;
+    items?: FunctionComponentElement<IItem> | FunctionComponentElement<IItem>[];
+    disabled?: boolean;
+    enableRerenderItems?: boolean;
+    onShow?: () => void;
+    onHide?: () => void;
+}
+declare const Dropdown: ({ children, className, items, arrow, direction, position, split, disabled, hover, enableRerenderItems, onShow, onHide, ...props }: IDropdown) => import("react/jsx-runtime").JSX.Element;
+export default Dropdown;

package/lib/src/Dropdown/Item.d.ts

@@ -0,0 +1,11 @@
+import { AllHTMLAttributes, ReactElement } from "react";
+export type TChildrenAction = {
+    close: () => void;
+};
+export interface IItem extends Omit<AllHTMLAttributes<HTMLLIElement>, 'children'> {
+    children?: ((action: TChildrenAction) => ReactElement) | string | ReactElement;
+    autoClose?: boolean;
+    active?: boolean;
+}
+declare const Item: ({ children, onClick, autoClose, active, className, ...props }: IItem) => import("react/jsx-runtime").JSX.Element;
+export default Item;

package/lib/src/Dropdown/Items.d.ts

@@ -0,0 +1,6 @@
+import type { IDropdown } from "./Dropdown";
+export interface IItems extends Pick<IDropdown, 'items' | 'disabled' | 'enableRerenderItems'> {
+    isOpen: boolean;
+}
+declare const Items: ({ items, isOpen, enableRerenderItems, disabled }: IItems) => import("react/jsx-runtime").JSX.Element | null;
+export default Items;

package/lib/src/Dropdown/index.d.ts

@@ -0,0 +1,9 @@
+import { RefAttributes, ForwardRefExoticComponent, FC } from "react";
+import { IDropdown } from "./Dropdown";
+import Item, { IItem } from "./Item";
+interface StaticComponent extends ForwardRefExoticComponent<IDropdown & RefAttributes<HTMLInputElement>> {
+    Item: FC<IItem>;
+}
+declare const Dropdown: StaticComponent;
+export { Item as DropdownItem };
+export default Dropdown;

package/lib/src/File/File.d.ts

@@ -0,0 +1,18 @@
+import { AllHTMLAttributes } from "react";
+import { UIComponent } from "../ui-types";
+export type TFileMime = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/gif';
+export type TFileData = {
+    name: string;
+    type: TFileMime;
+    size: number;
+    mime: TFileMime;
+    data: string;
+    base64?: string | null | ArrayBuffer;
+};
+export interface TFile<T = any> extends UIComponent<Omit<AllHTMLAttributes<T>, 'onChange' | 'accept'>> {
+    onChange?: (data: TFileData) => void;
+    multiple?: boolean;
+    accept?: TFileMime[];
+}
+declare const File: ({ onChange, children, multiple, accept, ...props }: TFile) => import("react/jsx-runtime").JSX.Element;
+export default File;

package/lib/src/File/index.d.ts

@@ -0,0 +1,3 @@
+import File, { TFileData, TFileMime } from "./File";
+export type { TFileData, TFileMime };
+export default File;

package/lib/src/FileInput/FileInput.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { IElement } from '../Form/Element';
+import { UIComponent } from '../ui-types';
+export interface IFileInput extends UIComponent<IElement<HTMLInputElement>> {
+    onChangeFiles?: (files: FileList | null) => void;
+    accept?: string;
+    multiple?: boolean;
+    children?: ReactNode;
+    wait?: boolean;
+    className?: string;
+    icon?: boolean;
+}
+declare const FileInput: ({ onChange, onChangeFiles, accept, multiple, wait, children, className, icon, ...props }: IFileInput) => import("react/jsx-runtime").JSX.Element;
+export default FileInput;

package/lib/src/FileInput/index.d.ts

@@ -0,0 +1,3 @@
+import FileInput, { IFileInput } from "./FileInput";
+export type { IFileInput };
+export default FileInput;

package/lib/src/Form/Element/Element.d.ts

@@ -0,0 +1,16 @@
+import { AllHTMLAttributes, ReactElement } from "react";
+export interface IElement<T = any> extends Omit<AllHTMLAttributes<T>, 'children'> {
+    children?: ((props: AllHTMLAttributes<T>) => ReactElement) | AllHTMLAttributes<T>["children"];
+    error?: string;
+    formvalue?: string | number;
+    disabled?: boolean;
+    placeholder?: string;
+    styleContainer?: React.HTMLAttributes<T>["style"];
+    classNameContainer?: string;
+    beforeElement?: React.ReactElement;
+    afterElement?: React.ReactElement;
+    hiddenContainer?: boolean;
+    wait?: boolean;
+}
+declare const Element: ({ children, beforeElement, afterElement, error, placeholder, styleContainer, classNameContainer, hiddenContainer, formvalue, wait, ...props }: IElement) => import("react/jsx-runtime").JSX.Element;
+export default Element;

package/lib/src/Form/Element/index.d.ts

@@ -0,0 +1,3 @@
+import Element, { IElement } from "./Element";
+export type { IElement };
+export default Element;

package/lib/src/Form/Form.d.ts

@@ -0,0 +1,10 @@
+import { FormHTMLAttributes, ReactNode } from 'react';
+import { UIComponent } from '../ui-types';
+export interface IForm extends UIComponent<FormHTMLAttributes<HTMLFormElement>> {
+    children: ReactNode;
+    wait?: boolean;
+    progress?: number;
+    progressRadius?: boolean;
+}
+declare const Form: ({ children, wait, progress, progressRadius, className, onSubmit, ...props }: IForm) => import("react/jsx-runtime").JSX.Element;
+export default Form;

package/lib/src/Form/index.d.ts

@@ -0,0 +1,5 @@
+import Form from "./Form";
+import useForm from "./useForm";
+import Element from "./Element";
+export { useForm, Element as FormElement };
+export default Form;

package/lib/src/Form/types.d.ts

@@ -0,0 +1,11 @@
+import type { FieldValues, UseFormRegisterReturn, FieldPath } from "react-hook-form";
+export type TUseFormRegisterReturn<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = UseFormRegisterReturn<TFieldName> & {
+    error?: string;
+    formvalue: TFieldValues;
+};
+export type TError<TFieldValues extends FieldValues> = {
+    errors?: {
+        [key in keyof TFieldValues]: string[];
+    };
+    message: string;
+};

package/lib/src/Form/useForm.d.ts

@@ -0,0 +1,17 @@
+import { FunctionComponent } from "react";
+import type { TError } from "./types";
+import { UseFormReturn, FieldValues } from "react-hook-form";
+type TuseErrors<TFieldValues extends FieldValues = FieldValues> = UseFormReturn<TFieldValues> & {
+    GlobalError: FunctionComponent;
+    setErrors: (e: TError<TFieldValues>) => void;
+};
+declare const useForm: <TFieldValues extends FieldValues = FieldValues>() => TuseErrors<TFieldValues>;
+export declare const validate: {
+    email: {
+        pattern: {
+            value: RegExp;
+            message: string;
+        };
+    };
+};
+export default useForm;

package/lib/src/Input/Input.d.ts

@@ -0,0 +1,12 @@
+import { type HTMLInputTypeAttribute } from "react";
+import { IElement } from "../Form/Element";
+import { UIComponent } from "../ui-types";
+export interface IInput extends UIComponent<IElement<HTMLInputElement>> {
+    onChangeText?: (text: string) => void;
+    type?: HTMLInputTypeAttribute;
+    wait?: boolean;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+declare const Input: import("react").ForwardRefExoticComponent<IInput & import("react").RefAttributes<HTMLInputElement>>;
+export default Input;

package/lib/src/Input/index.d.ts

@@ -0,0 +1,2 @@
+import Input from "./Input";
+export default Input;

package/lib/src/Loading/Loading.d.ts

@@ -0,0 +1,6 @@
+import { AllHTMLAttributes } from 'react';
+export interface LoadingProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'color'> {
+    color?: 'primary' | 'light' | 'secondary' | 'secondary-light' | 'tertiary';
+}
+declare const Loading: ({ color, ...props }: LoadingProps) => import("react/jsx-runtime").JSX.Element;
+export default Loading;

package/lib/src/Loading/index.d.ts

@@ -0,0 +1,3 @@
+import Loading, { type LoadingProps } from "./Loading";
+export type { LoadingProps };
+export default Loading;

package/lib/src/Progress/Progress.d.ts

@@ -0,0 +1,7 @@
+export interface IProgress {
+    value?: number | string;
+    size?: 'small' | 'middle' | 'large';
+    radius?: boolean;
+}
+declare const Progress: ({ value, size, radius }: IProgress) => import("react/jsx-runtime").JSX.Element;
+export default Progress;

package/lib/src/Progress/index.d.ts

@@ -0,0 +1,2 @@
+import Progress from "./Progress";
+export default Progress;

package/lib/src/Provider/Provider.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import type { UIComponent } from "../ui-types";
+interface ProviderProps extends UIComponent {
+    children: ReactNode;
+}
+declare const Provider: ({ children }: ProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default Provider;

package/lib/src/Provider/ProviderContext.d.ts

@@ -0,0 +1 @@
+export declare const ProviderContext: import("react").Context<{}>;

package/lib/src/Provider/index.d.ts

@@ -0,0 +1,2 @@
+import Provider from "./Provider";
+export default Provider;

package/lib/src/Select/Optgroup.d.ts

@@ -0,0 +1,7 @@
+import type { TOptionElement } from "./Select";
+export interface IOptgroup {
+    children?: TOptionElement;
+    label?: string | React.ReactElement;
+}
+declare const Optgroup: ({ children, label }: IOptgroup) => import("react/jsx-runtime").JSX.Element;
+export default Optgroup;

package/lib/src/Select/Option.d.ts

@@ -0,0 +1,8 @@
+import { LiHTMLAttributes } from "react";
+export interface IOption extends LiHTMLAttributes<HTMLLIElement> {
+    value?: string;
+    disabled?: boolean;
+    children?: string | React.ReactElement;
+}
+declare const Option: ({ children, value, disabled, hidden, onClick, ...props }: IOption) => import("react/jsx-runtime").JSX.Element | null;
+export default Option;

package/lib/src/Select/Select.d.ts

@@ -0,0 +1,18 @@
+import { FunctionComponentElement, ReactNode } from "react";
+import { IElement } from "../Form/Element";
+import type { IOptgroup } from "./Optgroup";
+import type { IOption } from "./Option";
+export declare const Context: import("react").Context<{
+    selected: string;
+    emptyValue: React.MutableRefObject<boolean>;
+    setSelect: (value: string) => void;
+    setSelected: (value: string) => void;
+    setTitle: (title: IOption["children"]) => void;
+}>;
+export type TOptionElement = FunctionComponentElement<IOption> | FunctionComponentElement<IOption>[] | ReactNode;
+export interface ISelect extends Omit<IElement, 'children'> {
+    children?: TOptionElement | FunctionComponentElement<IOptgroup> | FunctionComponentElement<IOptgroup>[];
+    onChangeSelect?: (value: string) => void;
+}
+declare const Select: import("react").ForwardRefExoticComponent<ISelect & import("react").RefAttributes<HTMLInputElement>>;
+export default Select;

package/lib/src/Select/index.d.ts

@@ -0,0 +1,11 @@
+import { ForwardRefExoticComponent, FC, RefAttributes } from "react";
+import { ISelect } from "./Select";
+import Option, { IOption } from "./Option";
+import Optgroup, { IOptgroup } from "./Optgroup";
+interface StaticComponent extends ForwardRefExoticComponent<ISelect & RefAttributes<HTMLInputElement>> {
+    Option: FC<IOption>;
+    Optgroup: FC<IOptgroup>;
+}
+declare const Select: StaticComponent;
+export { Option as SelectOption, Optgroup as SelectOptgroup };
+export default Select;

package/lib/src/Spinner/Spinner.d.ts

@@ -0,0 +1,8 @@
+import { AllHTMLAttributes } from "react";
+import type { UIComponent } from "../ui-types";
+export interface SpinnerProps extends UIComponent<Omit<AllHTMLAttributes<HTMLDivElement>, 'size'>> {
+    size?: 'small' | 'middle' | 'large';
+    contrast?: boolean;
+}
+declare const Spinner: ({ size, contrast, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

package/lib/src/Spinner/index.d.ts

@@ -0,0 +1,3 @@
+import Spinner, { type SpinnerProps } from "./Spinner";
+export type { SpinnerProps };
+export default Spinner;

package/lib/src/TextArea/TextArea.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IElement } from "../Form/Element";
+import { UIComponent } from "../ui-types";
+export interface ITextArea extends UIComponent<IElement<HTMLTextAreaElement>> {
+    onChangeText?: (text: string) => void;
+    wait?: boolean;
+}
+declare const TextArea: React.ForwardRefExoticComponent<ITextArea & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/lib/src/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+import TextArea from "./TextArea";
+export default TextArea;

package/lib/src/UploadImages/Image.d.ts

@@ -0,0 +1,16 @@
+import type { TFileData } from "../File";
+export type TImageData = TFileData & {
+    id?: string | number;
+    setWait: (status: boolean) => void;
+    setId: (id: string | number) => void;
+};
+export interface IImage extends TFileData {
+    onChange?: (data: TImageData) => void;
+    onId?: (id: string | number) => void;
+    onRemove?: () => void;
+    onClick?: (data: TImageData) => void;
+    id?: string | number;
+    src?: string;
+}
+declare const Image: ({ onChange, onClick, onId, onRemove, ...props }: IImage) => import("react/jsx-runtime").JSX.Element;
+export default Image;

package/lib/src/UploadImages/UploadImages.d.ts

@@ -0,0 +1,9 @@
+import { TImageData, IImage } from "./Image";
+export interface IUploadImages {
+    onChange?: (data: TImageData) => void;
+    onChangeArray?: (data: IImage[]) => void;
+    onClick?: (data: TImageData) => void;
+    imagesArray?: TImageData[];
+}
+declare const UploadImages: ({ imagesArray, onChange, onChangeArray, onClick }: IUploadImages) => import("react/jsx-runtime").JSX.Element;
+export default UploadImages;

package/lib/src/UploadImages/index.d.ts

@@ -0,0 +1,5 @@
+import UploadImages, { IUploadImages } from "./UploadImages";
+import type { IImage } from "./Image";
+import { TImageData } from "./Image";
+export type { IUploadImages, TImageData, IImage };
+export default UploadImages;