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

package/dist/chunks/{MazPickerYearSwitcher.D4aO09D3.js → MazPickerYearSwitcher.BIUYJMvj.js}

@@ -1,29 +1,10 @@
-import { createElementBlock, openBlock, createElementVNode, defineComponent, ref, computed, createVNode, withModifiers, withCtx, unref, Fragment, renderList, createBlock, normalizeClass, createTextVNode, toDisplayString } from "vue";
-import { X as XMark } from "./x-mark.CTalOvvY.js";
-import { f as formatDate } from "./formatDate.DZ_OzdnV.js";
+import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, Fragment, renderList, createBlock, normalizeClass, createTextVNode, toDisplayString } from "vue";
+import { MazChevronLeft, MazXMark } from "@maz-ui/icons";
+import { f as formatDate, i as isSameDate } from "./MazDatePicker.De3Ltb2F.js";
 import dayjs from "dayjs";
 import MazBtn from "../components/MazBtn.js";
-import { i as isSameDate } from "./MazDatePicker.CT5yJhSN.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPickerYearSwitcher.Dl30Dwor.css';const _hoisted_1$1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "1.5",
-      d: "M15.75 19.5 8.25 12l7.5-7.5"
-    }, null, -1)
-  ]));
-}
-const ChevronLeft = { render }, _hoisted_1 = { class: "maz-picker-year-switcher" }, _hoisted_2 = { class: "maz-picker-year-switcher__header" }, _hoisted_3 = { class: "maz-flex maz-space-x-2" }, _hoisted_4 = { class: "maz-picker-year-switcher__main" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazPickerYearSwitcher.Cn-nS-Vv.css';const _hoisted_1 = { class: "maz-picker-year-switcher" }, _hoisted_2 = { class: "maz-picker-year-switcher__header" }, _hoisted_3 = { class: "maz-flex maz-space-x-2" }, _hoisted_4 = { class: "maz-picker-year-switcher__main" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPickerYearSwitcher",
   props: {
     color: { type: String, required: !0 },
@@ -60,7 +41,7 @@ const ChevronLeft = { render }, _hoisted_1 = { class: "maz-picker-year-switcher"
             onClick: withModifiers(previousYears, ["stop"])
           }, {
             default: withCtx(() => [
-              createVNode(unref(ChevronLeft), { class: "maz-text-lg" })
+              createVNode(unref(MazChevronLeft), { class: "maz-text-lg" })
             ]),
             _: 1
           }),
@@ -71,7 +52,7 @@ const ChevronLeft = { render }, _hoisted_1 = { class: "maz-picker-year-switcher"
             onClick: withModifiers(nextYears, ["stop"])
           }, {
             default: withCtx(() => [
-              createVNode(unref(ChevronLeft), { class: "maz-rotate-180 maz-text-lg" })
+              createVNode(unref(MazChevronLeft), { class: "maz-rotate-180 maz-text-lg" })
             ]),
             _: 1
           })
@@ -83,7 +64,7 @@ const ChevronLeft = { render }, _hoisted_1 = { class: "maz-picker-year-switcher"
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("close", $event), ["stop"]))
         }, {
           default: withCtx(() => [
-            createVNode(unref(XMark), { class: "maz-text-lg" })
+            createVNode(unref(MazXMark), { class: "maz-text-lg" })
           ]),
           _: 1
         })
@@ -107,7 +88,7 @@ const ChevronLeft = { render }, _hoisted_1 = { class: "maz-picker-year-switcher"
       ])
     ]));
   }
-}), MazPickerYearSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e22e71c7"]]);
+}), MazPickerYearSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fb2d673"]]);
 export {
   MazPickerYearSwitcher as default
 };

package/dist/chunks/{MazSwitch.vue_vue_type_style_index_0_lang.DnCjlD6D.js → MazSwitch.vue_vue_type_style_index_0_lang.CU43Y1ky.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, mergeProps, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import '../assets/MazSwitch.Z1ZMm7tx.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "name", "checked", "aria-label", "disabled"], _hoisted_3 = {
+import '../assets/MazSwitch.Bxmh2iFj.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "name", "checked", "aria-label", "disabled"], _hoisted_3 = {
   key: 0,
   class: "m-switch__text"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -25,7 +25,7 @@ import '../assets/MazSwitch.Z1ZMm7tx.css';const _hoisted_1 = ["for", "aria-check
     const props = __props, emits = __emit, instanceId = useInstanceUniqId({
       componentName: "MazSwitch",
       providedId: props.id
-    }), bgColorClassVar = computed(() => `hsl(var(--maz-${props.color}) / 60%)`);
+    }), bgColorClassVar = computed(() => `hsl(var(--maz-${props.color}))`);
     function emit() {
       emits("update:model-value", !props.modelValue), emits("change", !props.modelValue);
     }

package/dist/chunks/{MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js → MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js}

@@ -1,6 +1,6 @@
 import { defineComponent, useCssVars, defineAsyncComponent, computed, toRefs, provide, ref, watch, useSlots, onBeforeMount, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, toDisplayString, createBlock, createVNode, unref, normalizeStyle, createTextVNode, withCtx, Fragment, renderList } from "vue";
 import { MazMagnifyingGlass, MazArrowUp, MazChevronDoubleLeft, MazChevronLeft } from "@maz-ui/icons";
-import { u as useTranslations } from "./useTranslations.BXuww4ux.js";
+import { u as useTranslations } from "./useTranslations.D5aoYwD7.js";
 const _hoisted_1 = {
   key: 0,
   class: "m-table-header"
@@ -64,8 +64,8 @@ const _hoisted_1 = {
   emits: ["update:model-value", "update:search-query", "update:page", "update:page-size"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "2e33ecf9": _ctx.tableLayout,
-      94783684: _ctx.captionSide
+      "4483cedd": _ctx.tableLayout,
+      "67d872bc": _ctx.captionSide
     }));
     const props = __props, emits = __emit, MazBtn = defineAsyncComponent(() => import("../components/MazBtn.js")), MazCheckbox = defineAsyncComponent(() => import("../components/MazCheckbox.js")), MazInput = defineAsyncComponent(() => import("../components/MazInput.js")), MazLoadingBar = defineAsyncComponent(() => import("../components/MazLoadingBar.js")), MazSelect = defineAsyncComponent(() => import("../components/MazSelect.js")), MazTableCell = defineAsyncComponent(() => import("../components/MazTableCell.js")), MazTableRowComponent = defineAsyncComponent(() => import("../components/MazTableRow.js")), MazTableTitle = defineAsyncComponent(() => import("../components/MazTableTitle.js")), { t } = useTranslations(), messages = computed(() => ({
       noResults: props.translations?.noResults ?? t("table.noResults"),

package/dist/chunks/{PhoneInput.CPjyZ8Sq.js → PhoneInput.BzL1_XS5.js}

@@ -1,10 +1,10 @@
 import { defineComponent, mergeModels, useModel, ref, computed, onMounted, watch, useTemplateRef, createBlock, openBlock, mergeProps, unref } from "vue";
-import { u as useTranslations } from "./useTranslations.BXuww4ux.js";
+import { u as useTranslations } from "./useTranslations.D5aoYwD7.js";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
 import MazInput from "../components/MazInput.js";
-import { u as useLibphonenumber } from "./MazInputPhoneNumber.Uwhn1Q9j.js";
+import { u as useLibphonenumber } from "./MazInputPhoneNumber.Ch-PCGiv.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/PhoneInput.CyWO76iq.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/PhoneInput.BJiKqOF6.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PhoneInput",
   props: /* @__PURE__ */ mergeModels({
     style: {},
@@ -36,6 +36,7 @@ import '../assets/PhoneInput.CyWO76iq.css';const _sfc_main = /* @__PURE__ */ def
     block: { type: Boolean },
     name: {},
     autocomplete: {},
+    loading: { type: Boolean },
     locales: {},
     example: { type: Boolean },
     hasRadius: { type: Boolean },
@@ -114,7 +115,7 @@ import '../assets/PhoneInput.CyWO76iq.css';const _sfc_main = /* @__PURE__ */ def
       onBlur: _cache[1] || (_cache[1] = ($event) => inputFocused.value = !1)
     }), null, 16, ["id", "model-value", "disabled", "color", "error", "size", "success", "name", "inputmode", "autocomplete", "class"]));
   }
-}), PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ceb93113"]]);
+}), PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c6ce171d"]]);
 export {
   PhoneInput as default
 };

package/dist/chunks/{utils.BBuYjMbK.js → dom-events.Bbe7wDQl.js}

@@ -1,18 +1,130 @@
-import { i as isEqual, d as debounceId, t as throttleId } from "./throttleId.7PhWZjcS.js";
-import { getCurrentInstance, inject, nextTick } from "vue";
+import { nextTick, getCurrentInstance, inject } from "vue";
 import { useFreezeValue } from "../composables/useFreezeValue.js";
+function debounceId(identifier, func, delay) {
+  const debouncedFunctions = {};
+  return function(...args) {
+    debouncedFunctions[identifier] || (debouncedFunctions[identifier] = { timer: null, promise: null });
+    const debounced = debouncedFunctions[identifier];
+    return debounced.timer && clearTimeout(debounced.timer), debounced.promise = new Promise((resolve, reject) => {
+      debounced.timer = setTimeout(async () => {
+        try {
+          resolve(await func(...args));
+        } catch (error) {
+          reject(error);
+        } finally {
+          delete debouncedFunctions[identifier];
+        }
+      }, delay);
+    }), debounced.promise;
+  };
+}
+function isPrimitive(value) {
+  return value == null || typeof value == "string" || typeof value == "number" || typeof value == "boolean" || typeof value == "symbol" || typeof value == "bigint";
+}
+function isEqualArrays(a, b) {
+  if (a.length !== b.length)
+    return !1;
+  for (const [i, element] of a.entries())
+    if (!isEqual(element, b[i]))
+      return !1;
+  return !0;
+}
+function isEqualObjects(a, b) {
+  const keysA = Object.keys(a), keysB = Object.keys(b);
+  if (keysA.length !== keysB.length)
+    return !1;
+  for (const key of keysA)
+    if (!keysB.includes(key) || !isEqual(a[key], b[key]))
+      return !1;
+  return !0;
+}
+function isEqual(a, b) {
+  return isPrimitive(a) || isPrimitive(b) ? a === b : a instanceof Date && b instanceof Date ? a.getTime() === b.getTime() : typeof a != typeof b || Array.isArray(a) !== Array.isArray(b) ? !1 : Array.isArray(a) && Array.isArray(b) ? isEqualArrays(a, b) : typeof a == "object" && typeof b == "object" ? isEqualObjects(a, b) : !1;
+}
+function throttleId(identifier, func, interval) {
+  const state = {};
+  return async (...args) => {
+    const now = Date.now();
+    return state[identifier] || (state[identifier] = { promise: null, lastCall: 0, lastArgs: [] }), now - state[identifier].lastCall >= interval ? (state[identifier].lastCall = now, func(...args)) : (state[identifier].lastArgs = args, state[identifier].promise || (state[identifier].promise = new Promise((resolve) => {
+      setTimeout(
+        async () => {
+          state[identifier].lastCall = Date.now();
+          const result = await func(...state[identifier].lastArgs);
+          state[identifier].promise = null, resolve(result);
+        },
+        interval - (now - state[identifier].lastCall)
+      );
+    })), state[identifier].promise);
+  };
+}
 const CONFIG = {
   mode: "lazy",
   scrollToErrorSelector: ".has-field-error",
   debounceTime: 300,
   throttleTime: 1e3
 };
-function fieldHasValidation(field, schema) {
-  return Object.keys(schema).includes(field);
+function isEmptyValue(value) {
+  return value == null || value === "";
 }
-function scrollToError(selector = CONFIG.scrollToErrorSelector) {
-  const element = document.querySelector(selector);
-  element && element.scrollIntoView({ behavior: "smooth", block: "center" });
+const storeValidbot = {};
+async function getValibotValidationMethod(methodName) {
+  if (storeValidbot[methodName])
+    return storeValidbot[methodName];
+  const valibot = await import("valibot");
+  return storeValidbot[methodName] = valibot[methodName], valibot[methodName];
+}
+async function getValidationSchema(formSchema) {
+  return (await getValibotValidationMethod("objectAsync"))(formSchema);
+}
+async function getFieldValidationResult(name, schema, value) {
+  const fieldSchema = await getValidationSchema(schema), result = await (await getValibotValidationMethod("safeParseAsync"))(fieldSchema.entries[name], value ?? "");
+  return {
+    result,
+    isValid: result.success
+  };
+}
+async function setFieldValidationState({
+  name,
+  fieldState,
+  schema,
+  payload,
+  setError = !0,
+  setErrorIfInvalidAndNotEmpty = !1
+}) {
+  if (await nextTick(), fieldState.validating)
+    return Promise.resolve();
+  fieldState.validating = !0;
+  try {
+    if (!schema[name]) {
+      fieldState.valid = !0, fieldState.validating = !1, fieldState.validated = !0, fieldState.errors = [], fieldState.error = !1;
+      return;
+    }
+    const { result, isValid } = await getFieldValidationResult(name, schema, payload[name]);
+    fieldState.valid = isValid;
+    const shouldSetError = setError || setErrorIfInvalidAndNotEmpty && !isValid && !isEmptyValue(payload[name]), shouldPreserveError = fieldState.blurred && !isValid && fieldState.mode && ["eager", "blur", "progressive"].includes(fieldState.mode);
+    (shouldSetError || shouldPreserveError) && (fieldState.error = !isValid), fieldState.errors = result.issues ?? [], fieldState.validated = !0;
+  } finally {
+    fieldState.validating = !1;
+  }
+}
+function validateForm({
+  fieldsStates,
+  payload,
+  setErrors = !0,
+  schema
+}) {
+  return Promise.all(
+    Object.keys(fieldsStates).map(
+      (name) => setFieldValidationState({
+        name,
+        setError: setErrors,
+        fieldState: fieldsStates[name],
+        payload,
+        schema,
+        setErrorIfInvalidAndNotEmpty: fieldsStates[name].mode === "lazy"
+      })
+    )
+  );
 }
 function getErrorMessages(errors, fieldsStates) {
   const errorMessages = {};
@@ -22,8 +134,11 @@ function getErrorMessages(errors, fieldsStates) {
   }
   return errorMessages;
 }
-function isEmptyValue(value) {
-  return value == null || value === "";
+function getFieldsErrors(fieldsStates) {
+  const fieldsErrors = {};
+  for (const [name, fieldState] of Object.entries(fieldsStates))
+    fieldsErrors[name] = fieldState.errors;
+  return fieldsErrors;
 }
 function getValidateFunction({
   name,
@@ -72,6 +187,9 @@ function getFieldState({
     mode: hasValidation ? options?.mode ?? fieldState?.mode ?? CONFIG.mode : void 0
   };
 }
+function fieldHasValidation(field, schema) {
+  return Object.keys(schema).includes(field);
+}
 function getFieldsStates({
   schema,
   payload,
@@ -131,90 +249,6 @@ function updateFieldState({
     ...fieldState?.mode && newMode !== fieldState.mode ? rest : {}
   };
 }
-function getFieldsErrors(fieldsStates) {
-  const fieldsErrors = {};
-  for (const [name, { errors }] of Object.entries(fieldsStates))
-    fieldsErrors[name] = errors;
-  return fieldsErrors;
-}
-function findInteractiveElements(el) {
-  return el instanceof HTMLInputElement || el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement ? [el] : el instanceof HTMLElement ? el.querySelectorAll(
-    "input, select, textarea"
-  ) : [];
-}
-function addEventToInteractiveElements({
-  interactiveElements,
-  onBlur,
-  mode
-}) {
-  interactiveElements.forEach((element) => {
-    hasModeIncludes(["eager", "blur", "progressive"], mode) && element.addEventListener("blur", onBlur);
-  });
-}
-function removeEventFromInteractiveElements({
-  interactiveElements,
-  onBlur
-}) {
-  interactiveElements.forEach((element) => {
-    element.removeEventListener("blur", onBlur);
-  });
-}
-async function getFieldValidationResult(name, schema, value) {
-  const fieldSchema = await getValidationSchema(schema), result = await (await getValibotValidationMethod("safeParseAsync"))(fieldSchema.entries[name], value ?? "");
-  return {
-    result,
-    isValid: result.success
-  };
-}
-async function setFieldValidationState({
-  name,
-  fieldState,
-  schema,
-  payload,
-  setError = !0,
-  setErrorIfInvalidAndNotEmpty = !1
-}) {
-  if (await nextTick(), fieldState.validating = !0, !schema[name]) {
-    fieldState.valid = !0, fieldState.validating = !1, fieldState.validated = !0, fieldState.errors = [], fieldState.error = !1;
-    return;
-  }
-  const { result, isValid } = await getFieldValidationResult(name, schema, payload[name]);
-  fieldState.valid = isValid, (setError || setErrorIfInvalidAndNotEmpty && !isValid && !isEmptyValue(payload[name])) && (fieldState.error = !isValid), fieldState.errors = result.issues ?? [], fieldState.validating = !1, fieldState.validated = !0;
-}
-function validateField({
-  name,
-  fieldState,
-  payload,
-  schema
-}) {
-  const validationParams = {
-    name,
-    fieldState,
-    payload,
-    schema,
-    setError: fieldState.mode === "progressive" ? fieldState.valid || fieldState.blurred : !0
-  };
-  return fieldState.validateFunction?.(validationParams);
-}
-function validateForm({
-  fieldsStates,
-  payload,
-  showErrors = !0,
-  schema
-}) {
-  return Promise.all(
-    Object.keys(fieldsStates).map(
-      (name) => setFieldValidationState({
-        name,
-        setError: showErrors,
-        fieldState: fieldsStates[name],
-        payload,
-        schema,
-        setErrorIfInvalidAndNotEmpty: fieldsStates[name].mode === "lazy"
-      })
-    )
-  );
-}
 function canExecuteValidation({
   eventName,
   fieldState,
@@ -233,11 +267,12 @@ function handleFieldBlur({
 }) {
   const fieldValue = payload[name], isDirty = !isEqual(fieldValue, fieldState.initialValue);
   if (fieldState.dirty = isDirty, fieldState.blurred = fieldState.blurred || (fieldState.mode === "eager" ? isDirty : !0), !!(force || canExecuteValidation({ eventName: "blur", fieldState, isSubmitted })))
-    return validateField({
+    return fieldState.validateFunction?.({
       name,
       fieldState,
       schema,
-      payload
+      payload,
+      setError: fieldState.mode === "progressive" ? fieldState.validated || fieldState.blurred : !0
     });
 }
 function handleFieldInput({
@@ -252,13 +287,17 @@ function handleFieldInput({
   fieldState.validated = !1;
   const isDirty = !isEqual(fieldValue, fieldState.initialValue);
   if (fieldState.dirty = isDirty, !!(forceValidation || canExecuteValidation({ eventName: "input", fieldState, isSubmitted })))
-    return validateField({
+    return fieldState.validateFunction?.({
       name,
       fieldState,
       schema,
-      payload
+      payload,
+      setError: fieldState.mode === "progressive" ? fieldState.validated || fieldState.blurred : !0
     });
 }
+function hasModeIncludes(modes, value) {
+  return value ? modes.includes(value) : !1;
+}
 function getInstance(composableName) {
   const instance = getCurrentInstance();
   if (!instance)
@@ -271,6 +310,85 @@ function getContext(identifier, composableName) {
     throw new Error("useFormField must be used within a form (useFormValidator)");
   return context;
 }
+function scrollToError(selector = CONFIG.scrollToErrorSelector) {
+  const element = document.querySelector(selector);
+  element && element.scrollIntoView({ behavior: "smooth", block: "center" });
+}
+function findInteractiveElements(el) {
+  if (isInteractiveElement(el))
+    return [el];
+  const selector = [
+    // Standard form elements
+    "input",
+    "select",
+    "textarea",
+    "button",
+    // Focusable elements
+    "a[href]",
+    '[tabindex]:not([tabindex="-1"])',
+    // Elements with interactive ARIA roles
+    '[role="button"]',
+    '[role="textbox"]',
+    '[role="combobox"]',
+    '[role="listbox"]',
+    '[role="slider"]',
+    '[role="spinbutton"]',
+    '[role="switch"]',
+    '[role="checkbox"]',
+    '[role="radio"]',
+    '[role="menuitem"]',
+    '[role="option"]',
+    // Contenteditable elements
+    '[contenteditable="true"]',
+    // Custom interactive elements (common patterns)
+    "[data-interactive]",
+    ".interactive",
+    "[data-clickable]"
+  ].join(", ");
+  return Array.from(el.querySelectorAll(selector)).filter(isInteractiveElement);
+}
+function isInteractiveElement(el) {
+  if (el.getAttribute("tabindex") === "-1")
+    return !1;
+  if (el instanceof HTMLInputElement || el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement || el instanceof HTMLButtonElement || el instanceof HTMLAnchorElement && el.href || el.hasAttribute("tabindex") && el.getAttribute("tabindex") !== "-1")
+    return !0;
+  const interactiveRoles = [
+    "button",
+    "textbox",
+    "combobox",
+    "listbox",
+    "slider",
+    "spinbutton",
+    "switch",
+    "checkbox",
+    "radio",
+    "menuitem",
+    "option"
+  ], role = el.getAttribute("role");
+  return role && interactiveRoles.includes(role) || el.getAttribute("contenteditable") === "true" ? !0 : el.hasAttribute("data-interactive") || el.hasAttribute("data-clickable") || el.classList.contains("interactive");
+}
+const activeListeners = /* @__PURE__ */ new WeakMap();
+function addEventToInteractiveElements({
+  interactiveElements,
+  onBlur,
+  mode
+}) {
+  interactiveElements.forEach((element) => {
+    if (hasModeIncludes(["eager", "blur", "progressive"], mode)) {
+      const existingListeners = activeListeners.get(element);
+      existingListeners?.has("blur") && element.removeEventListener("blur", existingListeners.get("blur")), element.addEventListener("blur", onBlur), activeListeners.has(element) || activeListeners.set(element, /* @__PURE__ */ new Map()), activeListeners.get(element).set("blur", onBlur);
+    }
+  });
+}
+function removeEventFromInteractiveElements({
+  interactiveElements,
+  onBlur
+}) {
+  interactiveElements.forEach((element) => {
+    const existingListeners = activeListeners.get(element);
+    existingListeners?.has("blur") && (element.removeEventListener("blur", onBlur), existingListeners.delete("blur"), existingListeners.size === 0 && activeListeners.delete(element));
+  });
+}
 function getValidationEvents({
   hasRef,
   fieldState,
@@ -281,35 +399,23 @@ function getValidationEvents({
       onBlur
     };
 }
-const storeValidbot = {};
-async function getValibotValidationMethod(methodName) {
-  if (storeValidbot[methodName])
-    return storeValidbot[methodName];
-  const valibot = await import("valibot");
-  return storeValidbot[methodName] = valibot[methodName], valibot[methodName];
-}
-async function getValidationSchema(formSchema) {
-  return (await getValibotValidationMethod("objectAsync"))(formSchema);
-}
-function hasModeIncludes(modes, value) {
-  return value ? modes.includes(value) : !1;
-}
 export {
   CONFIG as C,
   getFieldsStates as a,
   getFieldsErrors as b,
   getErrorMessages as c,
-  hasModeIncludes as d,
+  handleFieldInput as d,
   getContext as e,
   fieldHasValidation as f,
   getInstance as g,
-  handleFieldInput as h,
+  hasModeIncludes as h,
   updateFieldState as i,
-  setFieldValidationState as j,
-  getValidationEvents as k,
-  handleFieldBlur as l,
+  isEqual as j,
+  setFieldValidationState as k,
+  getValidationEvents as l,
   findInteractiveElements as m,
   addEventToInteractiveElements as n,
+  handleFieldBlur as o,
   removeEventFromInteractiveElements as r,
   scrollToError as s,
   updateFieldsStates as u,

package/dist/chunks/{en.BzBlrE0C.js → en.Q_4-KljL.js}

@@ -127,12 +127,24 @@ const en = {
       lastPage: "Last Page, page {page}"
     }
   },
+  /**
+   * This is the translation for the carousel component.
+   * The keys are:
+   * - ariaLabel.previousButton: The aria-label for the previous button.
+   * - ariaLabel.nextButton: The aria-label for the next button.
+   */
   carousel: {
     ariaLabel: {
       previousButton: "Scroll to previous items",
       nextButton: "Scroll to next items"
     }
   },
+  /**
+   * This is the translation for the checklist component.
+   * The keys are:
+   * - noResultsFound: The translation for the no results found text.
+   * - searchInput.placeholder: The translation for the search input placeholder.
+   */
   checklist: {
     noResultsFound: "No results found",
     searchInput: {

package/dist/chunks/{fullscreen-img.directive.CyOHexcO.js → fullscreen-img.directive.Be383en8.js}

@@ -4,7 +4,7 @@ import { MazChevronLeft, MazXMark } from "@maz-ui/icons";
 import { c as checkAvailability } from "./checkAvailability.aTpZidex.js";
 import MazSpinner from "../components/MazSpinner.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/fullscreen-img.pvt6196l.css';const _hoisted_1 = ["onKeypress"], _hoisted_2 = { class: "m-fullscreen-img-scroller" }, _hoisted_3 = ["src", "alt"], _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/fullscreen-img.Bkuz1GOX.css';const _hoisted_1 = ["onKeypress"], _hoisted_2 = { class: "m-fullscreen-img-scroller" }, _hoisted_3 = ["src", "alt"], _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazFullscreenImg",
   props: {
     src: {},
@@ -231,7 +231,7 @@ import '../assets/fullscreen-img.pvt6196l.css';const _hoisted_1 = ["onKeypress"]
       ])
     ], 40, _hoisted_1));
   }
-}), MazFullscreenImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-72d817c5"]]), STATE_OPEN_CLASS = "m-fullscreen-is-open";
+}), MazFullscreenImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0b12968"]]), STATE_OPEN_CLASS = "m-fullscreen-is-open";
 class FullscreenImgHandler {
   options = void 0;
   defaultOptions = {

package/dist/chunks/{lazy-img.directive.D5zCo3Zi.js → lazy-img.directive.BLFnGqQa.js}

@@ -134,7 +134,7 @@ class LazyImg {
   async imageHandler(el, binding, type) {
     if (type === "update")
       for await (const observer of this.observers) observer.unobserve(el);
-    window.IntersectionObserver ? this.createObserver(el, binding) : this.loadImage(el, binding);
+    globalThis.IntersectionObserver ? this.createObserver(el, binding) : this.loadImage(el, binding);
   }
   async bindUpdateHandler(el, binding, type) {
     await this.imageHandler(el, binding, type);

package/dist/chunks/types.D0Bp_UhS.js

@@ -0,0 +1,6 @@
+function getColor(color) {
+  return color === "background" ? "surface" : color;
+}
+export {
+  getColor as g
+};

package/dist/chunks/{normalizeString.CFe2M8S_.js → useStringMatching.Ba1yCuA4.js}

@@ -1,3 +1,4 @@
+import { computed, toValue } from "vue";
 const defaultOptions = {
   removeAccents: !0,
   caseSensitive: !1,
@@ -64,6 +65,44 @@ function normalizeString(input, options) {
       result = result.normalize(form);
   return result;
 }
+function levenshteinDistance(string1, string2) {
+  const length1 = string1.length, length2 = string2.length, matrix = [];
+  for (let index = 0; index <= length1; index++)
+    matrix[index] = [index];
+  for (let index = 0; index <= length2; index++)
+    matrix[0][index] = index;
+  for (let index = 1; index <= length1; index++)
+    for (let index_ = 1; index_ <= length2; index_++) {
+      const cost = string1[index - 1] === string2[index_ - 1] ? 0 : 1;
+      matrix[index][index_] = Math.min(
+        matrix[index - 1][index_] + 1,
+        matrix[index][index_ - 1] + 1,
+        matrix[index - 1][index_ - 1] + cost
+      );
+    }
+  return matrix[length1][length2];
+}
+function getMatchingScore(string1, string2) {
+  const distance = levenshteinDistance(string1, string2), maxLength = Math.max(string1.length, string2.length);
+  return maxLength === 0 ? 1 : 1 - distance / maxLength;
+}
+function getMatchingResults(string1, string2, threshold = 0.75) {
+  return getMatchingScore(string1, string2) >= threshold;
+}
+function useStringMatching(string1, string2, threshold = 0.75) {
+  const _string1 = computed(
+    () => normalizeString(toValue(string1))
+  ), _string2 = computed(
+    () => normalizeString(toValue(string2))
+  ), _threshold = computed(() => toValue(threshold)), score = computed(() => getMatchingScore(_string1.value, _string2.value));
+  return {
+    isMatching: computed(
+      () => getMatchingResults(_string1.value, _string2.value, _threshold.value)
+    ),
+    score
+  };
+}
 export {
-  normalizeString as n
+  normalizeString as n,
+  useStringMatching as u
 };