maz-ui 4.0.0-beta.5 → 4.0.0-beta.6

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.Bgd0WwZk.js";
+import { M } from "../chunks/MazDatePicker.EVP68BQf.js";
 import { default as default17 } from "./MazDialog.js";
 import { _ as _2, u } from "../chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.BQvDEofz.js";
 import { default as default18 } from "./MazDrawer.js";
-import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.WRjG5bff.js";
+import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.DjPJ9-gt.js";
 import { default as default19 } from "./MazDropzone.js";
 import { default as default20 } from "./MazExpandAnimation.js";
 import { default as default21 } from "./MazFullscreenLoader.js";
@@ -26,9 +26,9 @@ import { default as default22 } from "./MazGallery.js";
 import { default as default23 } from "./MazIcon.js";
 import { default as default24 } from "./MazInput.js";
 import { default as default25 } from "./MazInputCode.js";
-import { _ as _4 } from "../chunks/MazInputNumber.vue_vue_type_style_index_0_lang.BUOLoXtV.js";
+import { _ as _4 } from "../chunks/MazInputNumber.vue_vue_type_style_index_0_lang.B6DYpHfi.js";
 import { M as M2 } from "../chunks/MazInputPhoneNumber.B7mxCHgU.js";
-import { _ as _5 } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.CT1Y2-_T.js";
+import { _ as _5 } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.BA6TDX-T.js";
 import { default as default26 } from "./MazInputTags.js";
 import { default as default27 } from "./MazLazyImg.js";
 import { default as default28 } from "./MazLink.js";
@@ -44,7 +44,7 @@ import { default as default37 } from "./MazSelectCountry.js";
 import { default as default38 } from "./MazSlider.js";
 import { default as default39 } from "./MazSpinner.js";
 import { default as default40 } from "./MazStepper.js";
-import { _ as _6 } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.DQE0vFhe.js";
+import { _ as _6 } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.CU43Y1ky.js";
 import { default as default41 } from "./MazTable.js";
 import { default as default42 } from "./MazTableCell.js";
 import { default as default43 } from "./MazTableRow.js";

package/dist/composables/useDisplayNames.js

@@ -7,6 +7,12 @@ const bcp47Codes = ["af-ZA", "sq-AL", "ar-DZ", "ar-BH", "ar-EG", "ar-IQ", "ar-JO
   style: "long",
   localeMatcher: "lookup"
 }, displayNamesCache = /* @__PURE__ */ new Map();
+let cacheCleanupTimer = null;
+function scheduleCacheCleanup() {
+  cacheCleanupTimer && clearTimeout(cacheCleanupTimer), cacheCleanupTimer = setTimeout(() => {
+    displayNamesCache.size > 50 && displayNamesCache.clear(), cacheCleanupTimer = null;
+  }, 5 * 60 * 1e3);
+}
 function isSameLanguageThanCode(language, code) {
   return !language || language?.toLocaleLowerCase() === code.toLocaleLowerCase();
 }
@@ -21,7 +27,7 @@ function getDisplayNamesInstance(locale, options = DEFAULT_DISPLAY_NAMES_OPTIONS
         ...options,
         type: options.type ?? DEFAULT_DISPLAY_NAMES_OPTIONS.type
       });
-      displayNamesCache.set(cacheKey, instance);
+      displayNamesCache.set(cacheKey, instance), scheduleCacheCleanup();
     } catch (error) {
       return console.warn(`[maz-ui] (useDisplayNames) Failed to create DisplayNames instance for locale ${locale}:`, error), null;
     }

package/dist/composables/useFormField.js

@@ -1,5 +1,4 @@
-import { c as checkAvailability } from "../chunks/checkAvailability.aTpZidex.js";
-import { e as getContext, f as fieldHasValidation, i as updateFieldState, j as isEqual, k as setFieldValidationState, l as getValidationEvents, d as hasModeIncludes, r as removeEventFromInteractiveElements, m as handleFieldBlur, n as findInteractiveElements, o as addEventToInteractiveElements } from "../chunks/utils.D9NiqfdV.js";
+import { e as getContext, f as fieldHasValidation, i as updateFieldState, j as isEqual, k as setFieldValidationState, l as getValidationEvents, h as hasModeIncludes, r as removeEventFromInteractiveElements, m as findInteractiveElements, n as addEventToInteractiveElements, o as handleFieldBlur } from "../chunks/dom-events.CvkK8Xn2.js";
 import { computed, onMounted, onUnmounted } from "vue";
 import { useFreezeValue } from "./useFreezeValue.js";
 function useFormField(name, options) {
@@ -13,17 +12,17 @@ function useFormField(name, options) {
     internalSchema,
     errorMessages,
     isSubmitted
-  } = getContext(opts.formIdentifier, "useFormField"), fieldMode = fieldHasValidation(name, internalSchema.value) ? options?.mode ?? formOptions.mode : void 0;
-  opts.mode = fieldMode;
+  } = getContext(opts.formIdentifier, "useFormField"), finalOpts = opts, fieldMode = fieldHasValidation(name, internalSchema.value) ? options?.mode ?? formOptions.mode : void 0;
+  finalOpts.mode = fieldMode;
   const fieldState = computed(() => fieldsStates.value[name]);
   if (fieldsStates.value[name] = updateFieldState({
     name,
     fieldState: fieldState.value,
     payload: payload.value,
     schema: internalSchema.value,
-    options: { ...formOptions, ...opts }
-  }), opts.defaultValue !== void 0 && !isEqual(payload.value[name], opts.defaultValue)) {
-    const initialValue = opts.defaultValue;
+    options: { ...formOptions, ...finalOpts }
+  }), finalOpts.defaultValue !== void 0 && !isEqual(payload.value[name], finalOpts.defaultValue)) {
+    const initialValue = finalOpts.defaultValue;
     payload.value[name] = initialValue, fieldsStates.value[name].initialValue = useFreezeValue(initialValue);
   }
   fieldMode && setFieldValidationState({
@@ -45,27 +44,26 @@ function useFormField(name, options) {
   }
   const validationEvents = computed(
     () => getValidationEvents({
-      hasRef: !!opts.ref?.value,
+      hasRef: !!finalOpts.ref?.value,
       onBlur,
       fieldState: fieldState.value
     })
   );
-  if (opts.ref && hasModeIncludes(["eager", "blur", "progressive"], fieldMode)) {
+  if (finalOpts.ref && fieldMode && hasModeIncludes(["eager", "blur", "progressive"], fieldMode)) {
     let interactiveElements = [];
     const handleInteractiveElements = (element) => {
-      interactiveElements = findInteractiveElements(element), addEventToInteractiveElements({
+      interactiveElements.length > 0 && removeEventFromInteractiveElements({
+        interactiveElements,
+        onBlur
+      }), interactiveElements = findInteractiveElements(element), addEventToInteractiveElements({
         interactiveElements,
         onBlur,
         mode: fieldMode
       });
     };
     onMounted(() => {
-      checkAvailability(() => opts.ref?.value, (element) => {
-        const interactiveElement = element instanceof HTMLElement ? element : element?.$el;
-        interactiveElement && handleInteractiveElements(interactiveElement);
-      }, {
-        errorMessage: `[maz-ui](useFormField) No element found for ref ${opts.ref} for field ${name}`
-      });
+      const element = finalOpts.ref?.value, elementToBind = element instanceof HTMLElement ? element : element?.$el;
+      elementToBind instanceof HTMLElement ? handleInteractiveElements(elementToBind) : console.warn(`[maz-ui](useFormField) No element found for ref in field '${String(name)}'. Make sure the ref is properly bound to an HTMLElement or Vue component (form identifier: ${formOptions.identifier})`);
     }), onUnmounted(() => {
       removeEventFromInteractiveElements({
         interactiveElements,
@@ -87,8 +85,7 @@ function useFormField(name, options) {
       get: () => payload.value[name],
       set: (value) => payload.value[name] = value
     }),
-    validationEvents,
-    onBlur
+    validationEvents
   };
 }
 export {

package/dist/composables/useFormValidator.js

@@ -1,5 +1,20 @@
-import { ref, computed, watch, provide, nextTick } from "vue";
-import { g as getInstance, a as getFieldsStates, b as getFieldsErrors, c as getErrorMessages, u as updateFieldsStates, v as validateForm, C as CONFIG, s as scrollToError, h as handleFieldInput, d as hasModeIncludes } from "../chunks/utils.D9NiqfdV.js";
+import { ref, toValue, computed, watch, provide, nextTick } from "vue";
+import { g as getInstance, a as getFieldsStates, b as getFieldsErrors, c as getErrorMessages, u as updateFieldsStates, v as validateForm, C as CONFIG, s as scrollToError, h as hasModeIncludes, d as handleFieldInput } from "../chunks/dom-events.CvkK8Xn2.js";
+function createValidationProcessor(fieldsToValidate, fieldsStates, payload, internalSchema, isSubmitted) {
+  return () => {
+    fieldsToValidate.forEach((name) => {
+      const fieldState = fieldsStates.value[name];
+      handleFieldInput({
+        name,
+        fieldState,
+        payload: payload.value,
+        schema: internalSchema.value,
+        isSubmitted: isSubmitted.value,
+        forceValidation: !0
+      });
+    });
+  };
+}
 function useFormValidator({ schema, defaultValues, model, options }) {
   const instance = getInstance("useFormValidator"), opts = {
     mode: CONFIG.mode,
@@ -8,7 +23,7 @@ function useFormValidator({ schema, defaultValues, model, options }) {
     throttledFields: null,
     identifier: "main-form-validator",
     ...options
-  }, internalDefaultValues = ref(defaultValues), payload = ref({ ...internalDefaultValues.value, ...model?.value }), internalSchema = ref(schema), fieldsStates = ref(
+  }, internalDefaultValues = ref(toValue(defaultValues)), payload = ref({ ...internalDefaultValues.value, ...model?.value }), internalSchema = ref(toValue(schema)), fieldsStates = ref(
     getFieldsStates({
       schema: internalSchema.value,
       payload: payload.value,
@@ -39,39 +54,37 @@ function useFormValidator({ schema, defaultValues, model, options }) {
     },
     { deep: !0 }
   ), internalValidateForm();
-  function internalValidateForm(showErrors = opts.mode === "aggressive") {
+  function internalValidateForm(setErrors = opts.mode === "aggressive") {
     return validateForm({
       fieldsStates: fieldsStates.value,
       payload: payload.value,
       schema: internalSchema.value,
-      showErrors
+      setErrors
     });
   }
-  const watchedPayloadStopFunctions = [];
-  async function addFieldValidationWatch(name) {
-    await nextTick();
-    const watchStopFunc = watch(
-      () => payload.value[name],
-      () => {
-        const fieldState = fieldsStates.value[name];
-        handleFieldInput({
-          name,
-          fieldState,
-          payload: payload.value,
-          schema: internalSchema.value,
-          isSubmitted: isSubmitted.value,
-          forceValidation: hasModeIncludes(["aggressive", "lazy", "progressive"], fieldState.mode)
+  let payloadWatchStop = null;
+  function setupOptimizedWatch() {
+    payloadWatchStop && payloadWatchStop();
+    const payloadSnapshot = computed(() => {
+      const snapshot = {};
+      for (const key of Object.keys(internalSchema.value))
+        snapshot[key] = payload.value[key];
+      return snapshot;
+    });
+    payloadWatchStop = watch(
+      payloadSnapshot,
+      (newSnapshot, oldSnapshot) => {
+        const fieldsToValidate = Object.keys(internalSchema.value).filter((name) => {
+          const fieldState = fieldsStates.value[name];
+          return fieldState && newSnapshot[name] !== oldSnapshot?.[name] && hasModeIncludes(["aggressive", "lazy", "progressive"], fieldState.mode);
         });
+        if (fieldsToValidate.length > 0) {
+          const processValidations = createValidationProcessor(fieldsToValidate, fieldsStates, payload, internalSchema, isSubmitted);
+          typeof requestIdleCallback < "u" ? requestIdleCallback(processValidations, { timeout: 100 }) : nextTick(processValidations);
+        }
       },
-      { deep: typeof internalSchema.value[name] == "object" }
+      { deep: !0 }
     );
-    watchedPayloadStopFunctions.push(watchStopFunc);
-  }
-  function addFieldsValidationWatch() {
-    for (const watchStopFunc of watchedPayloadStopFunctions)
-      watchStopFunc();
-    for (const name of Object.keys(internalSchema.value))
-      addFieldValidationWatch(name);
   }
   function handleSubmit(successCallback, enableScrollOrSelector) {
     return async (event) => {
@@ -96,7 +109,7 @@ function useFormValidator({ schema, defaultValues, model, options }) {
     errorMessages,
     isSubmitted
   };
-  return instance.formContexts ??= /* @__PURE__ */ new Map(), instance.formContexts.set(opts.identifier, context), provide(opts.identifier, context), addFieldsValidationWatch(), {
+  return instance.formContexts ??= /* @__PURE__ */ new Map(), instance.formContexts.set(opts.identifier, context), provide(opts.identifier, context), setupOptimizedWatch(), {
     identifier: opts.identifier,
     isDirty,
     isSubmitting,

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-divider-400{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400)/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-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-700)/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-surface-400{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/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;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-divider-400{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400)/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-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-700)/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-surface-400{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/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}}

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.ClMlhEtN.js";
+import { d as d2 } from "../chunks/fullscreen-img.directive.CyOHexcO.js";
 import { d as d3 } from "../chunks/lazy-img.directive.D5zCo3Zi.js";
 export {
   d as vClickOutside,

package/dist/directives/vFullscreenImg.js

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

package/dist/directives/vTooltip.js

@@ -1,4 +1,4 @@
-import { h } from "vue";
+import { ref, nextTick, watch, h } from "vue";
 import MazPopover from "../components/MazPopover.js";
 import { useMountComponent } from "../composables/useMountComponent.js";
 const tooltipInstances = /* @__PURE__ */ new WeakMap();
@@ -7,8 +7,7 @@ class TooltipHandler {
   constructor(options = {}) {
     this.defaultProps = {
       open: !1,
-      positionDelay: 0,
-      preferPosition: "top",
+      position: "top",
       trigger: "hover",
       role: "tooltip",
       closeOnClickOutside: !1,
@@ -17,7 +16,7 @@ class TooltipHandler {
       ...options
     };
   }
-  getPopoverProps(binding) {
+  getTooltipProps(binding) {
     const baseOptions = { ...this.defaultProps };
     return typeof binding.value == "string" ? {
       ...baseOptions,
@@ -30,79 +29,117 @@ class TooltipHandler {
     };
   }
   getPositionFromModifiers(binding) {
-    if (binding.modifiers.top)
-      return "top";
-    if (binding.modifiers.bottom)
-      return "bottom";
-    if (binding.modifiers.left)
-      return "left";
-    if (binding.modifiers.right)
-      return "right";
-    if (binding.modifiers["top-start"])
-      return "top-start";
-    if (binding.modifiers["top-end"])
-      return "top-end";
-    if (binding.modifiers["bottom-start"])
-      return "bottom-start";
-    if (binding.modifiers["bottom-end"])
-      return "bottom-end";
-    if (binding.modifiers["left-start"])
-      return "left-start";
-    if (binding.modifiers["left-end"])
-      return "left-end";
-    if (binding.modifiers["right-start"])
-      return "right-start";
-    if (binding.modifiers["right-end"])
-      return "right-end";
-    if (binding.modifiers.auto)
-      return "auto";
+    const modifiers = Object.keys(binding.modifiers), validPositions = [
+      "top",
+      "bottom",
+      "left",
+      "right",
+      "top-start",
+      "top-end",
+      "bottom-start",
+      "bottom-end",
+      "left-start",
+      "left-end",
+      "right-start",
+      "right-end",
+      "auto"
+    ];
+    for (const modifier of modifiers)
+      if (validPositions.includes(modifier))
+        return modifier;
   }
   mount(el, binding) {
     this.unmount(el);
-    const props = this.getPopoverProps(binding);
-    if (!props.text && !props.html) {
+    const tooltipProps = this.getTooltipProps(binding);
+    if (!tooltipProps.text && !tooltipProps.html) {
       console.warn("[maz-ui](vTooltip) No text or html content provided");
       return;
     }
-    const popoverWrapper = document.createElement("div");
-    popoverWrapper.classList.add("m-tooltip-wrapper"), popoverWrapper.style.display = "inline-flex", el.parentNode && el.parentNode.replaceChild(popoverWrapper, el);
-    const popoverProps = {
-      ...props,
-      panelClass: ["m-tooltip-panel", "maz-text-sm", "maz-whitespace-pre-wrap", "maz-break-words", "maz-p-2", "maz-max-w-xs", props.panelClass].filter(Boolean).join(" "),
-      modelValue: props.open
-    }, { destroy } = useMountComponent(MazPopover, {
-      props: popoverProps,
-      children: {
-        trigger: () => h("div", {
-          ref: (triggerDiv) => {
-            triggerDiv && triggerDiv instanceof HTMLElement && !triggerDiv.contains(el) && triggerDiv.replaceWith(el);
+    const isOpen = ref(!!tooltipProps.open), tooltipContainer = document.createElement("div");
+    document.body.appendChild(tooltipContainer);
+    let vNodeInstance = null;
+    const createTooltip = () => {
+      const popoverProps = {
+        ...tooltipProps,
+        panelClass: [
+          "m-tooltip-panel",
+          "maz-text-sm",
+          "maz-whitespace-pre-wrap",
+          "maz-break-words",
+          "maz-p-2",
+          "maz-max-w-xs",
+          tooltipProps.panelClass
+        ].filter(Boolean).join(" "),
+        modelValue: isOpen.value,
+        positionReference: el
+        // Use original element as reference
+      };
+      vNodeInstance && vNodeInstance.destroy(), vNodeInstance = useMountComponent(MazPopover, {
+        props: {
+          ...popoverProps,
+          modelValue: isOpen.value,
+          "onUpdate:modelValue": (value) => {
+            isOpen.value = value;
           }
-        }),
-        default: () => props.html ? h("div", { innerHTML: props.html }) : props.text || ""
-      },
-      element: popoverWrapper
+        },
+        children: {
+          // Use a dummy trigger since we control positioning via positionReference
+          // trigger: () => h('div', { style: 'display: none;' }),
+          default: () => tooltipProps.html ? h("div", { innerHTML: tooltipProps.html }) : tooltipProps.text || ""
+        },
+        element: tooltipContainer
+      });
+    };
+    function isTouchDevice() {
+      return "ontouchstart" in window || navigator.maxTouchPoints > 0;
+    }
+    function getEffectiveTrigger() {
+      return tooltipProps.trigger === "adaptive" ? isTouchDevice() ? "click" : "hover" : tooltipProps.trigger || "hover";
+    }
+    let mouseEnterHandler = null, mouseLeaveHandler = null, clickHandler = null;
+    function setupTriggers() {
+      cleanupTriggers();
+      const effectiveTrigger = getEffectiveTrigger();
+      effectiveTrigger === "hover" ? (mouseEnterHandler = () => {
+        isOpen.value = !0;
+      }, mouseLeaveHandler = () => {
+        isOpen.value = !1;
+      }, el.addEventListener("mouseenter", mouseEnterHandler), el.addEventListener("mouseleave", mouseLeaveHandler)) : effectiveTrigger === "click" && (clickHandler = () => {
+        isOpen.value = !isOpen.value;
+      }, el.addEventListener("click", clickHandler));
+    }
+    function cleanupTriggers() {
+      mouseEnterHandler && (el.removeEventListener("mouseenter", mouseEnterHandler), mouseEnterHandler = null), mouseLeaveHandler && (el.removeEventListener("mouseleave", mouseLeaveHandler), mouseLeaveHandler = null), clickHandler && (el.removeEventListener("click", clickHandler), clickHandler = null);
+    }
+    nextTick(() => {
+      createTooltip(), setupTriggers();
+    }), watch(isOpen, () => {
+      createTooltip();
     });
-    function cleanup(shouldRestore = !0) {
-      if (destroy(), shouldRestore && popoverWrapper.parentNode)
-        try {
-          popoverWrapper.parentNode.insertBefore(el, popoverWrapper), popoverWrapper.parentNode.removeChild(popoverWrapper);
-        } catch (error) {
-          console.warn("[maz-ui](vTooltip) Failed to restore original element:", error);
-        }
+    function destroy() {
+      cleanupTriggers(), vNodeInstance && (vNodeInstance.destroy(), vNodeInstance = null), tooltipContainer.parentNode && tooltipContainer.parentNode.removeChild(tooltipContainer);
+    }
+    function updateProps(newProps) {
+      const oldTrigger = tooltipProps.trigger;
+      Object.assign(tooltipProps, newProps), isOpen.value = !!newProps.open, oldTrigger !== newProps.trigger && setupTriggers(), createTooltip();
     }
     tooltipInstances.set(el, {
       destroy,
-      popoverWrapper,
-      cleanup
+      updateProps,
+      isOpen
     });
   }
   update(el, binding) {
     const instance = tooltipInstances.get(el);
-    instance && (instance.cleanup(!0), tooltipInstances.delete(el)), this.mount(el, binding);
+    if (instance) {
+      const newProps = this.getTooltipProps(binding);
+      instance.updateProps(newProps);
+    } else
+      this.mount(el, binding);
   }
   unmount(el) {
     const instance = tooltipInstances.get(el);
-    instance && (instance.cleanup(!1), tooltipInstances.delete(el));
+    instance && (instance.destroy(), tooltipInstances.delete(el));
   }
 }
 let globalHandler;

package/dist/plugins/toast.js

@@ -1,9 +1,9 @@
 import { useMountComponent } from "../composables/useMountComponent.js";
 import { defineComponent, defineAsyncComponent, ref, computed, watch, onMounted, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, createCommentVNode, createElementBlock, resolveDynamicComponent, toDisplayString, Fragment, renderList, unref, mergeProps, normalizeStyle, createVNode, vShow } from "vue";
-import { u as ur, b as at, t as tn, w as wr, d as si, E, f as mn } from "../chunks/index.CvKh762h.js";
+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.kunueRvo.css';const _hoisted_1 = ["textContent", "innerHTML"], _hoisted_2 = {
+import '../assets/toast.CC2VQab8.css';const _hoisted_1 = ["textContent", "innerHTML"], _hoisted_2 = {
   key: 1,
   class: "m-toast__progress-bar"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -32,13 +32,13 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
       if (__props.icon)
         switch (__props.type) {
           case "destructive":
-            return wr;
+            return MazExclamationTriangle;
           case "info":
-            return tn;
+            return MazInformationCircle;
           case "success":
-            return at;
+            return MazCheckCircle;
           case "warning":
-            return ur;
+            return MazExclamationCircle;
           default:
             return;
         }
@@ -116,7 +116,7 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
     }
     function getButtonRightIcon(button) {
       if (!(!button.to && !button.href))
-        return button.target === "_blank" ? E : mn;
+        return button.target === "_blank" ? MazArrowTopRightOnSquare : MazLinkIcon;
     }
     return __expose({
       /**
@@ -148,8 +148,8 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
             class: "m-toast__button",
             onMouseover: _cache[0] || (_cache[0] = ($event) => toggleTimer(!0)),
             onMouseleave: _cache[1] || (_cache[1] = ($event) => toggleTimer(!1)),
-            onTouchstart: _cache[2] || (_cache[2] = ($event) => toggleTimer(!0)),
-            onTouchend: _cache[3] || (_cache[3] = ($event) => toggleTimer(!1)),
+            onTouchstartPassive: _cache[2] || (_cache[2] = ($event) => toggleTimer(!0)),
+            onTouchendPassive: _cache[3] || (_cache[3] = ($event) => toggleTimer(!1)),
             onClick: _cache[4] || (_cache[4] = withModifiers(($event) => click($event), ["stop"]))
           }, [
             iconComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), {
@@ -161,13 +161,10 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
               textContent: toDisplayString(_ctx.html ? void 0 : _ctx.message),
               innerHTML: _ctx.html ? _ctx.message : void 0
             }, null, 8, _hoisted_1),
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(internalButtons.value, (_button, index) => (openBlock(), createBlock(unref(MazBtn), mergeProps({
-              key: index,
-              ref_for: !0
-            }, _button, {
-              loading: isActionLoading.value || _button.loading,
-              "right-icon": getButtonRightIcon(_button),
-              onClick: withModifiers(($event) => onButtonClick(_button, $event), ["stop"])
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(internalButtons.value, (toastButton, index) => (openBlock(), createBlock(unref(MazBtn), mergeProps({ key: index }, { ref_for: !0 }, toastButton, {
+              loading: isActionLoading.value || toastButton.loading,
+              "right-icon": getButtonRightIcon(toastButton),
+              onClick: withModifiers(($event) => onButtonClick(toastButton, $event), ["stop"])
             }), null, 16, ["loading", "right-icon", "onClick"]))), 128)),
             typeof _ctx.timeout == "number" && _ctx.timeout > 0 && !_ctx.persistent ? (openBlock(), createElementBlock("div", _hoisted_2, [
               createElementVNode("div", {
@@ -182,7 +179,7 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
             class: "m-toast__close",
             onClick: _cache[5] || (_cache[5] = withModifiers(($event) => click($event), ["stop"]))
           }, [
-            createVNode(unref(si), { class: "m-toast__close-icon" })
+            createVNode(unref(MazXMark), { class: "m-toast__close-icon" })
           ])
         ], 2), [
           [vShow, isActive.value]
@@ -191,7 +188,7 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
       _: 1
     }, 8, ["name"]));
   }
-}), MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d17b7c4b"]]), DEFAULT_OPTIONS = {
+}), MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7235a0f8"]]), DEFAULT_OPTIONS = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1

package/dist/resolvers/MazModulesResolver.js

@@ -21,6 +21,9 @@ const composablesMap = {
   useMountComponent: !0
 }, modulesMap = {
   capitalize: !0,
+  execPromise: !0,
+  getErrorMessage: !0,
+  logger: !0,
   checkAvailability: !0,
   countryCodeToUnicodeFlag: !0,
   formatCurrency: !0,

package/dist/tailwindcss/tailwind.config.js

@@ -67,7 +67,7 @@ function requirePlugin() {
 }
 var pluginExports = /* @__PURE__ */ requirePlugin();
 const plugin = /* @__PURE__ */ getDefaultExportFromCjs(pluginExports);
-function defineMazTailwindConfig(config) {
+function defineMazTailwindConfig(config, { utilities: utilities$1 } = {}) {
   return {
     darkMode: ["class", '[class~="dark"]'],
     content: [],
@@ -81,7 +81,10 @@ function defineMazTailwindConfig(config) {
     },
     plugins: [
       plugin(({ addUtilities }) => {
-        addUtilities(utilities);
+        addUtilities({
+          ...utilities,
+          ...utilities$1
+        });
       })
     ],
     ...config