maz-ui 4.1.7-beta.4 → 4.1.7-beta.6

package/dist/css/main.css

@@ -1 +1 @@
-@layer maz-ui-reset, maz-ui-theme, maz-ui-animations, maz-ui-utilities;@layer maz-ui-reset{.m-reset-css,.m-reset-css *,.m-reset-css:after,.m-reset-css:before{border:0 solid;box-sizing:border-box}.m-reset-css button,.m-reset-css:is(button){background-color:inherit;padding:inherit}.m-reset-css button,.m-reset-css input,.m-reset-css optgroup,.m-reset-css select,.m-reset-css textarea,.m-reset-css:is(button),.m-reset-css:is(input),.m-reset-css:is(optgroup),.m-reset-css:is(select),.m-reset-css:is(textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0}}@layer maz-ui-utilities{: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 (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)}}}@layer maz-ui-animations{.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-leave-active{opacity:1;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{opacity:1;transform:scale(1);transition:all .5s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;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;transition:all .2s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;transform:translateY(0);transition:all .2s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;transform:translateY(0);transition:all .2s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;transform:translateX(0);transition:all .2s ease-in-out}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;transform:translateX(-100%);transition:all .2s ease-in-out}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;transform:translateX(0);transition:transform .2s,opacity .2s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;transition:all .2s ease-in-out;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{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;transform:translate(-100%)}.maz-tab-reverse-transition-enter-from{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;transform:translate(100%)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}}*,:after,:before{--maz-tw-border-spacing-x:0;--maz-tw-border-spacing-y:0;--maz-tw-translate-x:0;--maz-tw-translate-y:0;--maz-tw-rotate:0;--maz-tw-skew-x:0;--maz-tw-skew-y:0;--maz-tw-scale-x:1;--maz-tw-scale-y:1;--maz-tw-pan-x: ;--maz-tw-pan-y: ;--maz-tw-pinch-zoom: ;--maz-tw-scroll-snap-strictness:proximity;--maz-tw-gradient-from-position: ;--maz-tw-gradient-via-position: ;--maz-tw-gradient-to-position: ;--maz-tw-ordinal: ;--maz-tw-slashed-zero: ;--maz-tw-numeric-figure: ;--maz-tw-numeric-spacing: ;--maz-tw-numeric-fraction: ;--maz-tw-ring-inset: ;--maz-tw-ring-offset-width:0px;--maz-tw-ring-offset-color:#fff;--maz-tw-ring-color:rgba(59,130,246,.5);--maz-tw-ring-offset-shadow:0 0 #0000;--maz-tw-ring-shadow:0 0 #0000;--maz-tw-shadow:0 0 #0000;--maz-tw-shadow-colored:0 0 #0000;--maz-tw-blur: ;--maz-tw-brightness: ;--maz-tw-contrast: ;--maz-tw-grayscale: ;--maz-tw-hue-rotate: ;--maz-tw-invert: ;--maz-tw-saturate: ;--maz-tw-sepia: ;--maz-tw-drop-shadow: ;--maz-tw-backdrop-blur: ;--maz-tw-backdrop-brightness: ;--maz-tw-backdrop-contrast: ;--maz-tw-backdrop-grayscale: ;--maz-tw-backdrop-hue-rotate: ;--maz-tw-backdrop-invert: ;--maz-tw-backdrop-opacity: ;--maz-tw-backdrop-saturate: ;--maz-tw-backdrop-sepia: ;--maz-tw-contain-size: ;--maz-tw-contain-layout: ;--maz-tw-contain-paint: ;--maz-tw-contain-style: }::backdrop{--maz-tw-border-spacing-x:0;--maz-tw-border-spacing-y:0;--maz-tw-translate-x:0;--maz-tw-translate-y:0;--maz-tw-rotate:0;--maz-tw-skew-x:0;--maz-tw-skew-y:0;--maz-tw-scale-x:1;--maz-tw-scale-y:1;--maz-tw-pan-x: ;--maz-tw-pan-y: ;--maz-tw-pinch-zoom: ;--maz-tw-scroll-snap-strictness:proximity;--maz-tw-gradient-from-position: ;--maz-tw-gradient-via-position: ;--maz-tw-gradient-to-position: ;--maz-tw-ordinal: ;--maz-tw-slashed-zero: ;--maz-tw-numeric-figure: ;--maz-tw-numeric-spacing: ;--maz-tw-numeric-fraction: ;--maz-tw-ring-inset: ;--maz-tw-ring-offset-width:0px;--maz-tw-ring-offset-color:#fff;--maz-tw-ring-color:rgba(59,130,246,.5);--maz-tw-ring-offset-shadow:0 0 #0000;--maz-tw-ring-shadow:0 0 #0000;--maz-tw-shadow:0 0 #0000;--maz-tw-shadow-colored:0 0 #0000;--maz-tw-blur: ;--maz-tw-brightness: ;--maz-tw-contrast: ;--maz-tw-grayscale: ;--maz-tw-hue-rotate: ;--maz-tw-invert: ;--maz-tw-saturate: ;--maz-tw-sepia: ;--maz-tw-drop-shadow: ;--maz-tw-backdrop-blur: ;--maz-tw-backdrop-brightness: ;--maz-tw-backdrop-contrast: ;--maz-tw-backdrop-grayscale: ;--maz-tw-backdrop-hue-rotate: ;--maz-tw-backdrop-invert: ;--maz-tw-backdrop-opacity: ;--maz-tw-backdrop-saturate: ;--maz-tw-backdrop-sepia: ;--maz-tw-contain-size: ;--maz-tw-contain-layout: ;--maz-tw-contain-paint: ;--maz-tw-contain-style: }.maz-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.maz-invisible{visibility:hidden}.\!maz-absolute{position:absolute!important}.maz-relative{position:relative}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-ml-2{margin-left:.5rem}.maz-flex{display:flex}.maz-inline-flex{display:inline-flex}.maz-table{display:table}.maz-hidden{display:none}.maz-size-5{height:1.25rem;width:1.25rem}.maz-size-6{height:1.5rem;width:1.5rem}.maz-size-8{height:2rem;width:2rem}.maz-size-full{height:100%;width:100%}.maz-h-5{height:1.25rem}.maz-h-full{height:100%}.maz-w-5{width:1.25rem}.maz-w-full{width:100%}.maz-min-w-0{min-width:0}.maz-max-w-full{max-width:100%}.maz-max-w-xs{max-width:20rem}.maz-flex-1{flex:1 1 0%}.maz-flex-none{flex:none}.-maz-rotate-180{--maz-tw-rotate:-180deg}.-maz-rotate-180,.maz-rotate-180{transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y)) rotate(var(--maz-tw-rotate)) skewX(var(--maz-tw-skew-x)) skewY(var(--maz-tw-skew-y)) scaleX(var(--maz-tw-scale-x)) scaleY(var(--maz-tw-scale-y))}.maz-rotate-180{--maz-tw-rotate:180deg}.maz-flex-col{flex-direction:column}.maz-items-center{align-items:center}.maz-justify-end{justify-content:flex-end}.maz-justify-between{justify-content:space-between}.maz-gap-2{gap:.5rem}.maz-space-x-2>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--maz-tw-space-x-reverse)));margin-right:calc(.5rem*var(--maz-tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis}.maz-truncate,.maz-whitespace-nowrap{white-space:nowrap}.maz-whitespace-pre-wrap{white-space:pre-wrap}.maz-break-words{overflow-wrap:break-word}.maz-rounded{border-radius:var(--maz-radius)}.maz-rounded-xl{border-radius:calc(var(--maz-radius) + 8px)}.maz-rounded-t{border-top-left-radius:var(--maz-radius);border-top-right-radius:var(--maz-radius)}.maz-border{border-width:var(--maz-border-width)}.maz-border-b{border-bottom-width:var(--maz-border-width)}.maz-border-t{border-top-width:var(--maz-border-width)}.maz-border-solid{border-style:solid}.\!maz-border-destructive{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1))!important}.\!maz-border-success{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-success)/var(--maz-tw-border-opacity,1))!important}.\!maz-border-warning{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-warning)/var(--maz-tw-border-opacity,1))!important}.maz-border-accent{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent)/var(--maz-tw-border-opacity,1))}.maz-border-contrast{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast)/var(--maz-tw-border-opacity,1))}.maz-border-destructive{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1))}.maz-border-divider{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.maz-border-info{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info)/var(--maz-tw-border-opacity,1))}.maz-border-primary{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary)/var(--maz-tw-border-opacity,1))}.maz-border-secondary{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary)/var(--maz-tw-border-opacity,1))}.maz-border-success{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success)/var(--maz-tw-border-opacity,1))}.maz-border-transparent{border-color:transparent}.maz-border-warning{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning)/var(--maz-tw-border-opacity,1))}.maz-bg-contrast-foreground{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-bg-opacity,1))}.maz-bg-destructive-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-700)/var(--maz-tw-bg-opacity,1))}.maz-bg-info-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info-700)/var(--maz-tw-bg-opacity,1))}.maz-bg-success-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success-700)/var(--maz-tw-bg-opacity,1))}.maz-bg-warning-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning-700)/var(--maz-tw-bg-opacity,1))}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-text-center{text-align:center}.maz-text-start{text-align:start}.maz-text-end{text-align:end}.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-destructive-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))!important}.\!maz-text-success-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))!important}.\!maz-text-warning-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))!important}.maz-text-destructive-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.maz-text-foreground{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.maz-text-muted{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.maz-text-success-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.maz-text-warning-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.maz-shadow-elevation{--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored)}.maz-drop-shadow-md{--maz-tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));filter:var(--maz-tw-blur) var(--maz-tw-brightness) var(--maz-tw-contrast) var(--maz-tw-grayscale) var(--maz-tw-hue-rotate) var(--maz-tw-invert) var(--maz-tw-saturate) var(--maz-tw-sepia) var(--maz-tw-drop-shadow)}.maz-flex-center{align-items:center;justify-content:center}.maz-padded-container{padding-inline:var(--maz-container-padding);width:100%}.maz-group:hover .group-hover\:maz-block{display:block}@media (min-width:640px){.tab-s\:maz-block{display:block}}
+@layer maz-ui-reset, maz-ui-theme, maz-ui-animations, maz-ui-utilities;@layer maz-ui-reset{.m-reset-css,.m-reset-css *,.m-reset-css:after,.m-reset-css:before{border:0 solid;box-sizing:border-box}.m-reset-css button,.m-reset-css:is(button){background-color:inherit;padding:inherit}.m-reset-css button,.m-reset-css input,.m-reset-css optgroup,.m-reset-css select,.m-reset-css textarea,.m-reset-css:is(button),.m-reset-css:is(input),.m-reset-css:is(optgroup),.m-reset-css:is(select),.m-reset-css:is(textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0}}@layer maz-ui-utilities{: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 (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)}}}@layer maz-ui-animations{.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-leave-active{opacity:1;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{opacity:1;transform:scale(1);transition:all .5s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;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;transition:all .2s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;transform:translateY(0);transition:all .2s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;transform:translateY(0);transition:all .2s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;transform:translateX(0);transition:all .2s ease-in-out}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;transform:translateX(-100%);transition:all .2s ease-in-out}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;transform:translateX(0);transition:transform .2s,opacity .2s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;transition:all .2s ease-in-out;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{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;transform:translate(-100%)}.maz-tab-reverse-transition-enter-from{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;transform:translate(100%)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}}*,:after,:before{--maz-tw-border-spacing-x:0;--maz-tw-border-spacing-y:0;--maz-tw-translate-x:0;--maz-tw-translate-y:0;--maz-tw-rotate:0;--maz-tw-skew-x:0;--maz-tw-skew-y:0;--maz-tw-scale-x:1;--maz-tw-scale-y:1;--maz-tw-pan-x: ;--maz-tw-pan-y: ;--maz-tw-pinch-zoom: ;--maz-tw-scroll-snap-strictness:proximity;--maz-tw-gradient-from-position: ;--maz-tw-gradient-via-position: ;--maz-tw-gradient-to-position: ;--maz-tw-ordinal: ;--maz-tw-slashed-zero: ;--maz-tw-numeric-figure: ;--maz-tw-numeric-spacing: ;--maz-tw-numeric-fraction: ;--maz-tw-ring-inset: ;--maz-tw-ring-offset-width:0px;--maz-tw-ring-offset-color:#fff;--maz-tw-ring-color:rgba(59,130,246,.5);--maz-tw-ring-offset-shadow:0 0 #0000;--maz-tw-ring-shadow:0 0 #0000;--maz-tw-shadow:0 0 #0000;--maz-tw-shadow-colored:0 0 #0000;--maz-tw-blur: ;--maz-tw-brightness: ;--maz-tw-contrast: ;--maz-tw-grayscale: ;--maz-tw-hue-rotate: ;--maz-tw-invert: ;--maz-tw-saturate: ;--maz-tw-sepia: ;--maz-tw-drop-shadow: ;--maz-tw-backdrop-blur: ;--maz-tw-backdrop-brightness: ;--maz-tw-backdrop-contrast: ;--maz-tw-backdrop-grayscale: ;--maz-tw-backdrop-hue-rotate: ;--maz-tw-backdrop-invert: ;--maz-tw-backdrop-opacity: ;--maz-tw-backdrop-saturate: ;--maz-tw-backdrop-sepia: ;--maz-tw-contain-size: ;--maz-tw-contain-layout: ;--maz-tw-contain-paint: ;--maz-tw-contain-style: }::backdrop{--maz-tw-border-spacing-x:0;--maz-tw-border-spacing-y:0;--maz-tw-translate-x:0;--maz-tw-translate-y:0;--maz-tw-rotate:0;--maz-tw-skew-x:0;--maz-tw-skew-y:0;--maz-tw-scale-x:1;--maz-tw-scale-y:1;--maz-tw-pan-x: ;--maz-tw-pan-y: ;--maz-tw-pinch-zoom: ;--maz-tw-scroll-snap-strictness:proximity;--maz-tw-gradient-from-position: ;--maz-tw-gradient-via-position: ;--maz-tw-gradient-to-position: ;--maz-tw-ordinal: ;--maz-tw-slashed-zero: ;--maz-tw-numeric-figure: ;--maz-tw-numeric-spacing: ;--maz-tw-numeric-fraction: ;--maz-tw-ring-inset: ;--maz-tw-ring-offset-width:0px;--maz-tw-ring-offset-color:#fff;--maz-tw-ring-color:rgba(59,130,246,.5);--maz-tw-ring-offset-shadow:0 0 #0000;--maz-tw-ring-shadow:0 0 #0000;--maz-tw-shadow:0 0 #0000;--maz-tw-shadow-colored:0 0 #0000;--maz-tw-blur: ;--maz-tw-brightness: ;--maz-tw-contrast: ;--maz-tw-grayscale: ;--maz-tw-hue-rotate: ;--maz-tw-invert: ;--maz-tw-saturate: ;--maz-tw-sepia: ;--maz-tw-drop-shadow: ;--maz-tw-backdrop-blur: ;--maz-tw-backdrop-brightness: ;--maz-tw-backdrop-contrast: ;--maz-tw-backdrop-grayscale: ;--maz-tw-backdrop-hue-rotate: ;--maz-tw-backdrop-invert: ;--maz-tw-backdrop-opacity: ;--maz-tw-backdrop-saturate: ;--maz-tw-backdrop-sepia: ;--maz-tw-contain-size: ;--maz-tw-contain-layout: ;--maz-tw-contain-paint: ;--maz-tw-contain-style: }.maz-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.maz-invisible{visibility:hidden}.\!maz-absolute{position:absolute!important}.maz-relative{position:relative}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-ms-2{margin-inline-start:.5rem}.maz-flex{display:flex}.maz-inline-flex{display:inline-flex}.maz-table{display:table}.maz-hidden{display:none}.maz-size-5{height:1.25rem;width:1.25rem}.maz-size-6{height:1.5rem;width:1.5rem}.maz-size-8{height:2rem;width:2rem}.maz-size-full{height:100%;width:100%}.maz-h-5{height:1.25rem}.maz-h-full{height:100%}.maz-w-5{width:1.25rem}.maz-w-full{width:100%}.maz-min-w-0{min-width:0}.maz-max-w-full{max-width:100%}.maz-max-w-xs{max-width:20rem}.maz-flex-1{flex:1 1 0%}.maz-flex-none{flex:none}.-maz-rotate-180{--maz-tw-rotate:-180deg}.-maz-rotate-180,.maz-rotate-180{transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y)) rotate(var(--maz-tw-rotate)) skewX(var(--maz-tw-skew-x)) skewY(var(--maz-tw-skew-y)) scaleX(var(--maz-tw-scale-x)) scaleY(var(--maz-tw-scale-y))}.maz-rotate-180{--maz-tw-rotate:180deg}.maz-flex-col{flex-direction:column}.maz-items-center{align-items:center}.maz-justify-end{justify-content:flex-end}.maz-justify-between{justify-content:space-between}.maz-gap-2{gap:.5rem}.maz-space-x-2>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--maz-tw-space-x-reverse)));margin-right:calc(.5rem*var(--maz-tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis}.maz-truncate,.maz-whitespace-nowrap{white-space:nowrap}.maz-whitespace-pre-wrap{white-space:pre-wrap}.maz-break-words{overflow-wrap:break-word}.maz-rounded{border-radius:var(--maz-radius)}.maz-rounded-xl{border-radius:calc(var(--maz-radius) + 8px)}.maz-rounded-t{border-top-left-radius:var(--maz-radius);border-top-right-radius:var(--maz-radius)}.maz-border{border-width:var(--maz-border-width)}.maz-border-b{border-bottom-width:var(--maz-border-width)}.maz-border-t{border-top-width:var(--maz-border-width)}.maz-border-solid{border-style:solid}.\!maz-border-destructive{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1))!important}.\!maz-border-success{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-success)/var(--maz-tw-border-opacity,1))!important}.\!maz-border-warning{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-warning)/var(--maz-tw-border-opacity,1))!important}.maz-border-accent{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent)/var(--maz-tw-border-opacity,1))}.maz-border-contrast{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast)/var(--maz-tw-border-opacity,1))}.maz-border-destructive{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1))}.maz-border-divider{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.maz-border-info{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info)/var(--maz-tw-border-opacity,1))}.maz-border-primary{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary)/var(--maz-tw-border-opacity,1))}.maz-border-secondary{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary)/var(--maz-tw-border-opacity,1))}.maz-border-success{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success)/var(--maz-tw-border-opacity,1))}.maz-border-transparent{border-color:transparent}.maz-border-warning{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning)/var(--maz-tw-border-opacity,1))}.maz-bg-contrast-foreground{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-bg-opacity,1))}.maz-bg-destructive-800{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-800)/var(--maz-tw-bg-opacity,1))}.maz-bg-info-800{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info-800)/var(--maz-tw-bg-opacity,1))}.maz-bg-success-800{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success-800)/var(--maz-tw-bg-opacity,1))}.maz-bg-warning-800{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning-800)/var(--maz-tw-bg-opacity,1))}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-text-center{text-align:center}.maz-text-start{text-align:start}.maz-text-end{text-align:end}.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-destructive-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))!important}.\!maz-text-success-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))!important}.\!maz-text-warning-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))!important}.maz-text-destructive-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.maz-text-foreground{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.maz-text-muted{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.maz-text-success-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.maz-text-warning-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.maz-shadow-elevation{--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored)}.maz-drop-shadow-md{--maz-tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));filter:var(--maz-tw-blur) var(--maz-tw-brightness) var(--maz-tw-contrast) var(--maz-tw-grayscale) var(--maz-tw-hue-rotate) var(--maz-tw-invert) var(--maz-tw-saturate) var(--maz-tw-sepia) var(--maz-tw-drop-shadow)}.maz-flex-center{align-items:center;justify-content:center}.maz-padded-container{padding-inline:var(--maz-container-padding);width:100%}.maz-group:hover .group-hover\:maz-block{display:block}@media (min-width:640px){.tab-s\:maz-block{display:block}}

package/dist/directives/index.js

@@ -3,7 +3,7 @@ import { vFullscreenImgInstall } from "./vFullscreenImg.js";
 import { vLazyImgInstall } from "./vLazyImg.js";
 import { vTooltip, vTooltipInstall } from "./vTooltip.js";
 import { vZoomImg, vZoomImgInstall } from "./vZoomImg.js";
-import { d as d2 } from "../chunks/fullscreen-img.directive.B8ESs0MK.js";
+import { d as d2 } from "../chunks/fullscreen-img.directive.e2KyfwYA.js";
 import { d as d3 } from "../chunks/lazy-img.directive.BLFnGqQa.js";
 export {
   d as vClickOutside,

package/dist/directives/vFullscreenImg.js

@@ -1,4 +1,4 @@
-import { d as directive } from "../chunks/fullscreen-img.directive.B8ESs0MK.js";
+import { d as directive } from "../chunks/fullscreen-img.directive.e2KyfwYA.js";
 const plugin = {
   install(app) {
     app.directive("fullscreen-img", directive);

package/dist/plugins/aos.d.ts

@@ -58,7 +58,7 @@ export declare class AosHandler {
     runAnimations(): Promise<void> | undefined;
 }
 export declare const AosPlugin: Plugin<[AosOptions?]>;
-declare module '@vue/runtime-core' {
+declare module 'vue' {
     interface ComponentCustomProperties {
         /**
          * Aos handler instance

package/dist/plugins/dialog.d.ts

@@ -1,7 +1,7 @@
 import { Plugin } from 'vue';
 import { DialogOptions, DialogHandler } from './dialog/DialogHandler';
 export declare const DialogPlugin: Plugin<[DialogOptions?]>;
-declare module '@vue/runtime-core' {
+declare module 'vue' {
     interface ComponentCustomProperties {
         /**
          * Dialog handler instance

package/dist/plugins/maz-ui.js

@@ -1,5 +1,8 @@
-import { reactive } from "vue";
+import { ref, watch, onMounted, computed, toValue } from "vue";
 import { MazUiTranslations } from "@maz-ui/translations";
+function isServer() {
+  return typeof document > "u" || typeof globalThis.window > "u";
+}
 function parseHSL(hsl) {
   const match = hsl.match(/^(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%$/);
   if (!match)
@@ -81,82 +84,69 @@ const DEFAULT_CRITICAL_COLORS = [
   "base-font-size",
   "border-width"
 ], scaleColors = ["primary", "secondary", "accent", "destructive", "success", "warning", "info", "contrast", "background", "foreground", "border", "muted", "overlay", "shadow"];
-function generateCriticalCSS(preset, options = {
+function generateCSS(preset, options = {
+  onlyCritical: !1,
   mode: "both",
-  darkSelectorStrategy: "class"
+  darkSelectorStrategy: "class",
+  darkClass: "dark"
 }) {
   const {
+    onlyCritical = !1,
     criticalColors = DEFAULT_CRITICAL_COLORS,
     criticalFoundation = DEFAULT_CRITICAL_FOUNDATION,
     mode,
     darkSelectorStrategy,
-    prefix = "maz"
-  } = options, foundationCritical = extractCriticalFoundation(preset.foundation, criticalFoundation);
+    prefix = "maz",
+    includeColorScales = !0,
+    darkClass = "dark"
+  } = options;
   let css = `@layer maz-ui-theme {
 `;
-  if (mode === "light" || mode === "both") {
-    const lightCritical = extractCriticalVariables(preset.colors.light, criticalColors);
-    css += generateVariablesBlock({
-      selector: ":root",
-      colors: lightCritical,
-      foundation: foundationCritical,
-      prefix
-    });
-  }
-  if (mode === "dark" || mode === "both") {
-    const darkCritical = extractCriticalVariables(preset.colors.dark, criticalColors);
-    css += generateVariablesBlock({
-      selector: darkSelectorStrategy === "media" ? ":root" : ".dark",
-      mediaQuery: darkSelectorStrategy === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
-      colors: darkCritical,
-      foundation: foundationCritical,
-      prefix
-    });
-  }
-  return css += `}
-`, css;
-}
-function generateFullCSS(preset, options = {
-  mode: "both",
-  darkSelectorStrategy: "class"
-}) {
-  const {
-    excludeCritical = DEFAULT_CRITICAL_COLORS,
+  return (mode === "light" || mode === "both") && (css += generateLightThemeVariables(preset, {
+    onlyCritical,
+    criticalColors,
+    criticalFoundation,
+    prefix,
+    includeColorScales
+  })), (mode === "dark" || mode === "both") && (css += generateDarkThemeVariables(preset, {
+    onlyCritical,
+    criticalColors,
+    criticalFoundation,
     mode,
     darkSelectorStrategy,
-    prefix = "maz",
-    includeColorScales = !0
-  } = options, foundation = excludeFoundationVariables(preset.foundation, DEFAULT_CRITICAL_FOUNDATION);
-  let css = `@layer maz-ui-theme {
-`;
-  if (mode === "light" || mode === "both") {
-    const lightColors = excludeVariables(preset.colors.light, excludeCritical);
-    css += generateVariablesBlock({
-      selector: ":root",
-      colors: lightColors,
-      foundation,
-      prefix,
-      includeScales: includeColorScales,
-      preset
-    });
-  }
-  if (mode === "dark" || mode === "both") {
-    const darkColors = excludeVariables(preset.colors.dark, excludeCritical);
-    css += generateVariablesBlock({
-      selector: darkSelectorStrategy === "media" ? ":root" : ".dark",
-      mediaQuery: darkSelectorStrategy === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
-      colors: darkColors,
-      foundation: mode === "dark" ? foundation : void 0,
-      // Appearance only if dark mode only
-      prefix,
-      includeScales: includeColorScales,
-      preset,
-      isDark: !0
-    });
-  }
-  return css += `}
+    prefix,
+    includeColorScales,
+    darkClass
+  })), css += `}
 `, css;
 }
+function generateLightThemeVariables(preset, options) {
+  const { onlyCritical, criticalColors, criticalFoundation, prefix, includeColorScales } = options, lightColors = onlyCritical ? extractCriticalVariables(preset.colors.light, criticalColors) : preset.colors.light, lightFoundation = onlyCritical ? extractCriticalFoundation(preset.foundation, criticalFoundation) : preset.foundation;
+  return generateVariablesBlock({
+    selector: ":root",
+    colors: lightColors,
+    foundation: lightFoundation,
+    prefix,
+    includeScales: !onlyCritical && includeColorScales,
+    preset: onlyCritical ? void 0 : preset
+  });
+}
+function generateDarkThemeVariables(preset, options) {
+  const { onlyCritical, criticalColors, criticalFoundation, mode, darkSelectorStrategy, prefix, includeColorScales, darkClass } = options, darkColors = onlyCritical ? extractCriticalVariables(preset.colors.dark, criticalColors) : preset.colors.dark, darkFoundation = getDarkFoundation(onlyCritical, mode, preset.foundation, criticalFoundation);
+  return generateVariablesBlock({
+    selector: darkSelectorStrategy === "media" ? ":root" : `.${darkClass}`,
+    mediaQuery: darkSelectorStrategy === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
+    colors: darkColors,
+    foundation: darkFoundation,
+    prefix,
+    includeScales: !onlyCritical && includeColorScales,
+    preset: onlyCritical ? void 0 : preset,
+    isDark: !0
+  });
+}
+function getDarkFoundation(onlyCritical, mode, foundation, criticalFoundation) {
+  return onlyCritical ? extractCriticalFoundation(foundation, criticalFoundation) : mode === "dark" ? foundation : void 0;
+}
 function extractCriticalVariables(colors, criticalKeys) {
   return Object.fromEntries(
     criticalKeys.filter((key) => colors[key]).map((key) => [key, colors[key]])
@@ -167,16 +157,6 @@ function extractCriticalFoundation(foundation, criticalKeys) {
     criticalKeys.filter((key) => foundation[key]).map((key) => [key, foundation[key]])
   ) : {};
 }
-function excludeVariables(colors, excludeKeys) {
-  return Object.fromEntries(
-    Object.entries(colors).filter(([key]) => !excludeKeys.includes(key))
-  );
-}
-function excludeFoundationVariables(foundation, excludeKeys) {
-  return foundation ? Object.fromEntries(
-    Object.entries(foundation).filter(([key]) => !excludeKeys.includes(key))
-  ) : {};
-}
 function generateVariablesBlock({
   selector,
   mediaQuery,
@@ -222,9 +202,9 @@ function generateAllColorScales(colors, prefix) {
     }
   }), colorScales;
 }
-var CSS_IDS = /* @__PURE__ */ ((CSS_IDS2) => (CSS_IDS2.FULL = "maz-theme-full", CSS_IDS2.CRITICAL = "maz-theme-critical", CSS_IDS2))(CSS_IDS || {});
-function injectCSS(id, css) {
-  if (typeof document > "u")
+const CSS_ID = "maz-theme-css";
+function injectCSS(id = CSS_ID, css) {
+  if (isServer())
     return;
   const styleElements = document.querySelectorAll(`#${id}`);
   if (!styleElements || styleElements.length === 0) {
@@ -243,19 +223,40 @@ function injectCSS(id, css) {
   }
 }
 function getCookie(key) {
-  if (typeof document > "u")
+  if (isServer())
     return null;
   const cookie = document.cookie.split(";").find((c) => c.trim().startsWith(`${key}=`));
   return cookie ? decodeURIComponent(cookie.split("=")[1]) : null;
 }
-function getColorMode(colorMode) {
-  if (colorMode && ["light", "dark"].includes(colorMode))
-    return colorMode;
+function getSavedColorMode() {
   const savedMode = getCookie("maz-color-mode");
-  return savedMode && ["light", "dark"].includes(savedMode) ? savedMode : "auto";
+  if (savedMode && ["light", "dark", "auto"].includes(savedMode))
+    return savedMode;
+}
+function getColorMode(colorMode) {
+  return colorMode && ["light", "dark"].includes(colorMode) ? colorMode : getSavedColorMode() || "auto";
+}
+function getSystemColorMode() {
+  return isServer() || typeof globalThis.matchMedia != "function" ? "light" : globalThis.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function noTransition(fn) {
+  if (isServer()) {
+    fn();
+    return;
+  }
+  const style = document.createElement("style");
+  style.textContent = `.no-transitions *,
+.no-transitions *::before,
+.no-transitions *::after {
+  transition-property: transform, opacity, scale, rotate, translate !important;
+  }`, document.head.appendChild(style), document.documentElement.classList.add("no-transitions"), fn(), setTimeout(() => {
+    document.documentElement.classList.remove("no-transitions"), style.remove();
+  }, 500);
 }
-function isSystemPrefersDark() {
-  return typeof globalThis.window < "u" && typeof globalThis.matchMedia == "function" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches;
+function updateDocumentClass(isDark, state) {
+  typeof document > "u" || !state || state.darkModeStrategy === "media" || state.mode === "light" || noTransition(() => {
+    isDark ? document.documentElement.classList.add(state.darkClass) : document.documentElement.classList.remove(state.darkClass);
+  });
 }
 function isPresetObject(preset) {
   return typeof preset == "object" && preset !== null && !!preset.name;
@@ -300,52 +301,127 @@ function mergeColors(base, overrides) {
     ...overrides
   } : base;
 }
-function applyDarkMode(darkModeStrategy, isDark) {
-  typeof document > "u" || darkModeStrategy !== "class" || (isDark ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
+function isClient() {
+  return typeof document < "u";
+}
+function truthyFilter(value) {
+  return !!value;
+}
+function useMutationObserver(target, callback, options = {}) {
+  const {
+    internalWindow = isClient() ? globalThis : void 0,
+    ...mutationOptions
+  } = options;
+  let observer;
+  const isSupported = ref((internalWindow && "MutationObserver" in internalWindow) ?? !1);
+  isSupported.value || onMounted(() => {
+    isSupported.value = (internalWindow && "MutationObserver" in internalWindow) ?? !1;
+  });
+  const cleanup = () => {
+    observer && (observer.disconnect(), observer = void 0);
+  }, targets = computed(() => {
+    const value = toValue(target);
+    let element;
+    return value && "$el" in value ? element = value.$el : value && (element = value), new Set([element].filter(truthyFilter));
+  }), stopWatch = watch(
+    [targets, isSupported],
+    ([newTargets, isSupported2]) => {
+      cleanup(), isSupported2 && newTargets.size && (observer = new MutationObserver(callback), newTargets.forEach((el) => observer?.observe(el, mutationOptions)));
+    },
+    { immediate: !0, flush: "post" }
+  );
+  return {
+    isSupported,
+    stop: () => {
+      stopWatch(), cleanup();
+    },
+    takeRecords: () => observer?.takeRecords()
+  };
 }
 function injectThemeCSS(finalPreset, config) {
   if (typeof document > "u")
     return;
   const cssOptions = {
     mode: config.mode,
-    darkSelectorStrategy: config.darkModeStrategy
+    darkSelectorStrategy: config.darkModeStrategy,
+    darkClass: config.darkClass
   };
   if (config.injectCriticalCSS) {
-    const criticalCSS = generateCriticalCSS(finalPreset, cssOptions);
-    injectCSS(CSS_IDS.CRITICAL, criticalCSS);
+    const criticalCSS = generateCSS(finalPreset, {
+      ...cssOptions,
+      onlyCritical: !0
+    });
+    injectCSS(CSS_ID, criticalCSS);
   }
   if (!config.injectFullCSS)
     return;
-  const fullCSS = generateFullCSS(finalPreset, cssOptions);
-  config.strategy === "runtime" ? injectCSS(CSS_IDS.FULL, fullCSS) : config.strategy === "hybrid" && requestIdleCallback(() => {
-    injectCSS(CSS_IDS.FULL, fullCSS);
+  const fullCSS = generateCSS(finalPreset, cssOptions);
+  config.strategy === "runtime" ? injectCSS(CSS_ID, fullCSS) : config.strategy === "hybrid" && requestIdleCallback(() => {
+    injectCSS(CSS_ID, fullCSS);
   }, { timeout: 100 });
 }
 function injectThemeState(app, themeState) {
   app.provide("mazThemeState", themeState), app.config.globalProperties.$mazThemeState = themeState;
 }
+function watchColorSchemeFromMedia(themeState) {
+  if (!isServer()) {
+    if (themeState.value && themeState.value.colorMode === "auto") {
+      const mediaQuery = globalThis.matchMedia("(prefers-color-scheme: dark)"), updateFromMedia = () => {
+        if (themeState.value.colorMode === "auto") {
+          const newColorMode = mediaQuery.matches ? "dark" : "light";
+          updateDocumentClass(newColorMode === "dark", themeState.value), themeState.value.isDark = newColorMode === "dark";
+        }
+      };
+      mediaQuery.addEventListener("change", updateFromMedia);
+    }
+    watch(() => themeState.value.colorMode, (colorMode) => {
+      updateDocumentClass(
+        colorMode === "auto" ? getSystemColorMode() === "dark" : colorMode === "dark",
+        themeState.value
+      );
+    });
+  }
+}
+function watchMutationClassOnHtmlElement(themeState) {
+  isServer() || useMutationObserver(
+    document.documentElement,
+    () => {
+      if (isServer() || !themeState.value)
+        return;
+      const activeColorMode = document.documentElement.classList.contains(themeState.value.darkClass) ? "dark" : "light";
+      themeState.value.isDark = activeColorMode === "dark", themeState.value.colorMode !== activeColorMode && themeState.value.colorMode !== "auto" && (themeState.value.colorMode = activeColorMode);
+    },
+    {
+      attributes: !0
+    }
+  );
+}
 const MazUiTheme = {
   async install(app, options) {
     const config = {
-      strategy: "runtime",
+      strategy: "hybrid",
       overrides: {},
       darkModeStrategy: "class",
-      colorMode: (options?.mode !== "both" ? options?.mode : options?.colorMode) ?? "auto",
+      preset: void 0,
       injectCriticalCSS: !0,
       injectFullCSS: !0,
       mode: "both",
-      ...options
-    }, colorMode = config.mode !== "both" ? config.mode : getColorMode(config.colorMode), isDark = colorMode === "auto" && config.mode === "both" ? isSystemPrefersDark() : colorMode === "dark" || config.mode === "dark", themeState = reactive({
-      currentPreset: void 0,
-      mode: config.mode,
-      colorMode,
-      isDark,
+      darkClass: "dark",
+      ...options,
+      colorMode: getSavedColorMode() ?? options.colorMode ?? (options.mode === "dark" ? "dark" : "auto")
+    }, isDark = config.colorMode === "auto" && config.mode === "both" ? getSystemColorMode() === "dark" || getColorMode(config.colorMode) === "dark" : getColorMode(config.colorMode) === "dark" || config.mode === "dark", themeState = ref({
       strategy: config.strategy,
-      darkModeStrategy: config.darkModeStrategy
+      darkClass: config.darkClass,
+      darkModeStrategy: config.darkModeStrategy,
+      colorMode: config.colorMode,
+      mode: config.mode,
+      preset: void 0,
+      // @ts-expect-error _isDark is a private property
+      isDark: options._isDark || isDark
     });
-    applyDarkMode(config.darkModeStrategy, isDark), injectThemeState(app, themeState);
+    injectThemeState(app, themeState), updateDocumentClass(themeState.value.isDark, themeState.value);
     const preset = config.strategy === "buildtime" ? config.preset : await getPreset(config.preset), finalPreset = Object.keys(config.overrides).length > 0 && preset ? mergePresets(preset, config.overrides) : preset;
-    finalPreset && (themeState.currentPreset = finalPreset), !(config.strategy === "buildtime" || !finalPreset) && injectThemeCSS(finalPreset, config);
+    finalPreset && (themeState.value.preset = finalPreset), !(config.strategy === "buildtime" || !finalPreset) && (injectThemeCSS(finalPreset, config), watchColorSchemeFromMedia(themeState), watchMutationClassOnHtmlElement(themeState));
   }
 }, MazUi = {
   install(app, options) {

package/dist/plugins/toast.d.ts

@@ -2,7 +2,7 @@ import { Plugin } from 'vue';
 import { ToastOptions } from './toast/types';
 import { ToastHandler } from './toast/ToastHandler';
 export declare const ToastPlugin: Plugin<[ToastOptions?]>;
-declare module '@vue/runtime-core' {
+declare module 'vue' {
     interface ComponentCustomProperties {
         /**
          * Toast handler instance

package/dist/plugins/toast.js

@@ -3,7 +3,7 @@ import { defineComponent, defineAsyncComponent, ref, computed, watch, onMounted,
 import { MazExclamationCircle, MazCheckCircle, MazInformationCircle, MazExclamationTriangle, MazXMark, MazArrowTopRightOnSquare, MazLinkIcon } from "@maz-ui/icons";
 import { useTimer } from "../composables/useTimer.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/toast.BDNNJSjj.css';const _hoisted_1 = ["textContent", "innerHTML"], _hoisted_2 = {
+import '../assets/toast.ClbXOwsL.css';const _hoisted_1 = ["textContent", "innerHTML"], _hoisted_2 = {
   key: 1,
   class: "m-toast__progress-bar"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -70,13 +70,13 @@ import '../assets/toast.BDNNJSjj.css';const _hoisted_1 = ["textContent", "innerH
     function getProgressBarColor() {
       switch (__props.type) {
         case "destructive":
-          return "maz-bg-destructive-700";
+          return "maz-bg-destructive-800";
         case "info":
-          return "maz-bg-info-700";
+          return "maz-bg-info-800";
         case "success":
-          return "maz-bg-success-700";
+          return "maz-bg-success-800";
         case "warning":
-          return "maz-bg-warning-700";
+          return "maz-bg-warning-800";
         default:
           return "maz-bg-contrast-foreground";
       }
@@ -190,7 +190,7 @@ import '../assets/toast.BDNNJSjj.css';const _hoisted_1 = ["textContent", "innerH
       _: 1
     }, 8, ["name"]));
   }
-}), MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-25e84b40"]]), DEFAULT_OPTIONS = {
+}), MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-156c6100"]]), DEFAULT_OPTIONS = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1

package/dist/plugins/wait.d.ts

@@ -10,7 +10,7 @@ export declare class WaitHandler {
 }
 export declare const waitInstance: WaitHandler;
 export declare const WaitPlugin: Plugin;
-declare module '@vue/runtime-core' {
+declare module 'vue' {
     interface ComponentCustomProperties {
         /**
          * Wait handler instance

package/dist/types/components/MazDatePicker/MazPickerCalendar.vue.d.ts

@@ -5,6 +5,7 @@ type __VLS_Props = {
     calendarDate: string;
     color: MazColor;
     locale: string;
+    inline: boolean;
     firstDayOfWeek: number;
     double: boolean;
     minDate: string | undefined;

package/dist/types/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts

@@ -31,6 +31,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
+    inline: {
+        type: BooleanConstructor;
+        required: true;
+    };
     maxDate: {
         type: StringConstructor;
         default: undefined;
@@ -87,6 +91,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
+    inline: {
+        type: BooleanConstructor;
+        required: true;
+    };
     maxDate: {
         type: StringConstructor;
         default: undefined;

package/dist/types/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts

@@ -23,6 +23,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         required: true;
     };
+    inline: {
+        type: BooleanConstructor;
+        required: true;
+    };
     calendarDate: {
         type: StringConstructor;
         required: true;
@@ -84,6 +88,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         required: true;
     };
+    inline: {
+        type: BooleanConstructor;
+        required: true;
+    };
     calendarDate: {
         type: StringConstructor;
         required: true;

package/dist/types/components/MazDatePicker.vue.d.ts

@@ -61,7 +61,7 @@ export interface MazDatePickerProps {
     /**
      * The Intl.DateTimeFormatOptions for styling the input date display
      * @type {Intl.DateTimeFormatOptions}
-     * @default { dateStyle: 'medium', timeStyle: 'full' }
+     * @default { dateStyle: 'medium', timeStyle: 'short' }
      */
     inputDateFormat?: Intl.DateTimeFormatOptions;
     /**
@@ -421,8 +421,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     inputDateFormat: Intl.DateTimeFormatOptions;
     autoClose: boolean;
     pickerPosition: import('./MazPopover.vue').MazPopoverPosition;
-    pickerPreferPosition: import('@floating-ui/vue').Placement;
-    pickerFallbackPosition: import('@floating-ui/vue').Placement;
+    pickerPreferPosition: import('./MazPopover.vue').MazPopoverPreferPosition;
+    pickerFallbackPosition: import('./MazPopover.vue').MazPopoverFallbackPosition;
     onlyTime: boolean;
     useBrowserLocale: boolean;
     fetchLocal: boolean;

package/dist/types/components/MazDropdown.vue.d.ts

@@ -80,12 +80,6 @@ export interface MazDropdownProps extends Omit<MazPopoverProps, 'modelValue' | '
      * @default 'auto'
      */
     position?: MazPopoverProps['position'];
-    /**
-     * Preferred position of the menu relative to trigger when auto position is used
-     * @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
-     * @default 'bottom-start'
-     */
-    preferPosition?: MazPopoverProps['preferPosition'];
     /**
      * Controls whether the dropdown menu closes when a menu item is clicked
      * @type {boolean}

package/dist/types/components/MazPopover.vue.d.ts

@@ -1,10 +1,9 @@
-import { Placement } from '@floating-ui/vue';
 import { HTMLAttributes } from 'vue';
 import { MazColor } from './types';
 type __VLS_Props = MazPopoverProps;
-export type MazPopoverPosition = Placement | 'auto';
-export type MazPopoverPreferPosition = Placement;
-export type MazPopoverFallbackPosition = Placement;
+export type MazPopoverPosition = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'auto';
+export type MazPopoverPreferPosition = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
+export type MazPopoverFallbackPosition = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
 export type MazPopoverTrigger = 'click' | 'hover' | 'manual' | 'adaptive';
 export type MazPopoverRole = 'dialog' | 'tooltip' | 'menu';
 export interface MazPopoverProps {

package/dist/types/plugins/aos.d.ts

@@ -58,7 +58,7 @@ export declare class AosHandler {
     runAnimations(): Promise<void> | undefined;
 }
 export declare const AosPlugin: Plugin<[AosOptions?]>;
-declare module '@vue/runtime-core' {
+declare module 'vue' {
     interface ComponentCustomProperties {
         /**
          * Aos handler instance

package/dist/types/plugins/dialog.d.ts

@@ -1,7 +1,7 @@
 import { Plugin } from 'vue';
 import { DialogOptions, DialogHandler } from './dialog/DialogHandler';
 export declare const DialogPlugin: Plugin<[DialogOptions?]>;
-declare module '@vue/runtime-core' {
+declare module 'vue' {
     interface ComponentCustomProperties {
         /**
          * Dialog handler instance