maz-ui 3.28.0 → 3.28.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/css/main.css CHANGED
@@ -1 +1 @@
1
- *,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:1em;line-height:1.15;margin:0}:root{--maz-color-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--maz-color-primary-50:#e6f2ff;--maz-color-primary-100:#bddeff;--maz-color-primary-200:#94c9ff;--maz-color-primary-300:#6bb5ff;--maz-color-primary-400:#47a3ff;--maz-color-primary:#1f8fff;--maz-color-primary-600:#1975d2;--maz-color-primary-700:#145ca3;--maz-color-primary-800:#0e4277;--maz-color-primary-900:#092b4e;--maz-color-primary-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-primary-contrast:#fff;--maz-color-secondary-50:#e2f9f3;--maz-color-secondary-100:#bbf1e3;--maz-color-secondary-200:#95e9d3;--maz-color-secondary-300:#6be1c1;--maz-color-secondary-400:#45d9b1;--maz-color-secondary:#1cce9f;--maz-color-secondary-600:#17ab83;--maz-color-secondary-700:#128768;--maz-color-secondary-800:#0d634c;--maz-color-secondary-900:#083f31;--maz-color-secondary-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-secondary-contrast:#fff;--maz-color-info-50:#e4f4f7;--maz-color-info-100:#b8e3ea;--maz-color-info-200:#92d3dd;--maz-color-info-300:#67c2d0;--maz-color-info-400:#40b3c4;--maz-color-info:#17a4ba;--maz-color-info-600:#13889a;--maz-color-info-700:#0f6876;--maz-color-info-800:#0b4c56;--maz-color-info-900:#073036;--maz-color-info-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-info-contrast:#fff;--maz-color-success-50:#f3f9e6;--maz-color-success-100:#e1f0c1;--maz-color-success-200:#cee79d;--maz-color-success-300:#bedf7c;--maz-color-success-400:#acd657;--maz-color-success:#99cd32;--maz-color-success-600:#7ea829;--maz-color-success-700:#658722;--maz-color-success-800:#496218;--maz-color-success-900:#2e3e0f;--maz-color-success-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-success-contrast:#fff;--maz-color-warning-50:#fff7e6;--maz-color-warning-100:#feeac3;--maz-color-warning-200:#fede9f;--maz-color-warning-300:#fdd077;--maz-color-warning-400:#fdc553;--maz-color-warning:#fcb831;--maz-color-warning-600:#d29928;--maz-color-warning-700:#a27720;--maz-color-warning-800:#785817;--maz-color-warning-900:#4d380f;--maz-color-warning-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-warning-contrast:#384252;--maz-color-danger-50:#ffebeb;--maz-color-danger-100:#ffd2d1;--maz-color-danger-200:#ffbab8;--maz-color-danger-300:#ffa09e;--maz-color-danger-400:#ff8785;--maz-color-danger:#ff6e6b;--maz-color-danger-600:#d25856;--maz-color-danger-700:#a54745;--maz-color-danger-800:#7b3332;--maz-color-danger-900:#4c2020;--maz-color-danger-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-danger-contrast:#fff;--maz-color-text-light:#d9d9d9;--maz-color-muted-light:rgba(0,0,0,.54);--maz-color-text-dark:#212427;--maz-color-muted-dark:hsla(0,0%,89%,.54);--maz-bg-overlay:rgba(0,0,0,.3);--maz-bg-color-light:#fff;--maz-bg-color-light-light:#f0f0f0;--maz-bg-color-light-lighter:#f2f2f2;--maz-bg-color-dark:#20212c;--maz-bg-color-dark-light:#313245;--maz-bg-color-dark-lighter:#3b3c54;--maz-border-width:0.063rem;--maz-border-radius:0.7rem;--maz-font-family:system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--maz-color-text:var(--maz-color-text-dark);--maz-color-muted:var(--maz-color-muted-light);--maz-color-bg:var(--maz-bg-color-light);--maz-color-bg-light:var(--maz-bg-color-light-light);--maz-color-bg-lighter:var(--maz-bg-color-light-lighter);--maz-color-bg-theme:var(--maz-bg-color-dark);--maz-color-bg-theme-hover:var(--maz-bg-color-dark-lighter)}html.dark{--maz-color-text:var(--maz-color-text-light);--maz-color-muted:var(--maz-color-muted-dark);--maz-color-bg:var(--maz-bg-color-dark);--maz-color-bg-light:var(--maz-bg-color-dark-light);--maz-color-bg-lighter:var(--maz-bg-color-dark-lighter);--maz-color-bg-theme:var(--maz-bg-color-light);--maz-color-bg-theme-hover:var(--maz-bg-color-light-lighter)}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:1440px}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;-webkit-transition:all .2s cubic-bezier(.4,.52,.26,.9);transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content{opacity:1;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{-webkit-transform:scale(1);transform:scale(1);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{-webkit-transform:translate(100%);transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important}.maz-tab-reverse-transition-enter-from,.maz-tab-transition-leave-to{-webkit-transform:translate(-100%);transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-active{position:absolute!important;top:0}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;-webkit-transform:translate(100%);transform:translate(100%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.maz-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.maz-invisible{visibility:hidden}.maz-fixed{position:fixed}.maz-absolute{position:absolute}.maz-relative{position:relative}.maz-inset-0{inset:0}.maz-inset-x-0{left:0;right:0}.maz-bottom-0{bottom:0}.maz-z-default-backdrop{z-index:1050}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-my-0{margin-bottom:0;margin-top:0}.maz-my-2{margin-bottom:.5rem;margin-top:.5rem}.maz-ml-1{margin-left:.25rem}.maz-ml-2{margin-left:.5rem}.maz-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.maz-hidden{display:none}.maz-h-1{height:.25rem}.maz-h-16{height:4rem}.maz-h-6{height:1.5rem}.maz-h-8{height:2rem}.maz-h-\[1\.3rem\]{height:1.3rem}.maz-h-auto{height:auto}.maz-h-full{height:100%}.maz-h-screen{height:100vh}.maz-w-6{width:1.5rem}.maz-w-8{width:2rem}.maz-w-9{width:2.25rem}.maz-w-\[1\.3rem\]{width:1.3rem}.maz-w-auto{width:auto}.maz-w-full{width:100%}.maz-w-screen{width:100vw}.maz-min-w-0{min-width:0}.maz-max-w-\[none\]{max-width:none}.maz-max-w-full{max-width:100%}.maz-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.maz-rotate-180{--tw-rotate:180deg}.maz-rotate-180,.maz-rotate-90{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.maz-rotate-90{--tw-rotate:90deg}.maz-cursor-zoom-in{cursor:-webkit-zoom-in;cursor:zoom-in}.maz-flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.maz-flex-col,.maz-flex-row{-webkit-box-direction:normal}.maz-flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.maz-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.maz-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.maz-gap-1{gap:.25rem}.maz-gap-2{gap:.5rem}.maz-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maz-rounded{border-radius:var(--maz-border-radius)}.maz-rounded-xl{border-radius:.75rem}.maz-rounded-t{border-top-left-radius:var(--maz-border-radius);border-top-right-radius:var(--maz-border-radius)}.maz-border{border-width:var(--maz-border-width)}.maz-border-b{border-bottom-width:var(--maz-border-width)}.maz-border-t-2{border-top-width:2px}.maz-border-solid{border-style:solid}.maz-border-black{border-color:var(--maz-color-black)}.maz-border-color-lighter{border-color:var(--maz-color-bg-lighter)}.maz-border-danger{border-color:var(--maz-color-danger)}.maz-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.maz-border-info{border-color:var(--maz-color-info)}.maz-border-primary{border-color:var(--maz-color-primary)}.maz-border-secondary{border-color:var(--maz-color-secondary)}.maz-border-success{border-color:var(--maz-color-success)}.maz-border-transparent{border-color:transparent}.maz-border-warning{border-color:var(--maz-color-warning)}.maz-border-white{border-color:var(--maz-color-white)}.maz-bg-color-light{background-color:var(--maz-color-bg-light)}.maz-bg-danger-700{background-color:var(--maz-color-danger-700)}.maz-bg-info-700{background-color:var(--maz-color-info-700)}.maz-bg-overlay{background-color:var(--maz-bg-overlay)}.maz-bg-secondary{background-color:var(--maz-color-secondary)}.maz-bg-success-700{background-color:var(--maz-color-success-700)}.maz-bg-warning-700{background-color:var(--maz-color-warning-700)}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.maz-pb-1{padding-bottom:.25rem}.maz-text-left{text-align:left}.maz-text-center{text-align:center}.maz-text-right{text-align:right}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-base{font-size:1rem;line-height:1.5rem}.maz-text-lg{font-size:1.125rem;line-height:1.75rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-text-xs{font-size:.75rem;line-height:1rem}.maz-font-semibold{font-weight:600}.maz-text-danger-600{color:var(--maz-color-danger-600)}.maz-text-muted{color:var(--maz-color-muted)}.maz-text-normal{color:var(--maz-color-text)}.maz-text-success-600{color:var(--maz-color-success-600)}.maz-text-warning-600{color:var(--maz-color-warning-600)}.maz-text-white{color:var(--maz-color-white)}.maz-outline-none{outline:2px solid transparent;outline-offset:2px}.maz-backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.maz-transition-all{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.maz-transition-transform{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.maz-duration-200{-webkit-transition-duration:.2s;transition-duration:.2s}.maz-ease-in-out{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.maz-ease-linear{-webkit-transition-timing-function:linear;transition-timing-function:linear}.maz-elevation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.05);box-shadow:0 5px 10px 0 rgba(0,0,0,.05)}.maz-flex-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}:is([class~=dark] .dark\:maz-border-color-lighter){border-color:var(--maz-color-bg-lighter)}
1
+ *,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:1em;line-height:1.15;margin:0}:root{--maz-color-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--maz-color-primary-50:#e6f2ff;--maz-color-primary-100:#bddeff;--maz-color-primary-200:#94c9ff;--maz-color-primary-300:#6bb5ff;--maz-color-primary-400:#47a3ff;--maz-color-primary:#1f8fff;--maz-color-primary-600:#1975d2;--maz-color-primary-700:#145ca3;--maz-color-primary-800:#0e4277;--maz-color-primary-900:#092b4e;--maz-color-primary-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-primary-contrast:#fff;--maz-color-secondary-50:#e2f9f3;--maz-color-secondary-100:#bbf1e3;--maz-color-secondary-200:#95e9d3;--maz-color-secondary-300:#6be1c1;--maz-color-secondary-400:#45d9b1;--maz-color-secondary:#1cce9f;--maz-color-secondary-600:#17ab83;--maz-color-secondary-700:#128768;--maz-color-secondary-800:#0d634c;--maz-color-secondary-900:#083f31;--maz-color-secondary-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-secondary-contrast:#fff;--maz-color-info-50:#e4f4f7;--maz-color-info-100:#b8e3ea;--maz-color-info-200:#92d3dd;--maz-color-info-300:#67c2d0;--maz-color-info-400:#40b3c4;--maz-color-info:#17a4ba;--maz-color-info-600:#13889a;--maz-color-info-700:#0f6876;--maz-color-info-800:#0b4c56;--maz-color-info-900:#073036;--maz-color-info-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-info-contrast:#fff;--maz-color-success-50:#f3f9e6;--maz-color-success-100:#e1f0c1;--maz-color-success-200:#cee79d;--maz-color-success-300:#bedf7c;--maz-color-success-400:#acd657;--maz-color-success:#99cd32;--maz-color-success-600:#7ea829;--maz-color-success-700:#658722;--maz-color-success-800:#496218;--maz-color-success-900:#2e3e0f;--maz-color-success-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-success-contrast:#fff;--maz-color-warning-50:#fff7e6;--maz-color-warning-100:#feeac3;--maz-color-warning-200:#fede9f;--maz-color-warning-300:#fdd077;--maz-color-warning-400:#fdc553;--maz-color-warning:#fcb831;--maz-color-warning-600:#d29928;--maz-color-warning-700:#a27720;--maz-color-warning-800:#785817;--maz-color-warning-900:#4d380f;--maz-color-warning-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-warning-contrast:#384252;--maz-color-danger-50:#ffebeb;--maz-color-danger-100:#ffd2d1;--maz-color-danger-200:#ffbab8;--maz-color-danger-300:#ffa09e;--maz-color-danger-400:#ff8785;--maz-color-danger:#ff6e6b;--maz-color-danger-600:#d25856;--maz-color-danger-700:#a54745;--maz-color-danger-800:#7b3332;--maz-color-danger-900:#4c2020;--maz-color-danger-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-danger-contrast:#fff;--maz-color-text-light:#d9d9d9;--maz-color-muted-light:rgba(0,0,0,.54);--maz-color-text-dark:#212427;--maz-color-muted-dark:hsla(0,0%,89%,.54);--maz-bg-overlay:rgba(0,0,0,.3);--maz-bg-color-light:#fff;--maz-bg-color-light-light:#f0f0f0;--maz-bg-color-light-lighter:#f2f2f2;--maz-bg-color-dark:#20212c;--maz-bg-color-dark-light:#313245;--maz-bg-color-dark-lighter:#3b3c54;--maz-border-width:0.063rem;--maz-border-radius:0.7rem;--maz-font-family:system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--maz-color-text:var(--maz-color-text-dark);--maz-color-muted:var(--maz-color-muted-light);--maz-color-bg:var(--maz-bg-color-light);--maz-color-bg-light:var(--maz-bg-color-light-light);--maz-color-bg-lighter:var(--maz-bg-color-light-lighter);--maz-color-bg-theme:var(--maz-bg-color-dark);--maz-color-bg-theme-hover:var(--maz-bg-color-dark-lighter)}html.dark{--maz-color-text:var(--maz-color-text-light);--maz-color-muted:var(--maz-color-muted-dark);--maz-color-bg:var(--maz-bg-color-dark);--maz-color-bg-light:var(--maz-bg-color-dark-light);--maz-color-bg-lighter:var(--maz-bg-color-dark-lighter);--maz-color-bg-theme:var(--maz-bg-color-light);--maz-color-bg-theme-hover:var(--maz-bg-color-light-lighter)}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:1440px}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;-webkit-transition:all .2s cubic-bezier(.4,.52,.26,.9);transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content{opacity:1;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{-webkit-transform:scale(1);transform:scale(1);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{-webkit-transform:translate(100%);transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important}.maz-tab-reverse-transition-enter-from,.maz-tab-transition-leave-to{-webkit-transform:translate(-100%);transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-active{position:absolute!important;top:0}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;-webkit-transform:translate(100%);transform:translate(100%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.maz-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.maz-invisible{visibility:hidden}.maz-fixed{position:fixed}.maz-absolute{position:absolute}.maz-relative{position:relative}.maz-inset-0{inset:0}.maz-inset-x-0{left:0;right:0}.maz-bottom-0{bottom:0}.maz-z-default-backdrop{z-index:1050}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-my-0{margin-bottom:0;margin-top:0}.maz-my-2{margin-bottom:.5rem;margin-top:.5rem}.maz-ml-1{margin-left:.25rem}.maz-ml-2{margin-left:.5rem}.maz-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.maz-hidden{display:none}.maz-h-1{height:.25rem}.maz-h-16{height:4rem}.maz-h-6{height:1.5rem}.maz-h-8{height:2rem}.maz-h-\[1\.3rem\]{height:1.3rem}.maz-h-auto{height:auto}.maz-h-full{height:100%}.maz-h-screen{height:100vh}.maz-w-6{width:1.5rem}.maz-w-8{width:2rem}.maz-w-9{width:2.25rem}.maz-w-\[1\.3rem\]{width:1.3rem}.maz-w-auto{width:auto}.maz-w-full{width:100%}.maz-w-screen{width:100vw}.maz-min-w-0{min-width:0}.maz-max-w-\[none\]{max-width:none}.maz-max-w-full{max-width:100%}.maz-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.maz-rotate-180{--tw-rotate:180deg}.maz-rotate-180,.maz-rotate-90{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.maz-rotate-90{--tw-rotate:90deg}.maz-cursor-zoom-in{cursor:-webkit-zoom-in;cursor:zoom-in}.maz-flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.maz-flex-col,.maz-flex-row{-webkit-box-direction:normal}.maz-flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.maz-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.maz-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.maz-gap-1{gap:.25rem}.maz-gap-2{gap:.5rem}.maz-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maz-rounded{border-radius:var(--maz-border-radius)}.maz-rounded-xl{border-radius:.75rem}.maz-rounded-t{border-top-left-radius:var(--maz-border-radius);border-top-right-radius:var(--maz-border-radius)}.maz-border{border-width:var(--maz-border-width)}.maz-border-b{border-bottom-width:var(--maz-border-width)}.maz-border-t-2{border-top-width:2px}.maz-border-solid{border-style:solid}.maz-border-black{border-color:var(--maz-color-black)}.maz-border-color-lighter{border-color:var(--maz-color-bg-lighter)}.maz-border-danger{border-color:var(--maz-color-danger)}.maz-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.maz-border-info{border-color:var(--maz-color-info)}.maz-border-primary{border-color:var(--maz-color-primary)}.maz-border-secondary{border-color:var(--maz-color-secondary)}.maz-border-success{border-color:var(--maz-color-success)}.maz-border-transparent{border-color:transparent}.maz-border-warning{border-color:var(--maz-color-warning)}.maz-border-white{border-color:var(--maz-color-white)}.maz-bg-color-light{background-color:var(--maz-color-bg-light)}.maz-bg-danger-700{background-color:var(--maz-color-danger-700)}.maz-bg-info-700{background-color:var(--maz-color-info-700)}.maz-bg-overlay{background-color:var(--maz-bg-overlay)}.maz-bg-secondary{background-color:var(--maz-color-secondary)}.maz-bg-success-700{background-color:var(--maz-color-success-700)}.maz-bg-warning-700{background-color:var(--maz-color-warning-700)}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.maz-pb-1{padding-bottom:.25rem}.maz-text-left{text-align:left}.maz-text-center{text-align:center}.maz-text-right{text-align:right}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-base{font-size:1rem;line-height:1.5rem}.maz-text-lg{font-size:1.125rem;line-height:1.75rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-text-xs{font-size:.75rem;line-height:1rem}.maz-font-semibold{font-weight:600}.maz-text-danger-600{color:var(--maz-color-danger-600)}.maz-text-muted{color:var(--maz-color-muted)}.maz-text-normal{color:var(--maz-color-text)}.maz-text-success-600{color:var(--maz-color-success-600)}.maz-text-warning-600{color:var(--maz-color-warning-600)}.maz-text-white{color:var(--maz-color-white)}.maz-outline-none{outline:2px solid transparent;outline-offset:2px}.maz-backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.maz-transition-all{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.maz-transition-transform{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.maz-duration-200{-webkit-transition-duration:.2s;transition-duration:.2s}.maz-ease-in-out{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.maz-ease-linear{-webkit-transition-timing-function:linear;transition-timing-function:linear}.maz-elevation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.05);box-shadow:0 5px 10px 0 rgba(0,0,0,.05)}.maz-flex-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}.first-letter\:maz-capitalize:first-letter{text-transform:capitalize}:is([class~=dark] .dark\:maz-border-color-lighter){border-color:var(--maz-color-bg-lighter)}
package/nuxt/index.json CHANGED
@@ -4,5 +4,5 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^3.0.0"
6
6
  },
7
- "version": "3.28.0"
7
+ "version": "3.28.1"
8
8
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "maz-ui",
3
- "version": "3.28.0",
3
+ "version": "3.28.1",
4
4
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
5
5
  "author": "Louis Mazel <me@loicmazuel.com>",
6
6
  "main": "./modules/index.cjs",
@@ -16,4 +16,7 @@ export const utilities = {
16
16
  'align-items': 'center',
17
17
  'justify-content': 'center',
18
18
  },
19
+ '.cap-f': {
20
+ '@apply first-letter:maz-capitalize': '',
21
+ },
19
22
  }
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
12
12
  };
13
13
  modelValue: {
14
14
  type: NumberConstructor;
15
- required: true;
15
+ default: undefined;
16
16
  };
17
17
  disabled: {
18
18
  type: BooleanConstructor;
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
48
48
  };
49
49
  modelValue: {
50
50
  type: NumberConstructor;
51
- required: true;
51
+ default: undefined;
52
52
  };
53
53
  disabled: {
54
54
  type: BooleanConstructor;
@@ -81,5 +81,6 @@ declare const _default: import("vue").DefineComponent<{
81
81
  max: number;
82
82
  min: number;
83
83
  step: number;
84
+ modelValue: number;
84
85
  }, {}>;
85
86
  export default _default;
@@ -16,4 +16,7 @@ export declare const utilities: {
16
16
  'align-items': string;
17
17
  'justify-content': string;
18
18
  };
19
+ '.cap-f': {
20
+ '@apply first-letter:maz-capitalize': string;
21
+ };
19
22
  };
@@ -1,152 +0,0 @@
1
- import "../assets/MazBtn.css";
2
- import { defineComponent as M, defineAsyncComponent as z, useAttrs as E, useSlots as L, onBeforeMount as R, computed as t, openBlock as o, createBlock as i, resolveDynamicComponent as w, normalizeClass as u, withCtx as A, createElementBlock as v, renderSlot as r, unref as d, createCommentVNode as a, createElementVNode as D } from "vue";
3
- import { _ as N } from "./_plugin-vue_export-helper-hUChTQA_.mjs";
4
- const P = /* @__PURE__ */ M({
5
- __name: "MazBtn",
6
- props: {
7
- variant: {
8
- type: String,
9
- default: "button",
10
- validator: (e) => ["button", "link"].includes(e)
11
- },
12
- size: {
13
- type: String,
14
- default: "md",
15
- validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
16
- },
17
- color: {
18
- type: String,
19
- default: "primary"
20
- },
21
- type: {
22
- type: String,
23
- default: "button",
24
- validator: (e) => ["button", "submit", "reset"].includes(e)
25
- },
26
- rounded: { type: Boolean, default: !1 },
27
- noRounded: { type: Boolean, default: !1 },
28
- outline: { type: Boolean, default: !1 },
29
- pastel: { type: Boolean, default: !1 },
30
- block: { type: Boolean, default: !1 },
31
- noUnderline: { type: Boolean, default: !1 },
32
- noLeading: { type: Boolean, default: !1 },
33
- loading: { type: Boolean, default: !1 },
34
- disabled: { type: Boolean, default: !1 },
35
- fab: { type: Boolean, default: !1 },
36
- icon: { type: String, default: void 0 },
37
- leftIcon: { type: String, default: void 0 },
38
- rightIcon: { type: String, default: void 0 },
39
- noPadding: { type: Boolean, default: !1 },
40
- noElevation: { type: Boolean, default: !1 }
41
- },
42
- setup(e) {
43
- const p = z(() => import("./MazSpinner-GCPS0yJL.mjs")), c = z(() => import("./MazIcon-RrJDzX3V.mjs")), { href: B, to: h } = E(), b = L(), n = e;
44
- R(() => {
45
- n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
46
- });
47
- const f = t(() => B ? "a" : h ? "router-link" : "button"), k = t(
48
- () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
49
- ), m = t(
50
- () => (n.loading || n.disabled) && f.value === "button"
51
- ), I = t(() => m.value ? "--cursor-default" : "--cursor-pointer"), x = t(() => `--is-${n.variant}`), l = t(() => n.loading && n.variant === "button"), y = t(() => !!b["left-icon"] || n.leftIcon), g = t(() => !!b["right-icon"] || n.rightIcon), C = t(() => y.value || g.value), S = t(() => n.fab && n.icon), $ = t(() => f.value === "button" ? n.type : void 0);
52
- return (s, U) => (o(), i(w(f.value), {
53
- disabled: m.value,
54
- class: u(["m-btn", [
55
- `--${e.size}`,
56
- k.value,
57
- I.value,
58
- x.value,
59
- {
60
- "--block": e.block,
61
- "--no-underline": e.noUnderline,
62
- "--no-leading": e.noLeading,
63
- "--fab": e.fab,
64
- "--loading": e.loading,
65
- "--disabled": m.value,
66
- "--icon": C.value,
67
- "--rounded": e.rounded,
68
- "--no-rounded": e.noRounded,
69
- "--no-padding": e.noPadding,
70
- "--no-elevation": e.noElevation
71
- }
72
- ]]),
73
- type: $.value
74
- }, {
75
- default: A(() => [
76
- y.value ? (o(), v(
77
- "div",
78
- {
79
- key: 0,
80
- class: u(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": l.value }])
81
- },
82
- [
83
- r(s.$slots, "left-icon", {}, () => [
84
- e.leftIcon ? (o(), i(d(c), {
85
- key: 0,
86
- name: e.leftIcon
87
- }, null, 8, ["name"])) : a("v-if", !0)
88
- ], !0)
89
- ],
90
- 2
91
- /* CLASS */
92
- )) : a("v-if", !0),
93
- S.value ? (o(), v(
94
- "div",
95
- {
96
- key: 1,
97
- class: u(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": l.value }])
98
- },
99
- [
100
- r(s.$slots, "icon", {}, () => [
101
- e.icon ? (o(), i(d(c), {
102
- key: 0,
103
- name: e.icon
104
- }, null, 8, ["name"])) : a("v-if", !0)
105
- ], !0)
106
- ],
107
- 2
108
- /* CLASS */
109
- )) : a("v-if", !0),
110
- D(
111
- "span",
112
- {
113
- class: u(["maz-flex maz-flex-center", { "maz-invisible": l.value }])
114
- },
115
- [
116
- r(s.$slots, "default", {}, void 0, !0)
117
- ],
118
- 2
119
- /* CLASS */
120
- ),
121
- g.value ? (o(), v(
122
- "div",
123
- {
124
- key: 2,
125
- class: u(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": l.value }])
126
- },
127
- [
128
- r(s.$slots, "right-icon", {}, () => [
129
- e.rightIcon ? (o(), i(d(c), {
130
- key: 0,
131
- name: e.rightIcon
132
- }, null, 8, ["name"])) : a("v-if", !0)
133
- ], !0)
134
- ],
135
- 2
136
- /* CLASS */
137
- )) : a("v-if", !0),
138
- l.value ? (o(), i(d(p), {
139
- key: 3,
140
- size: "2em",
141
- color: e.color,
142
- class: "maz-absolute"
143
- }, null, 8, ["color"])) : a("v-if", !0)
144
- ]),
145
- _: 3
146
- /* FORWARDED */
147
- }, 8, ["disabled", "class", "type"]));
148
- }
149
- }), j = /* @__PURE__ */ N(P, [["__scopeId", "data-v-3f2db58e"]]);
150
- export {
151
- j as default
152
- };
@@ -1,283 +0,0 @@
1
- import "../assets/MazInput.css";
2
- import { computed as n, defineComponent as J, defineAsyncComponent as m, ref as h, getCurrentInstance as K, onMounted as Q, useSlots as W, openBlock as o, createElementBlock as f, normalizeClass as z, normalizeStyle as X, createElementVNode as B, renderSlot as w, createVNode as g, unref as r, createCommentVNode as i, withDirectives as Y, mergeProps as Z, toHandlers as _, vModelDynamic as ee, createTextVNode as te, toDisplayString as ae, createBlock as k, withModifiers as le, withCtx as V } from "vue";
3
- import { _ as ne } from "./_plugin-vue_export-helper-hUChTQA_.mjs";
4
- function oe(e, u) {
5
- let d;
6
- return function(...y) {
7
- clearTimeout(d), d = setTimeout(() => {
8
- e.apply(this, y);
9
- }, u);
10
- };
11
- }
12
- const re = ({
13
- componentName: e,
14
- instance: u,
15
- providedId: d
16
- }) => n(() => d ?? `${e}-${u == null ? void 0 : u.uid}`), ie = {
17
- key: 0,
18
- class: "m-input-wrapper-left"
19
- }, ue = { class: "m-input-wrapper-input" }, de = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"], se = { key: 0 }, ce = {
20
- key: 1,
21
- class: "m-input-wrapper-right"
22
- }, me = /* @__PURE__ */ J({
23
- inheritAttrs: !1,
24
- __name: "MazInput",
25
- props: {
26
- style: {
27
- type: [String, Array, Object],
28
- default: void 0
29
- },
30
- class: {
31
- type: [String, Array, Object],
32
- default: void 0
33
- },
34
- modelValue: {
35
- type: [String, Number, Boolean],
36
- default: void 0
37
- },
38
- placeholder: { type: String, default: void 0 },
39
- color: {
40
- type: String,
41
- default: "primary"
42
- },
43
- label: { type: String, default: void 0 },
44
- name: { type: String, default: "input" },
45
- type: {
46
- type: String,
47
- default: "text",
48
- validator: (e) => [
49
- "text",
50
- "date",
51
- "number",
52
- "tel",
53
- "search",
54
- "url",
55
- "password",
56
- "month",
57
- "time",
58
- "week",
59
- "email"
60
- ].includes(e)
61
- },
62
- required: { type: Boolean, default: !1 },
63
- disabled: { type: Boolean, default: !1 },
64
- readonly: { type: Boolean, default: !1 },
65
- id: { type: String, default: void 0 },
66
- error: { type: Boolean, default: !1 },
67
- success: { type: Boolean, default: !1 },
68
- warning: { type: Boolean, default: !1 },
69
- hint: { type: String, default: void 0 },
70
- inputClasses: { type: String, default: void 0 },
71
- noBorder: { type: Boolean, default: !1 },
72
- noRadius: { type: Boolean, default: !1 },
73
- size: {
74
- type: String,
75
- default: "md",
76
- validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
77
- },
78
- debounce: { type: Boolean, default: !1 },
79
- debounceDelay: { type: Number, default: 500 },
80
- validButton: { type: Boolean, default: !1 },
81
- validButtonLoading: { type: Boolean, default: !1 },
82
- autoFocus: { type: Boolean, default: !1 },
83
- borderActive: { type: Boolean, default: !1 },
84
- leftIcon: { type: String, default: void 0 },
85
- rightIcon: { type: String, default: void 0 }
86
- },
87
- emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
88
- setup(e, { emit: u }) {
89
- const d = m(() => import("./MazBtn-tjMMZdlj.mjs")), y = m(() => import("./MazIcon-RrJDzX3V.mjs")), $ = m(() => import("./eye-slash-UoWe3WK1.mjs")), C = m(() => import("./eye-3jm1b22X.mjs")), M = m(() => import("./check-JxWJRZYz.mjs")), t = e, s = u, v = h(!1), c = h(!1), x = h(), q = K(), A = re({
90
- componentName: "MazInput",
91
- instance: q,
92
- providedId: t.id
93
- });
94
- Q(() => {
95
- var a;
96
- t.autoFocus && ((a = x.value) == null || a.focus());
97
- });
98
- const I = n(() => t.type === "password"), N = n(() => v.value ? "text" : t.type), P = n(() => {
99
- if (!t.noBorder) {
100
- if (t.error)
101
- return "maz-border-danger";
102
- if (t.success)
103
- return "maz-border-success";
104
- if (t.warning)
105
- return "maz-border-warning";
106
- if (c.value || t.borderActive) {
107
- if (t.color === "black")
108
- return "maz-border-black";
109
- if (t.color === "danger")
110
- return "maz-border-danger";
111
- if (t.color === "info")
112
- return "maz-border-info";
113
- if (t.color === "primary")
114
- return "maz-border-primary";
115
- if (t.color === "secondary")
116
- return "maz-border-secondary";
117
- if (t.color === "success")
118
- return "maz-border-success";
119
- if (t.color === "warning")
120
- return "maz-border-warning";
121
- if (t.color === "white")
122
- return "maz-border-white";
123
- }
124
- return "--default-border";
125
- }
126
- }), p = W(), D = n(() => {
127
- const { required: a, placeholder: l } = t;
128
- if (l)
129
- return a ? `${l} *` : l;
130
- }), E = n(() => t.modelValue !== void 0 && t.modelValue !== ""), S = n({
131
- get: () => t.modelValue,
132
- set: (a) => G(a)
133
- }), T = n(() => (!!t.label || !!t.hint) && (c.value || !!E.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), L = n(() => !!t.label || !!t.hint), F = () => !!p["right-icon"] || I.value || !!p["valid-button"] || t.validButton || !!t.rightIcon, O = () => !!p["left-icon"] || !!t.leftIcon, R = (a) => {
134
- s("focus", a), c.value = !0;
135
- }, U = (a) => {
136
- s("blur", a), c.value = !1;
137
- }, j = (a) => s("change", a), H = oe((a) => {
138
- s("update:model-value", a);
139
- }, t.debounceDelay), G = (a) => {
140
- if (t.debounce)
141
- return H(a);
142
- s("update:model-value", a);
143
- };
144
- return (a, l) => (o(), f(
145
- "div",
146
- {
147
- class: z(["m-input", [
148
- {
149
- "--is-focused": c.value || e.borderActive,
150
- "--should-up": T.value,
151
- "--has-label": L.value,
152
- "--is-disabled": e.disabled,
153
- "--is-readonly": e.readonly,
154
- "--has-z-2": e.error || e.warning || e.success,
155
- "--has-state": e.error || e.warning || e.success
156
- },
157
- t.class,
158
- `--${e.color}`,
159
- `--${e.size}`
160
- ]]),
161
- style: X(e.style)
162
- },
163
- [
164
- B(
165
- "div",
166
- {
167
- class: z(["m-input-wrapper", [e.inputClasses, P.value, { "maz-rounded": !e.noRadius }]])
168
- },
169
- [
170
- O() ? (o(), f("div", ie, [
171
- a.$slots["left-icon"] || e.leftIcon ? w(a.$slots, "left-icon", { key: 0 }, () => [
172
- g(r(y), {
173
- name: e.leftIcon,
174
- class: "maz-text-xl maz-text-muted"
175
- }, null, 8, ["name"])
176
- ], !0) : i("v-if", !0)
177
- ])) : i("v-if", !0),
178
- B("div", ue, [
179
- Y(B("input", Z({
180
- id: r(A),
181
- ref_key: "input",
182
- ref: x,
183
- "onUpdate:modelValue": l[0] || (l[0] = (b) => S.value = b),
184
- type: N.value,
185
- name: e.name
186
- }, a.$attrs, {
187
- placeholder: D.value,
188
- "aria-label": e.label || e.placeholder,
189
- disabled: e.disabled,
190
- readonly: e.readonly,
191
- required: e.required,
192
- class: "m-input-input"
193
- }, _({
194
- blur: U,
195
- focus: R,
196
- change: j
197
- }, !0), {
198
- onClick: l[1] || (l[1] = (b) => a.$emit("click", b))
199
- }), null, 16, de), [
200
- [ee, S.value]
201
- ]),
202
- e.label || e.hint ? (o(), f(
203
- "span",
204
- {
205
- key: 0,
206
- ref: "label",
207
- class: z(["m-input-label", [
208
- {
209
- "maz-text-danger-600": e.error,
210
- "maz-text-success-600": e.success,
211
- "maz-text-warning-600": e.warning
212
- }
213
- ]])
214
- },
215
- [
216
- te(
217
- ae(e.hint || e.label) + " ",
218
- 1
219
- /* TEXT */
220
- ),
221
- e.required ? (o(), f("sup", se, "*")) : i("v-if", !0)
222
- ],
223
- 2
224
- /* CLASS */
225
- )) : i("v-if", !0)
226
- ]),
227
- F() ? (o(), f("div", ce, [
228
- a.$slots["right-icon"] || e.rightIcon ? w(a.$slots, "right-icon", { key: 0 }, () => [
229
- g(r(y), {
230
- name: e.rightIcon,
231
- class: "maz-text-xl maz-text-muted"
232
- }, null, 8, ["name"])
233
- ], !0) : i("v-if", !0),
234
- I.value ? (o(), k(r(d), {
235
- key: 1,
236
- color: "transparent",
237
- tabindex: "-1",
238
- size: "mini",
239
- onClick: l[2] || (l[2] = le((b) => v.value = !v.value, ["stop"]))
240
- }, {
241
- default: V(() => [
242
- v.value ? (o(), k(r($), {
243
- key: 0,
244
- class: "maz-text-xl maz-text-muted"
245
- })) : (o(), k(r(C), {
246
- key: 1,
247
- class: "maz-text-xl maz-text-muted"
248
- }))
249
- ]),
250
- _: 1
251
- /* STABLE */
252
- })) : i("v-if", !0),
253
- a.$slots["valid-button"] || e.validButton ? w(a.$slots, "valid-button", { key: 2 }, () => [
254
- g(r(d), {
255
- color: "transparent",
256
- disabled: e.disabled,
257
- tabindex: "-1",
258
- loading: e.validButtonLoading,
259
- class: "m-input-valid-button",
260
- size: "mini",
261
- type: "submit"
262
- }, {
263
- default: V(() => [
264
- g(r(M), { class: "maz-text-2xl maz-text-normal" })
265
- ]),
266
- _: 1
267
- /* STABLE */
268
- }, 8, ["disabled", "loading"])
269
- ], !0) : i("v-if", !0)
270
- ])) : i("v-if", !0)
271
- ],
272
- 2
273
- /* CLASS */
274
- )
275
- ],
276
- 6
277
- /* CLASS, STYLE */
278
- ));
279
- }
280
- }), be = /* @__PURE__ */ ne(me, [["__scopeId", "data-v-acaa27d2"]]);
281
- export {
282
- be as default
283
- };
@@ -1,9 +0,0 @@
1
- const s = (t, r) => {
2
- const o = t.__vccOpts || t;
3
- for (const [c, e] of r)
4
- o[c] = e;
5
- return o;
6
- };
7
- export {
8
- s as _
9
- };
@@ -1,30 +0,0 @@
1
- import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
2
- const n = {
3
- xmlns: "http://www.w3.org/2000/svg",
4
- width: "1em",
5
- height: "1em",
6
- fill: "none",
7
- viewBox: "0 0 24 24"
8
- }, r = /* @__PURE__ */ o(
9
- "path",
10
- {
11
- stroke: "currentColor",
12
- "stroke-linecap": "round",
13
- "stroke-linejoin": "round",
14
- "stroke-width": "1.5",
15
- d: "M19.5 12h-15"
16
- },
17
- null,
18
- -1
19
- /* HOISTED */
20
- ), s = [
21
- r
22
- ];
23
- function c(i, l) {
24
- return e(), t("svg", n, [...s]);
25
- }
26
- const h = { render: c };
27
- export {
28
- h as default,
29
- c as render
30
- };
@@ -1,30 +0,0 @@
1
- import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
2
- const n = {
3
- xmlns: "http://www.w3.org/2000/svg",
4
- width: "1em",
5
- height: "1em",
6
- fill: "none",
7
- viewBox: "0 0 24 24"
8
- }, r = /* @__PURE__ */ o(
9
- "path",
10
- {
11
- stroke: "currentColor",
12
- "stroke-linecap": "round",
13
- "stroke-linejoin": "round",
14
- "stroke-width": "1.5",
15
- d: "M12 4.5v15m7.5-7.5h-15"
16
- },
17
- null,
18
- -1
19
- /* HOISTED */
20
- ), s = [
21
- r
22
- ];
23
- function c(l, i) {
24
- return e(), t("svg", n, [...s]);
25
- }
26
- const h = { render: c };
27
- export {
28
- h as default,
29
- c as render
30
- };