maz-ui 4.0.0-beta.2 → 4.0.0-beta.21

package/dist/chunks/{useTranslations.BXuww4ux.js → useTranslations.D5aoYwD7.js}

@@ -2,7 +2,7 @@ import { inject } from "vue";
 function useTranslations() {
   const injected = inject("mazTranslations");
   if (!injected)
-    throw new Error("MazTranslations plugin or MazUi plugin not installed. Please install the plugin first.");
+    throw new Error("[@maz-ui/translations] You must install the MazUi or MazTranslations plugin before using useTranslations composable");
   return injected;
 }
 export {

package/dist/chunks/vClickOutside.DIOiluy0.js

@@ -0,0 +1,107 @@
+import { nextTick } from "vue";
+function isServer() {
+  return typeof document > "u" || typeof globalThis.window > "u";
+}
+const eventHandlers = /* @__PURE__ */ new WeakMap();
+function getEventType() {
+  return isServer() ? "click" : document.ontouchstart === null ? "touchstart" : "click";
+}
+function isOptionsObject(value) {
+  return typeof value == "object" && value !== null && "callback" in value;
+}
+function getOptionsFromBinding(binding) {
+  const value = binding.value;
+  return isOptionsObject(value) ? {
+    ignore: [],
+    capture: !1,
+    once: !1,
+    stopPropagation: !1,
+    ...value
+  } : {
+    callback: value,
+    ignore: [],
+    capture: !1,
+    once: !1,
+    stopPropagation: !1
+  };
+}
+function shouldIgnoreElement(target, ignoreSelectors) {
+  return isServer() ? !1 : ignoreSelectors.some((selector) => {
+    try {
+      if (target.matches && target.matches(selector) || target.closest && target.closest(selector) !== null)
+        return !0;
+      const excludedElement = document.querySelector(selector);
+      if (excludedElement) {
+        const elementId = excludedElement.getAttribute("id");
+        if (elementId && target instanceof HTMLElement && target.getAttribute("id") === elementId || excludedElement.contains(target))
+          return !0;
+      }
+      return !1;
+    } catch {
+      return !1;
+    }
+  });
+}
+async function onMounted(el, binding) {
+  if (!isServer())
+    try {
+      onUnmounted(el);
+      const vm = binding.instance, options = getOptionsFromBinding(binding), { callback, ignore = [], capture = !1, once = !1, stopPropagation = !1 } = options, isCallbackFunction = typeof callback == "function";
+      if (!isCallbackFunction)
+        throw new Error("[maz-ui](vClickOutside) the callback should be a function");
+      await nextTick();
+      const eventHandler = (event) => {
+        stopPropagation && event.stopPropagation();
+        const target = event.target;
+        if (!target || !el)
+          return;
+        const isOutside = !el.contains(target), shouldIgnore = ignore.length > 0 && shouldIgnoreElement(target, ignore);
+        if (isOutside && !shouldIgnore && callback && isCallbackFunction)
+          return callback.call(vm, event);
+      };
+      eventHandlers.set(el, eventHandler);
+      const eventType = getEventType(), eventOptions = {
+        passive: !0,
+        capture,
+        once
+      };
+      document.addEventListener(eventType, eventHandler, eventOptions);
+    } catch (error) {
+      console.error("[maz-ui](vClickOutside)", error);
+    }
+}
+function onUnmounted(el) {
+  if (!isServer())
+    try {
+      const eventHandler = eventHandlers.get(el);
+      if (eventHandler) {
+        const eventType = getEventType();
+        document.removeEventListener(eventType, eventHandler, !1), eventHandlers.delete(el);
+      }
+    } catch (error) {
+      console.error("[maz-ui](vClickOutside)", error);
+    }
+}
+function onUpdated(el, binding) {
+  try {
+    if (binding.value === binding.oldValue)
+      return;
+    onMounted(el, binding);
+  } catch (error) {
+    console.error("[maz-ui](vClickOutside)", error);
+  }
+}
+const directive = {
+  mounted: onMounted,
+  updated: onUpdated,
+  unmounted: onUnmounted
+}, plugin = {
+  install: (app) => {
+    app.directive("click-outside", directive);
+  }
+};
+export {
+  directive as d,
+  isServer as i,
+  plugin as p
+};

package/dist/components/MazAccordion.js

@@ -4,7 +4,7 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import MazCardSpotlight from "./MazCardSpotlight.js";
 import MazExpandAnimation from "./MazExpandAnimation.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAccordion.esK3rR4p.css';const _hoisted_1 = {
+import '../assets/MazAccordion.DUQCf8vy.css';const _hoisted_1 = {
   class: "m-accordion m-reset-css",
   role: "presentation"
 }, _hoisted_2 = ["id", "aria-controls", "aria-expanded", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
@@ -78,7 +78,7 @@ import '../assets/MazAccordion.esK3rR4p.css';const _hoisted_1 = {
       }, 1024))), 128))
     ]));
   }
-}), MazAccordion = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3531c128"]]);
+}), MazAccordion = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70bf9ef9"]]);
 export {
   MazAccordion as default
 };

package/dist/components/MazAnimatedCounter.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, watch, createElementBlock, openBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedCounter.CTG-PC5W.css';const _hoisted_1 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazAnimatedCounter.DkZNPRLp.css';const _hoisted_1 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -14,7 +14,7 @@ import '../assets/MazAnimatedCounter.CTG-PC5W.css';const _hoisted_1 = { class: "
   setup(__props) {
     const props = __props, currentCount = ref(0), elementRef = ref(null);
     function getRequestAnimationFrame() {
-      return !isClient() || !window.requestAnimationFrame ? (callback) => (setTimeout(callback, 1e3 / 60), 0) : window.requestAnimationFrame.bind(window);
+      return !isClient() || !globalThis.requestAnimationFrame ? (callback) => (setTimeout(callback, 1e3 / 60), 0) : globalThis.requestAnimationFrame.bind(globalThis);
     }
     function animate(start, end, duration, delay) {
       const requestAnim = getRequestAnimationFrame();
@@ -71,7 +71,7 @@ import '../assets/MazAnimatedCounter.CTG-PC5W.css';const _hoisted_1 = { class: "
       ], !0)
     ], 512));
   }
-}), MazAnimatedCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-59b16e46"]]);
+}), MazAnimatedCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-02bb6e23"]]);
 export {
   MazAnimatedCounter as default
 };

package/dist/components/MazAnimatedText.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createCommentVNode, Fragment, renderList, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, createTextVNode } from "vue";
 import { c as checkAvailability } from "../chunks/checkAvailability.aTpZidex.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedText.BrOwWuqf.css';const _hoisted_1 = { class: "m-reset-css m-animated-text" }, _hoisted_2 = { class: "m-animated-text__last-word-inner" }, _hoisted_3 = { class: "m-animated-text__last-word-inner-text" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazAnimatedText.DDqCxrFX.css';const _hoisted_1 = { class: "m-reset-css m-animated-text" }, _hoisted_2 = { class: "m-animated-text__last-word-inner" }, _hoisted_3 = { class: "m-animated-text__last-word-inner-text" }, _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "MazAnimatedText",
   props: {
@@ -73,7 +73,7 @@ import '../assets/MazAnimatedText.BrOwWuqf.css';const _hoisted_1 = { class: "m-r
       }, 16))
     ]));
   }
-}), MazAnimatedText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-195e3ada"]]);
+}), MazAnimatedText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1285ff2b"]]);
 export {
   MazAnimatedText as default
 };

package/dist/components/MazBackdrop.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, watch, nextTick, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, mergeProps, createElementVNode, withModifiers, normalizeClass, renderSlot } from "vue";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazBackdrop.DNpnLh63.css';const _hoisted_1 = {
+import '../assets/MazBackdrop.BnhcmjbP.css';const _hoisted_1 = {
   role: "dialog",
   class: "m-backdrop-container",
   "aria-modal": "true"
@@ -65,7 +65,7 @@ import '../assets/MazBackdrop.DNpnLh63.css';const _hoisted_1 = {
     let initialFocusableElement = null;
     function findFirstFocusableElement(selector) {
       const modal = document.querySelector(selector), visibleFocusableElements = (modal && Array.from(modal.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select')))?.filter((el) => {
-        const style = window.getComputedStyle(el);
+        const style = globalThis.getComputedStyle(el);
         return style.display !== "none" && style.visibility !== "hidden" && !el.disabled;
       });
       return visibleFocusableElements && visibleFocusableElements.length > 0 ? visibleFocusableElements[0] : null;
@@ -118,7 +118,7 @@ import '../assets/MazBackdrop.DNpnLh63.css';const _hoisted_1 = {
       }, 8, ["name"])
     ], 8, ["to"]));
   }
-}), MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92b68934"]]);
+}), MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-94bf4716"]]);
 export {
   MazBackdrop as default
 };

package/dist/components/MazBadge.js

@@ -1,6 +1,7 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
+import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazBadge.DN8tdE8_.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazBadge.ChI2DaTU.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBadge",
   props: {
     color: { default: "primary" },
@@ -13,7 +14,7 @@ import '../assets/MazBadge.DN8tdE8_.css';const _sfc_main = /* @__PURE__ */ defin
   setup(__props) {
     return (_ctx, _cache) => (openBlock(), createElementBlock("span", {
       class: normalizeClass(["m-badge m-reset-css", [
-        `--${_ctx.color}`,
+        `--${unref(getColor)(_ctx.color)}`,
         { "--outlined": _ctx.outlined, "--pastel": _ctx.pastel, "--nowrap": _ctx.nowrap },
         `--rounded-${_ctx.roundedSize}`
       ]]),
@@ -22,7 +23,7 @@ import '../assets/MazBadge.DN8tdE8_.css';const _sfc_main = /* @__PURE__ */ defin
       renderSlot(_ctx.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), MazBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-75298911"]]);
+}), MazBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3e5aca4b"]]);
 export {
   MazBadge as default
 };

package/dist/components/MazBtn.js

@@ -1,6 +1,7 @@
-import { defineComponent, defineAsyncComponent, useAttrs, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot, createElementBlock, createCommentVNode, unref, createTextVNode, toDisplayString, createVNode } from "vue";
+import { defineComponent, defineAsyncComponent, useAttrs, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot, createElementBlock, createCommentVNode, createTextVNode, toDisplayString, createVNode } from "vue";
+import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazBtn.BnRxVlqS.css';const _hoisted_1 = {
+import '../assets/MazBtn.BFhP-9HO.css';const _hoisted_1 = {
   key: 0,
   class: "m-btn-loader-container"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -24,7 +25,7 @@ import '../assets/MazBtn.BnRxVlqS.css';const _hoisted_1 = {
     justify: { default: "center" }
   },
   setup(__props) {
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), { href, to } = useAttrs(), component = computed(() => href ? "a" : to ? "router-link" : "button"), btnColorClass = computed(() => __props.pastel ? `--${__props.color}-pastel` : __props.outlined ? `--${__props.color}-outlined` : `--${__props.color}`), isDisabled = computed(
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), { href, to } = useAttrs(), component = computed(() => href ? "a" : to ? "router-link" : "button"), btnColorClass = computed(() => __props.pastel ? `--${__props.color}-pastel` : __props.outlined ? `--${__props.color}-outlined` : `--${getColor(__props.color)}`), isDisabled = computed(
       () => (__props.loading || __props.disabled) && component.value === "button"
     ), cursorClass = computed(() => isDisabled.value ? "--cursor-default" : "--cursor-pointer"), btnType = computed(() => component.value === "button" ? __props.type : void 0), iconClassSize = computed(() => __props.size === "xl" ? "maz-text-3xl" : __props.size === "lg" ? "maz-text-2xl" : __props.size === "md" ? "maz-text-xl" : __props.size === "sm" ? "maz-text-lg" : __props.size === "xs" ? "maz-text-base" : __props.size === "mini" ? "maz-text-sm" : "maz-text-xl");
     return (_ctx, _cache) => (openBlock(), createBlock(resolveDynamicComponent(component.value), {
@@ -38,11 +39,10 @@ import '../assets/MazBtn.BnRxVlqS.css';const _hoisted_1 = {
           "--block": _ctx.block,
           "--fab": _ctx.fab,
           "--loading": _ctx.loading,
-          "--disabled": isDisabled.value,
           "--no-padding": !_ctx.padding
         }
       ]]),
-      style: normalizeStyle([`--justify: ${_ctx.justify}`, `--color: var(--maz-${_ctx.color})`]),
+      style: normalizeStyle([`--justify: ${_ctx.justify}`, `--color: var(--maz-${unref(getColor)(_ctx.color)})`]),
       type: btnType.value
     }, {
       default: withCtx(() => [
@@ -80,13 +80,15 @@ import '../assets/MazBtn.BnRxVlqS.css';const _hoisted_1 = {
           }, null, 8, ["class"])) : createCommentVNode("", !0)
         ], !0),
         _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(unref(MazSpinner), { size: "2em" })
+          renderSlot(_ctx.$slots, "loader", {}, () => [
+            createVNode(unref(MazSpinner), { size: "2em" })
+          ], !0)
         ])) : createCommentVNode("", !0)
       ]),
       _: 3
     }, 8, ["disabled", "class", "style", "type"]));
   }
-}), MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b725eb4b"]]);
+}), MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-010b1d32"]]);
 export {
   MazBtn as default
 };

package/dist/components/MazCard.js

@@ -2,7 +2,7 @@ import { defineComponent, mergeModels, defineAsyncComponent, useSlots, useModel,
 import { MazChevronDown } from "@maz-ui/icons";
 import { RouterLink } from "vue-router";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazCard.C6nDaeIC.css';const _hoisted_1 = {
+import '../assets/MazCard.DBuQhXtl.css';const _hoisted_1 = {
   key: 0,
   class: "m-card__gallery__wrapper"
 }, _hoisted_2 = { class: "maz-min-w-0 maz-flex-1" }, _hoisted_3 = {
@@ -175,7 +175,7 @@ import '../assets/MazCard.C6nDaeIC.css';const _hoisted_1 = {
       ])) : createCommentVNode("", !0)
     ], 2));
   }
-}), MazCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d1f9104d"]]);
+}), MazCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b17f806c"]]);
 export {
   MazCard as default
 };

package/dist/components/MazCardSpotlight.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, withDirectives, renderSlot, vShow } from "vue";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazCardSpotlight.Dy-wuLQq.css';const _hoisted_1 = { class: "inner" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazCardSpotlight.IbPp_y0j.css';const _hoisted_1 = { class: "inner" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },
@@ -31,9 +31,9 @@ import '../assets/MazCardSpotlight.Dy-wuLQq.css';const _hoisted_1 = { class: "in
     }
     const alphaColor = computed(() => `hsl(var(--maz-${__props.color}) / 60%)`), alphaColor20 = computed(() => `hsl(var(--maz-${__props.color}) / 20%)`);
     return onMounted(() => {
-      window.addEventListener("mousemove", animateBlob);
+      globalThis.addEventListener("mousemove", animateBlob);
     }), onUnmounted(() => {
-      window.removeEventListener("mousemove", animateBlob);
+      globalThis.removeEventListener("mousemove", animateBlob);
     }), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["m-card-spotlight m-reset-css", { "maz-shadow-elevation maz-drop-shadow-md": _ctx.elevation }]),
       style: normalizeStyle({ backgroundColor: alphaColor20.value, "--inner-opacity": _ctx.innerOpacity })
@@ -63,7 +63,7 @@ import '../assets/MazCardSpotlight.Dy-wuLQq.css';const _hoisted_1 = { class: "in
       ])
     ], 6));
   }
-}), MazCardSpotlight = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-247aad92"]]);
+}), MazCardSpotlight = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e67f8a00"]]);
 export {
   MazCardSpotlight as default
 };

package/dist/components/MazCarousel.js

@@ -1,6 +1,6 @@
 import { defineComponent, defineAsyncComponent, useSlots, ref, computed, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createVNode, unref, withCtx } from "vue";
 import { MazChevronLeft, MazChevronRight } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
+import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazCarousel.BaqN4hLP.css';const _hoisted_1 = { key: 0 }, _hoisted_2 = {
   key: 1,

package/dist/components/MazCheckbox.js

@@ -1,8 +1,8 @@
-import { defineComponent, computed, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, mergeProps, createVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, mergeProps, createVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { MazCheck } from "@maz-ui/icons";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazCheckbox.C_qIngLy.css';const _hoisted_1 = ["for", "tabindex", "aria-checked"], _hoisted_2 = ["id", "checked", "disabled", "name"], _hoisted_3 = {
+import '../assets/MazCheckbox.aH1IKnrR.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "checked", "disabled", "name"], _hoisted_3 = {
   key: 0,
   class: "m-checkbox__text"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -22,15 +22,14 @@ import '../assets/MazCheckbox.C_qIngLy.css';const _hoisted_1 = ["for", "tabindex
     error: { type: Boolean },
     success: { type: Boolean },
     warning: { type: Boolean },
-    hint: {},
-    tabindex: { default: 0 }
+    hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
   setup(__props, { emit: __emit }) {
     const props = __props, emits = __emit, instanceId = useInstanceUniqId({
       componentName: "MazCheckbox",
       providedId: props.id
-    }), isChecked = computed(() => typeof props.value != "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue == "boolean" ? props.modelValue : !1), checkboxSize = computed(() => {
+    }), inputRef = ref(), isFocused = ref(!1), isChecked = computed(() => typeof props.value != "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue == "boolean" ? props.modelValue : !1), checkboxSize = computed(() => {
       switch (props.size) {
         case "xl":
           return "2rem";
@@ -60,7 +59,7 @@ import '../assets/MazCheckbox.C_qIngLy.css';const _hoisted_1 = ["for", "tabindex
         default:
           return "maz-text-lg";
       }
-    }), checkIconColor = computed(() => props.color === "contrast" ? "hsl(var(--maz-background))" : `hsl(var(--maz-${props.color}-foreground))`), checkboxSelectedColor = computed(() => props.color === "contrast" ? "hsl(var(--maz-contrast))" : `hsl(var(--maz-${props.color}))`), checkboxBoxShadow = computed(() => props.error ? "hsl(var(--maz-destructive))" : props.warning ? "hsl(var(--maz-warning))" : props.success ? "hsl(var(--maz-success))" : ["transparent", "contrast"].includes(props.color) ? "hsl(var(--maz-muted))" : `hsl(var(--maz-${props.color}) / 60%)`);
+    }), checkIconColor = computed(() => props.color === "contrast" ? "hsl(var(--maz-background))" : `hsl(var(--maz-${props.color}-foreground))`), checkboxSelectedColor = computed(() => props.color === "contrast" ? "hsl(var(--maz-contrast))" : `hsl(var(--maz-${props.color}))`), checkboxBoxShadow = computed(() => props.error && !isFocused.value ? "hsl(var(--maz-destructive))" : props.warning && !isFocused.value ? "hsl(var(--maz-warning))" : props.success && !isFocused.value ? "hsl(var(--maz-success))" : ["transparent", "contrast"].includes(props.color) ? "hsl(var(--maz-muted))" : `hsl(var(--maz-${props.color}) / 60%)`);
     function keyboardHandler(event) {
       ["Space"].includes(event.code) && (event.preventDefault(), emitValue(props.value ?? !props.modelValue));
     }
@@ -71,20 +70,19 @@ import '../assets/MazCheckbox.C_qIngLy.css';const _hoisted_1 = ["for", "tabindex
       const newValue = getNewValue(value);
       emits("update:model-value", newValue), emits("change", newValue);
     }
-    const inputRef = ref();
     function onBlur(event) {
-      inputRef.value?.dispatchEvent(new Event("blur")), emits("blur", event);
+      isFocused.value = !1, inputRef.value?.dispatchEvent(new Event("blur")), emits("blur", event);
     }
     function onFocus(event) {
-      inputRef.value?.dispatchEvent(new Event("focus")), emits("focus", event);
+      isFocused.value = !0, inputRef.value?.dispatchEvent(new Event("focus")), emits("focus", event);
     }
     return (_ctx, _cache) => (openBlock(), createElementBlock("label", {
       for: unref(instanceId),
-      class: normalizeClass(["m-checkbox m-reset-css", [{ "--disabled": _ctx.disabled, "--error": _ctx.error, "--warning": _ctx.warning, "--success": _ctx.success }, props.class]]),
-      tabindex: _ctx.tabindex,
+      class: normalizeClass(["m-checkbox m-reset-css", [{ "--error": _ctx.error, "--warning": _ctx.warning, "--success": _ctx.success }, props.class]]),
       style: normalizeStyle([_ctx.style, { "--checkbox-selected-color": checkboxSelectedColor.value, "--checkbox-box-shadow-color": checkboxBoxShadow.value }]),
       role: "checkbox",
       "aria-checked": isChecked.value,
+      tabindex: "0",
       onKeydown: keyboardHandler,
       onBlur,
       onFocus
@@ -124,7 +122,7 @@ import '../assets/MazCheckbox.C_qIngLy.css';const _hoisted_1 = ["for", "tabindex
       ])) : createCommentVNode("", !0)
     ], 46, _hoisted_1));
   }
-}), MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd527f18"]]);
+}), MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0961f346"]]);
 export {
   MazCheckbox as default
 };

package/dist/components/MazChecklist.js

@@ -1,13 +1,12 @@
 import { defineComponent, defineAsyncComponent, ref, watch, computed, createElementBlock, openBlock, createElementVNode, createVNode, unref, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString, mergeProps, withCtx, Fragment, renderList } from "vue";
 import { MazMagnifyingGlass, MazNoSymbol } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
-import { n as normalizeString } from "../chunks/normalizeString.CFe2M8S_.js";
+import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
+import { n as normalizeString, u as useStringMatching } from "../chunks/useStringMatching.Ba1yCuA4.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import { useStringMatching } from "../composables/useStringMatching.js";
 import MazCardSpotlight from "./MazCardSpotlight.js";
 import MazCheckbox from "./MazCheckbox.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazChecklist.CWK_Gl-t.css';const _hoisted_1 = { class: "m-checklist m-reset-css" }, _hoisted_2 = ["for"], _hoisted_3 = {
+import '../assets/MazChecklist.BzF5KtZ3.css';const _hoisted_1 = { class: "m-checklist m-reset-css" }, _hoisted_2 = ["for"], _hoisted_3 = {
   key: 0,
   class: "title"
 }, _hoisted_4 = {
@@ -127,7 +126,7 @@ import '../assets/MazChecklist.CWK_Gl-t.css';const _hoisted_1 = { class: "m-chec
       }, 8, ["color", "elevation"])
     ]));
   }
-}), MazChecklist = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e3215167"]]);
+}), MazChecklist = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a24e1de6"]]);
 export {
   MazChecklist as default
 };

package/dist/components/MazDatePicker.js

@@ -1,4 +1,4 @@
-import { M } from "../chunks/MazDatePicker.CT5yJhSN.js";
+import { M } from "../chunks/MazDatePicker.De3Ltb2F.js";
 import "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 export {
   M as default

package/dist/components/MazDialogConfirm.js

@@ -0,0 +1,6 @@
+import { _ as _sfc_main } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.Grn2kB3x.js";
+import { u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.Grn2kB3x.js";
+export {
+  _sfc_main as default,
+  u as useMazDialogConfirm
+};

package/dist/components/MazDropdown.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.abk1IbMX.js";
+import { _ as _sfc_main } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.BES3jpuw.js";
 export {
   _sfc_main as default
 };

package/dist/components/MazDropzone.js

@@ -1,13 +1,13 @@
 import { defineComponent, mergeModels, defineAsyncComponent, useModel, onBeforeMount, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, withModifiers, Transition, createBlock, mergeProps, toDisplayString, createTextVNode } from "vue";
 import { MazCheckCircle, MazXCircle, MazTrash, MazArrowUpOnSquare } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
+import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
 import { s as sleep } from "../chunks/sleep.BLRH1qZG.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import { useDropZone } from "../composables/useDropzone.js";
+import { useDropzone } from "../composables/useDropzone.js";
 import MazBtn from "./MazBtn.js";
 import MazIcon from "./MazIcon.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazDropzone.DafxQwbq.css';const _hoisted_1 = ["for"], _hoisted_2 = { class: "m-dropzone__icon-container" }, _hoisted_3 = { class: "m-dropzone__description" }, _hoisted_4 = { class: "m-dropzone__file-info" }, _hoisted_5 = { class: "m-dropzone__file-name" }, _hoisted_6 = { class: "m-dropzone__file-size" }, _hoisted_7 = { class: "m-dropzone__content" }, _hoisted_8 = { class: "m-dropzone__upload-text" }, _hoisted_9 = { class: "m-dropzone__divider" }, _hoisted_10 = {
+import '../assets/MazDropzone.CXu1QtnY.css';const _hoisted_1 = ["for"], _hoisted_2 = { class: "m-dropzone__icon-container" }, _hoisted_3 = { class: "m-dropzone__description" }, _hoisted_4 = { class: "m-dropzone__file-info" }, _hoisted_5 = { class: "m-dropzone__file-name" }, _hoisted_6 = { class: "m-dropzone__file-size" }, _hoisted_7 = { class: "m-dropzone__content" }, _hoisted_8 = { class: "m-dropzone__upload-text" }, _hoisted_9 = { class: "m-dropzone__divider" }, _hoisted_10 = {
   key: 0,
   class: "m-dropzone__info-text"
 }, _hoisted_11 = { key: 0 }, _hoisted_12 = { key: 0 }, _hoisted_13 = ["id", "multiple", "accept", "disabled"], _sfc_main = /* @__PURE__ */ defineComponent({
@@ -236,7 +236,7 @@ import '../assets/MazDropzone.DafxQwbq.css';const _hoisted_1 = ["for"], _hoisted
     function onOver(files, event) {
       emits("over", { files, event });
     }
-    const { isOverDropZone, isOverError } = useDropZone(dropZoneRef, { dataTypes: __props.dataTypes, onDrop, preventDefaultForUnhandled: __props.preventDefaultForUnhandled, multiple: hasMultiple.value, onError, onEnter, onLeave, onOver }), fileInput = ref();
+    const { isOverDropZone, isOverError } = useDropzone(dropZoneRef, { dataTypes: __props.dataTypes, onDrop, preventDefaultForUnhandled: __props.preventDefaultForUnhandled, multiple: hasMultiple.value, onError, onEnter, onLeave, onOver }), fileInput = ref();
     function handleFileUpload(event) {
       const input = event.target, files = input?.files;
       files && handleFiles(files), setTimeout(() => {
@@ -498,7 +498,7 @@ import '../assets/MazDropzone.DafxQwbq.css';const _hoisted_1 = ["for"], _hoisted
       }, null, 40, _hoisted_13)
     ], 14, _hoisted_1));
   }
-}), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a809cca9"]]);
+}), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3bac5ce2"]]);
 export {
   MazDropzone as default
 };

package/dist/components/MazGallery.js

@@ -1,7 +1,7 @@
 import { defineComponent, onBeforeMount, computed, createElementBlock, createCommentVNode, openBlock, normalizeStyle, normalizeClass, createElementVNode, Fragment, renderList, withDirectives, unref, toDisplayString, createVNode } from "vue";
 import { MazNoImage } from "@maz-ui/icons";
-import { d as directive } from "../chunks/lazy-img.directive.D5zCo3Zi.js";
-import { d as directive$1 } from "../chunks/fullscreen-img.directive.CyOHexcO.js";
+import { d as directive } from "../chunks/lazy-img.directive.BLFnGqQa.js";
+import { d as directive$1 } from "../chunks/fullscreen-img.directive.Be383en8.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazGallery.DZ3TyggM.css';const _hoisted_1 = { class: "m-gallery__wrapper maz-flex maz-flex-1" }, _hoisted_2 = ["alt"], _hoisted_3 = {
   key: 0,