maz-ui 4.0.0 → 4.1.0

package/dist/components/MazSelectCountry.js

@@ -5,7 +5,7 @@ import { useDisplayNames } from "../composables/useDisplayNames.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import MazSelect from "./MazSelect.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSelectCountry.B0tlbfgr.css';function t$1() {
+import '../assets/MazSelectCountry.BR2tSQzn.css';function t$1() {
   try {
     return e() ? void 0 : globalThis.navigator.language;
   } catch (r) {
@@ -25,6 +25,7 @@ const _hoisted_1 = {
   key: 1,
   class: "m-select-country__select__item__list-flag"
 }, _hoisted_3 = { class: "maz-text-muted" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
   __name: "MazSelectCountry",
   props: {
     style: {},
@@ -195,7 +196,7 @@ const _hoisted_1 = {
       }, 16, ["id", "model-value", "option-value-key", "option-label-key", "option-input-value-key", "max-list-width", "min-list-width", "disabled", "color", "placeholder", "label", "size", "list-position", "error", "warning", "success", "search", "block", "autocomplete", "item-height", "max-list-height", "min-list-height", "required", "search-function", "format-input-value", "translations", "search-threshold", "options", "hint", "open"])
     ], 6));
   }
-}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20c13991"]]);
+}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e22ddc22"]]);
 export {
   MazSelectCountry as default
 };

package/dist/components/index.js

@@ -14,11 +14,11 @@ import { _ } from "../chunks/MazChart.vue_vue_type_script_setup_true_lang.JSYXGy
 import { default as default14 } from "./MazCheckbox.js";
 import { default as default15 } from "./MazChecklist.js";
 import { default as default16 } from "./MazCircularProgressBar.js";
-import { M } from "../chunks/MazDatePicker.B1B6gUrC.js";
+import { M } from "../chunks/MazDatePicker.BkBbJH6f.js";
 import { default as default17 } from "./MazDialog.js";
 import { _ as _2, u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.DuEcluOw.js";
 import { default as default18 } from "./MazDrawer.js";
-import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.DULnKQ2W.js";
+import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.CgXVL7hr.js";
 import { default as default19 } from "./MazDropzone.js";
 import { default as default20 } from "./MazExpandAnimation.js";
 import { default as default21 } from "./MazFullscreenLoader.js";

package/dist/composables/index.d.ts

@@ -11,6 +11,7 @@ export * from './useIdleTimeout';
 export * from './useInjectStrict';
 export * from './useInstanceUniqId';
 export * from './useMountComponent';
+export * from './useMutationObserver';
 export * from './useReadingTime';
 export * from './useStringMatching';
 export * from './useSwipe';

package/dist/composables/index.js

@@ -10,6 +10,7 @@ import { useIdleTimeout } from "./useIdleTimeout.js";
 import { useInjectStrict } from "./useInjectStrict.js";
 import { useInstanceUniqId } from "./useInstanceUniqId.js";
 import { useMountComponent } from "./useMountComponent.js";
+import { useMutationObserver } from "./useMutationObserver.js";
 import { useReadingTime } from "./useReadingTime.js";
 import { u } from "../chunks/useStringMatching.DzSigyZ7.js";
 import { useSwipe } from "./useSwipe.js";
@@ -31,6 +32,7 @@ export {
   useInjectStrict,
   useInstanceUniqId,
   useMountComponent,
+  useMutationObserver,
   useReadingTime,
   u as useStringMatching,
   useSwipe,

package/dist/composables/useMutationObserver.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPublicInstance, MaybeRefOrGetter } from 'vue';
+export interface UseMutationObserverOptions extends MutationObserverInit {
+    internalWindow?: Window | undefined;
+}
+/**
+ * Watch for changes into DOM element.
+ */
+export declare function useMutationObserver(target: MaybeRefOrGetter<HTMLElement | SVGElement | ComponentPublicInstance | undefined | null>, callback: MutationCallback, options?: UseMutationObserverOptions): {
+    isSupported: import('vue').Ref<boolean, boolean>;
+    stop: () => void;
+    takeRecords: () => MutationRecord[] | undefined;
+};
+export type UseMutationObserverReturn = ReturnType<typeof useMutationObserver>;

package/dist/composables/useMutationObserver.js

@@ -0,0 +1,37 @@
+import { e } from "../chunks/isClient.8V3qjGdO.js";
+import { r } from "../chunks/truthyFilter.DZvXmxeK.js";
+import { ref, onMounted, computed, toValue, watch } from "vue";
+function useMutationObserver(target, callback, options = {}) {
+  const {
+    internalWindow = e() ? globalThis : void 0,
+    ...mutationOptions
+  } = options;
+  let observer;
+  const isSupported = ref(!1);
+  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(r));
+  }), stopWatch = watch(
+    targets,
+    (newTargets) => {
+      cleanup(), isSupported.value && 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()
+  };
+}
+export {
+  useMutationObserver
+};

package/dist/composables/useWindowSize.js

@@ -11,9 +11,9 @@ function useWindowSize(options = {}) {
     internalWindow && (includeScrollbar ? (width.value = internalWindow.innerWidth, height.value = internalWindow.innerHeight) : (width.value = internalWindow.document.documentElement.clientWidth, height.value = internalWindow.document.documentElement.clientHeight));
   }
   return update(), onMounted(() => {
-    internalWindow && window.addEventListener("resize", update, { passive: !0 });
+    internalWindow && internalWindow.addEventListener("resize", update, { passive: !0 });
   }), onUnmounted(() => {
-    internalWindow && window.removeEventListener("resize", update);
+    internalWindow && internalWindow.removeEventListener("resize", update);
   }), { width, height };
 }
 export {

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-3xl{font-size:1.875rem;line-height:2.25rem}.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-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}}

package/dist/plugins/maz-ui.js

@@ -48,8 +48,8 @@ function b(n2) {
       const h2 = c2 < s, f2 = c2 > s, M2 = d[c2];
       let a;
       h2 && o2 >= 100 ? a = e : a = e + M2, f2 && o2 <= 0 && (a = 0), a = Math.min(100, Math.max(0, a));
-      const S2 = p$1(s, c2, r), L = Math.min(100, Math.max(5, r * S2));
-      u2[c2] = i(t2, L, a);
+      const S2 = p$1(s, c2, r), L2 = Math.min(100, Math.max(5, r * S2));
+      u2[c2] = i(t2, L2, a);
     }
   }), u2;
 }
@@ -81,153 +81,166 @@ const h = [
   "base-font-size",
   "border-width"
 ], S = ["primary", "secondary", "accent", "destructive", "success", "warning", "info", "contrast", "background", "foreground", "border", "muted", "overlay", "shadow"];
-function j(e, o2 = {
+function j(r, t2 = {
   mode: "both",
   darkSelectorStrategy: "class"
 }) {
   const {
-    criticalColors: r = h,
-    criticalFoundation: c2 = C,
-    mode: t2,
-    darkSelectorStrategy: s,
+    criticalColors: e = h,
+    criticalFoundation: o2 = C,
+    mode: n2,
+    darkSelectorStrategy: l2,
     prefix: i2 = "maz"
-  } = o2, l2 = y(e.foundation, c2);
-  let n2 = `@layer maz-ui-theme {
+  } = t2, s = y(r.foundation, o2);
+  let c2 = `@layer maz-ui-theme {
 `;
-  if (t2 === "light" || t2 === "both") {
-    const a = m(e.colors.light, r);
-    n2 += f$1({
+  if (n2 === "light" || n2 === "both") {
+    const a = m(r.colors.light, e);
+    c2 += f$1({
       selector: ":root",
       colors: a,
-      foundation: l2,
+      foundation: s,
       prefix: i2
     });
   }
-  if (t2 === "dark" || t2 === "both") {
-    const a = m(e.colors.dark, r);
-    n2 += f$1({
-      selector: s === "media" ? ":root" : ".dark",
-      mediaQuery: s === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
+  if (n2 === "dark" || n2 === "both") {
+    const a = m(r.colors.dark, e);
+    c2 += f$1({
+      selector: l2 === "media" ? ":root" : ".dark",
+      mediaQuery: l2 === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
       colors: a,
-      foundation: l2,
+      foundation: s,
       prefix: i2
     });
   }
-  return n2 += `}
-`, n2;
+  return c2 += `}
+`, c2;
 }
-function p(e, o2 = {
+function p(r, t2 = {
   mode: "both",
   darkSelectorStrategy: "class"
 }) {
   const {
-    excludeCritical: r = h,
-    mode: c2,
-    darkSelectorStrategy: t2,
-    prefix: s = "maz",
+    excludeCritical: e = h,
+    mode: o2,
+    darkSelectorStrategy: n2,
+    prefix: l2 = "maz",
     includeColorScales: i2 = !0
-  } = o2, l2 = k$1(e.foundation, C);
-  let n2 = `@layer maz-ui-theme {
+  } = t2, s = k$1(r.foundation, C);
+  let c2 = `@layer maz-ui-theme {
 `;
-  if (c2 === "light" || c2 === "both") {
-    const a = g$1(e.colors.light, r);
-    n2 += f$1({
+  if (o2 === "light" || o2 === "both") {
+    const a = g$1(r.colors.light, e);
+    c2 += f$1({
       selector: ":root",
       colors: a,
-      foundation: l2,
-      prefix: s,
+      foundation: s,
+      prefix: l2,
       includeScales: i2,
-      preset: e
+      preset: r
     });
   }
-  if (c2 === "dark" || c2 === "both") {
-    const a = g$1(e.colors.dark, r);
-    n2 += f$1({
-      selector: t2 === "media" ? ":root" : ".dark",
-      mediaQuery: t2 === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
+  if (o2 === "dark" || o2 === "both") {
+    const a = g$1(r.colors.dark, e);
+    c2 += f$1({
+      selector: n2 === "media" ? ":root" : ".dark",
+      mediaQuery: n2 === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
       colors: a,
-      foundation: c2 === "dark" ? l2 : void 0,
+      foundation: o2 === "dark" ? s : void 0,
       // Appearance only if dark mode only
-      prefix: s,
+      prefix: l2,
       includeScales: i2,
-      preset: e,
+      preset: r,
       isDark: !0
     });
   }
-  return n2 += `}
-`, n2;
+  return c2 += `}
+`, c2;
 }
-function m(e, o2) {
+function m(r, t2) {
   return Object.fromEntries(
-    o2.filter((r) => e[r]).map((r) => [r, e[r]])
+    t2.filter((e) => r[e]).map((e) => [e, r[e]])
   );
 }
-function y(e, o2) {
-  return e ? Object.fromEntries(
-    o2.filter((r) => e[r]).map((r) => [r, e[r]])
+function y(r, t2) {
+  return r ? Object.fromEntries(
+    t2.filter((e) => r[e]).map((e) => [e, r[e]])
   ) : {};
 }
-function g$1(e, o2) {
+function g$1(r, t2) {
   return Object.fromEntries(
-    Object.entries(e).filter(([r]) => !o2.includes(r))
+    Object.entries(r).filter(([e]) => !t2.includes(e))
   );
 }
-function k$1(e, o2) {
-  return e ? Object.fromEntries(
-    Object.entries(e).filter(([r]) => !o2.includes(r))
+function k$1(r, t2) {
+  return r ? Object.fromEntries(
+    Object.entries(r).filter(([e]) => !t2.includes(e))
   ) : {};
 }
 function f$1({
-  selector: e,
-  mediaQuery: o2,
-  colors: r,
-  foundation: c2,
-  prefix: t2,
-  includeScales: s = !1,
+  selector: r,
+  mediaQuery: t2,
+  colors: e,
+  foundation: o2,
+  prefix: n2,
+  includeScales: l2 = !1,
   preset: i2,
-  isDark: l2 = !1
+  isDark: s = !1
 }) {
-  const n2 = [];
-  if (r && Object.entries(r).forEach(([u2, d2]) => {
-    d2 && n2.push(`  --${t2}-${u2}: ${d2};`);
-  }), c2 && Object.entries(c2).forEach(([u2, d2]) => {
-    d2 && n2.push(`  --${t2}-${u2}: ${d2};`);
-  }), s && i2) {
-    const u2 = l2 ? i2.colors.dark : i2.colors.light, d2 = E(u2, t2);
-    n2.push(...d2);
+  const c2 = [];
+  if (e && Object.entries(e).forEach(([u2, d2]) => {
+    d2 && c2.push(`  --${n2}-${u2}: ${d2};`);
+  }), o2 && Object.entries(o2).forEach(([u2, d2]) => {
+    d2 && c2.push(`  --${n2}-${u2}: ${d2};`);
+  }), l2 && i2) {
+    const u2 = s ? i2.colors.dark : i2.colors.light, d2 = $(u2, n2);
+    c2.push(...d2);
   }
-  const a = n2.join(`
+  const a = c2.join(`
 `);
-  return o2 ? `
-  ${o2} {
-    ${e} {
+  return t2 ? `
+  ${t2} {
+    ${r} {
 ${a.replace(/^/gm, "  ")}
     }
   }
 ` : `
-  ${e} {
+  ${r} {
 ${a}
   }
 `;
 }
-function E(e, o2) {
-  const r = [];
-  return S.forEach((c2) => {
-    const t2 = e[c2];
-    if (t2) {
-      const s = b(t2);
-      Object.entries(s).forEach(([i2, l2]) => {
-        r.push(`  --${o2}-${c2}-${i2}: ${l2};`);
+function $(r, t2) {
+  const e = [];
+  return S.forEach((o2) => {
+    const n2 = r[o2];
+    if (n2) {
+      const l2 = b(n2);
+      Object.entries(l2).forEach(([i2, s]) => {
+        e.push(`  --${t2}-${o2}-${i2}: ${s};`);
       });
     }
-  }), r;
+  }), e;
 }
-var $ = /* @__PURE__ */ ((e) => (e.FULL = "maz-theme-full", e.CRITICAL = "maz-theme-critical", e))($ || {});
-function v$1(e, o2) {
+var E = /* @__PURE__ */ ((r) => (r.FULL = "maz-theme-full", r.CRITICAL = "maz-theme-critical", r))(E || {});
+function v(r, t2) {
   if (typeof document > "u")
     return;
-  let r = document.getElementById(e);
-  r || (r = document.createElement("style"), r.id = e, document.head.appendChild(r)), r.textContent = o2;
+  const e = document.querySelectorAll(`#${r}`);
+  if (!e || e.length === 0) {
+    const o2 = document.createElement("style");
+    o2.id = r, document.head.appendChild(o2), o2.textContent = t2;
+    return;
+  }
+  if (e.length === 1) {
+    e[0].textContent = t2;
+    return;
+  }
+  if (e.length > 1) {
+    for (let o2 = 0; o2 < e.length - 1; o2++)
+      e[o2].remove();
+    e[e.length - 1].textContent = t2;
+  }
 }
 function c(e) {
   if (typeof document > "u")
@@ -251,7 +264,7 @@ async function o(i2) {
   if (t(i2))
     return i2;
   if (i2 === "mazUi" || !i2 || i2 === "maz-ui") {
-    const { mazUi: n2 } = await import("../chunks/mazUi.0b7z2u9g.js");
+    const { mazUi: n2 } = await import("../chunks/mazUi.CaSMOKic.js");
     return n2;
   }
   if (i2 === "ocean") {
@@ -299,19 +312,19 @@ function k(r, t2) {
   };
   if (t2.injectCriticalCSS) {
     const a = j(r, e);
-    v$1($.CRITICAL, a);
+    v(E.CRITICAL, a);
   }
   if (!t2.injectFullCSS)
     return;
   const o2 = p(r, e);
-  t2.strategy === "runtime" ? v$1($.FULL, o2) : t2.strategy === "hybrid" && requestIdleCallback(() => {
-    v$1($.FULL, o2);
+  t2.strategy === "runtime" ? v(E.FULL, o2) : t2.strategy === "hybrid" && requestIdleCallback(() => {
+    v(E.FULL, o2);
   }, { timeout: 100 });
 }
 function M(r, t2) {
   r.provide("mazThemeState", t2), r.config.globalProperties.$mazThemeState = t2;
 }
-const v = {
+const L = {
   async install(r, t2) {
     const e = {
       strategy: "runtime",
@@ -322,23 +335,22 @@ const v = {
       injectFullCSS: !0,
       mode: "both",
       ...t2
-    }, o$2 = e.mode !== "both" ? e.mode : o$1(e.colorMode), a = o$2 === "auto" && e.mode === "both" ? n() : o$2 === "dark" || e.mode === "dark", s = reactive({
-      // @ts-expect-error - empty currentPreset to avoid error
-      currentPreset: {},
+    }, o$2 = e.mode !== "both" ? e.mode : o$1(e.colorMode), a = o$2 === "auto" && e.mode === "both" ? n() : o$2 === "dark" || e.mode === "dark", m2 = reactive({
+      currentPreset: void 0,
       mode: e.mode,
       colorMode: o$2,
       isDark: a,
       strategy: e.strategy,
       darkModeStrategy: e.darkModeStrategy
     });
-    g(e.darkModeStrategy, a), M(r, s);
-    const c2 = await o(e.preset), m2 = Object.keys(e.overrides).length > 0 ? f(c2, e.overrides) : c2;
-    s.currentPreset = m2, e.strategy !== "buildtime" && k(m2, e);
+    g(e.darkModeStrategy, a), M(r, m2);
+    const i2 = e.strategy === "buildtime" ? e.preset : await o(e.preset), d2 = Object.keys(e.overrides).length > 0 && i2 ? f(i2, e.overrides) : i2;
+    d2 && (m2.currentPreset = d2), !(e.strategy === "buildtime" || !d2) && k(d2, e);
   }
 }, MazUi = {
   install(app, options) {
     const { theme, translations } = options;
-    app.use(v, theme), app.use(MazUiTranslations, translations);
+    app.use(L, theme), app.use(MazUiTranslations, translations);
   }
 };
 export {

package/dist/resolvers/MazModulesResolver.js

@@ -19,7 +19,8 @@ const composablesMap = {
   useFreezeValue: !0,
   useDialog: !0,
   useMountComponent: !0,
-  useDropzone: !0
+  useDropzone: !0,
+  useMutationObserver: !0
 }, modulesMap = {
   capitalize: !0,
   getErrorMessage: !0,

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

@@ -221,9 +221,13 @@ export interface MazDatePickerProps {
      */
     transition?: MazPopoverProps['transition'];
 }
+declare const __VLS_defaults: {
+    locale: undefined;
+    open: boolean;
+};
 type __VLS_PublicProps = {
     'locale'?: string;
-    'open'?: boolean;
+    'open'?: typeof __VLS_defaults['open'];
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -305,7 +309,7 @@ declare function __VLS_template(): {
                 open: () => void;
                 close: () => void;
                 toggle: () => void;
-                isOpen: import('vue').ComputedRef<boolean>;
+                isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
                 updatePosition: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 close: () => any;
@@ -343,11 +347,11 @@ declare function __VLS_template(): {
             "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onAfter-close-animation"?: (() => any) | undefined;
-        }>, "close" | "toggle" | "open" | "updatePosition" | "isOpen"> & import('vue').ShallowUnwrapRef<{
+        }>, "close" | "toggle" | "open" | "isOpen" | "updatePosition"> & import('vue').ShallowUnwrapRef<{
             open: () => void;
             close: () => void;
             toggle: () => void;
-            isOpen: import('vue').ComputedRef<boolean>;
+            isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
             updatePosition: () => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
@@ -384,7 +388,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     time: boolean;
     color: MazColor;
     disabled: boolean;
-    open: boolean;
+    open: (typeof __VLS_defaults)["open"];
     format: string;
     transition: string;
     double: boolean;
@@ -476,7 +480,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             open: () => void;
             close: () => void;
             toggle: () => void;
-            isOpen: import('vue').ComputedRef<boolean>;
+            isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
             updatePosition: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             close: () => any;
@@ -514,11 +518,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onAfter-close-animation"?: (() => any) | undefined;
-    }>, "close" | "toggle" | "open" | "updatePosition" | "isOpen"> & import('vue').ShallowUnwrapRef<{
+    }>, "close" | "toggle" | "open" | "isOpen" | "updatePosition"> & import('vue').ShallowUnwrapRef<{
         open: () => void;
         close: () => void;
         toggle: () => void;
-        isOpen: import('vue').ComputedRef<boolean>;
+        isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
         updatePosition: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

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

@@ -158,8 +158,11 @@ export interface MazDropdownProps extends Omit<MazPopoverProps, 'modelValue'> {
      */
     transition?: MazPopoverProps['transition'];
 }
+declare const __VLS_defaults: {
+    modelValue: boolean;
+};
 type __VLS_PublicProps = {
-    modelValue?: boolean;
+    modelValue?: typeof __VLS_defaults['modelValue'];
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -182,14 +185,14 @@ declare function __VLS_template(): {
             items: MazDropdownMenuItem[];
             open: () => void;
             close: () => void;
-            isOpen: true;
+            isOpen: boolean;
             toggle: () => void;
         }): any;
         menuitem?(_: {
             item: MazDropdownMenuItem;
             open: () => void;
             close: () => void;
-            isOpen: true;
+            isOpen: boolean;
             toggle: () => void;
         }): any;
         'menuitem-label'?(_: {
@@ -206,7 +209,7 @@ declare function __VLS_template(): {
             };
             open: () => void;
             close: () => void;
-            isOpen: true;
+            isOpen: boolean;
             toggle: () => void;
         }): any;
         'menuitem-label'?(_: {
@@ -223,7 +226,7 @@ declare function __VLS_template(): {
             };
             open: () => void;
             close: () => void;
-            isOpen: true;
+            isOpen: boolean;
             toggle: () => void;
         }): any;
     };