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

package/components/chunks/{MazPickerMonthSwitcher-CPWkw0Hq.mjs → MazPickerMonthSwitcher-ck8cl1-N.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as g, computed as M, openBlock as l, createElementBlock as d, createElementVNode as m, createVNode as u, withModifiers as h, withCtx as p, unref as n, normalizeClass as f, Fragment as v, renderList as w, createBlock as x, createTextVNode as D, toDisplayString as S } from "vue";
-import { d as C, c as s, a as c, M as k, i as z, _ as B } from "./MazPicker-DA92HhwS.mjs";
+import { d as C, c as s, a as c, M as k, i as z, _ as B } from "./MazPicker-Dhm3u2MN.mjs";
 import { X as q } from "./x-mark-wyoa-ywi.mjs";
 import '../assets/MazPickerMonthSwitcher.css';const $ = { class: "maz-picker-month-switcher" }, N = { class: "maz-picker-month-switcher__header" }, V = /* @__PURE__ */ g({
   __name: "MazPickerMonthSwitcher",

package/components/chunks/{MazPickerShortcuts-Fwcoqg5M.mjs → MazPickerShortcuts-hEpUqVC-.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as f, watch as n, openBlock as l, createElementBlock as d, Fragment as v, renderList as y, createBlock as _, normalizeClass as k, withModifiers as S, withCtx as b, createTextVNode as z, toDisplayString as B } from "vue";
-import { M as g, _ as x } from "./MazPicker-DA92HhwS.mjs";
+import { M as g, _ as x } from "./MazPicker-Dhm3u2MN.mjs";
 import '../assets/MazPickerShortcuts.css';const C = { class: "maz-picker-shortcuts" }, M = /* @__PURE__ */ h({
   __name: "MazPickerShortcuts",
   props: {

package/components/chunks/{MazPickerYearSwitcher-DfSXPGfT.mjs → MazPickerYearSwitcher-CmMxOc69.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as C, ref as b, computed as w, openBlock as u, createElementBlock as _, createElementVNode as m, createVNode as s, withModifiers as l, withCtx as i, unref as o, Fragment as D, renderList as S, createBlock as Y, normalizeClass as M, createTextVNode as B, toDisplayString as q } from "vue";
-import { d as c, a as I, M as d, C as y, i as z, _ as N } from "./MazPicker-DA92HhwS.mjs";
+import { d as c, a as I, M as d, C as y, i as z, _ as N } from "./MazPicker-Dhm3u2MN.mjs";
 import { X as V } from "./x-mark-wyoa-ywi.mjs";
 import '../assets/MazPickerYearSwitcher.css';const E = { class: "maz-picker-year-switcher" }, L = { class: "maz-picker-year-switcher__header" }, P = { class: "maz-flex maz-space-x-2" }, T = { class: "maz-picker-year-switcher__main" }, X = /* @__PURE__ */ C({
   __name: "MazPickerYearSwitcher",

package/components/chunks/MazSelect-CGsMRdr7.mjs

@@ -0,0 +1,568 @@
+import { computed as f, defineComponent as Ie, useCssVars as Ce, defineAsyncComponent as $, ref as b, onBeforeMount as we, nextTick as j, withDirectives as Le, openBlock as g, createElementBlock as I, normalizeClass as q, normalizeStyle as Q, createVNode as N, mergeProps as Me, unref as C, withModifiers as E, withCtx as ae, createElementVNode as O, Transition as Ee, createBlock as se, createCommentVNode as w, renderSlot as G, Fragment as ie, renderList as Te, toDisplayString as ue } from "vue";
+import { u as $e } from "./useInstanceUniqId-DW9jO1Sz.mjs";
+import re from "./MazInput-AcA93-8Q.mjs";
+import { _ as Ne } from "./MazTable-QwG-Kh88.mjs";
+import '../assets/MazSelect.css';const Oe = {
+  removeAccents: !0,
+  caseSensitive: !1,
+  replaceSpaces: !0,
+  removeSpecialCharacters: !1,
+  trim: !0,
+  normalizeSpaces: !0,
+  removeNumbers: !1,
+  customNormalizationForms: ["NFC", "NFKD"]
+};
+function B(r, c) {
+  const s = { ...Oe, ...c }, t = {
+    À: "A",
+    Á: "A",
+    Â: "A",
+    Ã: "A",
+    Ä: "A",
+    Å: "A",
+    à: "a",
+    á: "a",
+    â: "a",
+    ã: "a",
+    ä: "a",
+    å: "a",
+    È: "E",
+    É: "E",
+    Ê: "E",
+    Ë: "E",
+    è: "e",
+    é: "e",
+    ê: "e",
+    ë: "e",
+    Î: "I",
+    Ï: "I",
+    í: "I",
+    î: "i",
+    ï: "i",
+    Ô: "O",
+    Õ: "O",
+    Ö: "O",
+    Ø: "O",
+    ô: "o",
+    õ: "o",
+    ö: "o",
+    ø: "o",
+    Ù: "U",
+    Ú: "U",
+    Û: "U",
+    Ü: "U",
+    ù: "u",
+    ú: "u",
+    û: "u",
+    ü: "u",
+    Ç: "C",
+    ç: "c",
+    ÿ: "y",
+    Ñ: "N",
+    ñ: "n",
+    ó: "o"
+  };
+  let a = r.toString();
+  if (s.trim && (a = a.trim()), s.normalizeSpaces && (a = a.replaceAll(/\s+/g, " ")), s.replaceSpaces && (a = a.replaceAll(" ", "-")), s.removeNumbers && (a = a.replaceAll(/\d/g, "")), s.removeAccents && (a = a.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (i) => t[i] || i), a = a.replaceAll(/[\u0300-\u036F]/g, "")), s.caseSensitive === !1 && (a = a.toLowerCase()), s.removeSpecialCharacters && (a = a.replaceAll(/[^\dA-Z-]/gi, "")), s.trim && (a = a.trim()), s.customNormalizationForms)
+    for (const i of s.customNormalizationForms)
+      a = a.normalize(i);
+  return a;
+}
+function Be(r, c) {
+  const s = r.length, t = c.length, a = [];
+  for (let i = 0; i <= s; i++)
+    a[i] = [i];
+  for (let i = 0; i <= t; i++)
+    a[0][i] = i;
+  for (let i = 1; i <= s; i++)
+    for (let m = 1; m <= t; m++) {
+      const V = r[i - 1] === c[m - 1] ? 0 : 1;
+      a[i][m] = Math.min(
+        a[i - 1][m] + 1,
+        a[i][m - 1] + 1,
+        a[i - 1][m - 1] + V
+      );
+    }
+  return a[s][t];
+}
+function ce(r, c) {
+  const s = Be(r, c), t = Math.max(r.length, c.length);
+  return 1 - s / t;
+}
+function De(r, c, s = 0.75) {
+  return ce(r, c) >= s;
+}
+function Z(r, c, s = 0.75) {
+  const t = f(
+    () => B(typeof r == "string" ? r : r.value)
+  ), a = f(
+    () => B(typeof c == "string" ? c : c.value)
+  ), i = f(() => typeof s == "number" ? s : s.value), m = f(() => ce(t.value, a.value));
+  return {
+    isMatching: f(
+      () => De(t.value, a.value, i.value)
+    ),
+    score: m
+  };
+}
+function de(r, c, s) {
+  var m;
+  r.stopPropagation();
+  const t = typeof s.value == "function" ? s.value : s.value.handler, a = typeof s.value == "object" ? s.value.exclude : void 0;
+  let i = !1;
+  if (a && a.length > 0) {
+    for (const V of a)
+      if (!i && r.target instanceof HTMLElement) {
+        const D = (m = document.querySelector(V)) == null ? void 0 : m.getAttribute("id");
+        i = r.target.getAttribute("id") === D;
+      }
+  }
+  !c.contains(r.target) && !i && (t == null || t());
+}
+function pe() {
+  return document.ontouchstart === null ? "touchstart" : "click";
+}
+function xe(r, c) {
+  const s = pe();
+  document.removeEventListener(s, (t) => de(t, r, c));
+}
+function He(r, c) {
+  if (typeof c.value != "function" && typeof c.value == "object" && typeof c.value.handler != "function") {
+    console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
+    return;
+  }
+  const s = pe();
+  document.addEventListener(s, (t) => de(t, r, c));
+}
+const Pe = {
+  mounted: He,
+  unmounted: xe
+};
+let R = null;
+function Fe(r, c) {
+  R && clearTimeout(R), R = setTimeout(r, c);
+}
+const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
+  key: 2,
+  class: "m-select-list__scroll-wrapper",
+  tabindex: "-1"
+}, qe = { class: "m-select-list-optgroup" }, Qe = ["onClick"], Ge = /* @__PURE__ */ Ie({
+  inheritAttrs: !1,
+  __name: "MazSelect",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    id: { default: void 0 },
+    modelValue: { default: void 0 },
+    options: { default: void 0 },
+    optionValueKey: { default: "value" },
+    optionLabelKey: { default: "label" },
+    optionInputValueKey: { default: "label" },
+    listPosition: { default: "bottom left" },
+    itemHeight: { default: void 0 },
+    maxListHeight: { default: 240 },
+    maxListWidth: { default: void 0 },
+    minListHeight: { default: void 0 },
+    minListWidth: { default: void 0 },
+    size: { default: "md" },
+    color: { default: "primary" },
+    search: { type: Boolean },
+    searchPlaceholder: { default: "Search in options" },
+    searchThreshold: { default: 0.75 },
+    open: { type: Boolean },
+    multiple: { type: Boolean, default: void 0 },
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    block: { type: Boolean },
+    excludeSelectors: { default: void 0 },
+    autocomplete: { default: "off" }
+  },
+  emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
+  setup(r, { expose: c, emit: s }) {
+    Ce((e) => ({
+      cb149e58: ve.value,
+      "215ff493": fe.value,
+      "64d6cfbb": me.value
+    }));
+    const t = r, a = s, i = $(() => import("./MazCheckbox-CeVxgVY8.mjs")), m = $(() => import("./magnifying-glass--nBiyXot.mjs")), V = $(() => import("./chevron-down-BkvtON3b.mjs")), D = $(() => import("./no-symbol-CIgKzsrB.mjs"));
+    c({
+      /** Method to open the option list */
+      openList: A,
+      /** Method to close the option list */
+      closeList: k
+    });
+    const z = b(!1), p = b(), x = f(
+      () => ["black", "transparent", "white"].includes(t.color)
+    ), fe = f(
+      () => x.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
+    ), me = f(
+      () => x.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
+    ), ve = f(
+      () => x.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
+    ), h = f(() => z.value || t.open), ye = $e({
+      componentName: "MazSelect",
+      providedId: t.id
+    });
+    function J(e) {
+      return {
+        [t.optionValueKey]: e,
+        [t.optionLabelKey]: e,
+        [t.optionInputValueKey]: e
+      };
+    }
+    function X(e) {
+      return {
+        ...e,
+        [t.optionValueKey]: e[t.optionValueKey],
+        [t.optionLabelKey]: e[t.optionLabelKey],
+        [t.optionInputValueKey]: e[t.optionInputValueKey]
+      };
+    }
+    const L = f(() => {
+      var o;
+      const e = [];
+      if (!((o = t.options) != null && o.length))
+        return [];
+      for (const n of t.options)
+        typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? e.push(J(n)) : typeof n == "object" && "options" in n && Array.isArray(n.options) ? e.push(
+          { label: n.label, isOptGroup: !0 },
+          ...n.options.map(
+            (l) => typeof l == "string" || typeof l == "number" || typeof l == "boolean" ? J(l) : X(l)
+          )
+        ) : e.push(X(n));
+      return e;
+    }), T = f(
+      () => {
+        var e;
+        return ((e = L.value) == null ? void 0 : e.filter((o) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(o[t.optionValueKey]) && !K(o[t.optionValueKey]) : !1 : t.modelValue === o[t.optionValueKey] && !K(o[t.optionValueKey]))) ?? [];
+      }
+    );
+    we(() => {
+      var e;
+      (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), W();
+    });
+    const Y = b(), H = b(), _ = b(), ee = b();
+    function K(e) {
+      return e == null;
+    }
+    function P(e) {
+      var n;
+      return (((n = T.value) == null ? void 0 : n.some(
+        (l) => l[t.optionValueKey] === e[t.optionValueKey]
+      )) ?? !1) && !K(e[t.optionValueKey]);
+    }
+    const he = f(() => {
+      var o;
+      if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
+        return t.modelValue.map(
+          (n) => {
+            var l, u;
+            return (u = (l = L.value) == null ? void 0 : l.find((d) => d[t.optionValueKey] === n)) == null ? void 0 : u[t.optionInputValueKey];
+          }
+        ).join(", ");
+      const e = (o = L.value) == null ? void 0 : o.find(
+        (n) => n[t.optionValueKey] === t.modelValue
+      );
+      return K(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
+    }), be = f(
+      () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
+    ), M = b(""), S = b("");
+    function F(e, o) {
+      return o && e && B(e).includes(B(o));
+    }
+    function te(e) {
+      var o;
+      return e ? (o = L.value) == null ? void 0 : o.filter((n) => {
+        const l = n[t.optionLabelKey], u = n[t.optionValueKey], d = n[t.optionInputValueKey], v = t.searchThreshold;
+        return F(l, e) || F(d, e) || F(u, e) || typeof l == "string" && Z(l, e, v).isMatching.value || typeof d == "string" && Z(d, e, v).isMatching.value || typeof u == "string" && Z(u, e, v).isMatching.value;
+      }) : L.value;
+    }
+    const y = f(() => te(M.value));
+    async function k(e) {
+      var n, l;
+      if (!h.value)
+        return;
+      if (e && ("relatedTarget" in e && ((n = Y.value) != null && n.contains(e.relatedTarget)) || e.type === "keydown"))
+        return e.preventDefault();
+      const o = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
+      if ((l = t.excludeSelectors) != null && l.includes(`#${o}`))
+        return e == null ? void 0 : e.preventDefault();
+      await j(), z.value = !1, p.value = 0, a("close", e);
+    }
+    async function A(e) {
+      t.disabled || h.value || (e == null || e.preventDefault(), z.value = !0, await U(), a("focus", e), a("open", z.value));
+    }
+    function oe() {
+      var e, o;
+      (o = ((e = H.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.focus();
+    }
+    function ge() {
+      var e, o;
+      (o = ((e = H.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.dispatchEvent(new Event("input"));
+    }
+    function Ve(e) {
+      z.value ? k(e) : oe();
+    }
+    function ze(e) {
+      var o, n;
+      M.value = e, (n = ((o = _.value) == null ? void 0 : o.$el).querySelector("input")) == null || n.focus();
+    }
+    function Ke(e) {
+      var n;
+      e === "Backspace" && S.value.length > 0 ? S.value = S.value.slice(0, -1) : S.value += e;
+      const o = te(S.value);
+      o != null && o.length && (p.value = (n = y.value) == null ? void 0 : n.findIndex(
+        (l) => l[t.optionValueKey] === o[0][t.optionValueKey]
+      ), typeof p.value == "number" && p.value >= 0 && U(p.value)), Fe(() => {
+        S.value = "";
+      }, 1e3);
+    }
+    function Se(e) {
+      const o = e.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(o) ? (e.preventDefault(), A(e), t.search ? ze(o) : Ke(o)) : le(e);
+    }
+    function le(e, o = !0) {
+      const n = e.code, l = ["ArrowUp", "ArrowDown"].includes(n), u = (o ? ["Enter", "Space"] : ["Enter"]).includes(n), d = n === "Escape" && h.value;
+      l ? ke(e, p.value) : u ? Ae(e, p.value) : d && k(e);
+    }
+    function ke(e, o) {
+      var u;
+      e.preventDefault();
+      const n = e.code;
+      h.value || A(e);
+      const l = (u = y.value) == null ? void 0 : u.length;
+      l && (typeof o == "number" ? o === l - 1 && n === "ArrowDown" ? p.value = 0 : o === 0 && n === "ArrowUp" ? p.value = l - 1 : p.value = n === "ArrowDown" ? o + 1 : o - 1 : p.value = n === "ArrowDown" ? 0 : l - 1, U(p.value));
+    }
+    function Ae(e, o) {
+      var l, u, d;
+      if (e.preventDefault(), !h.value)
+        return A(e);
+      const n = o ? ((l = y.value) == null ? void 0 : l[o]) ?? ((u = y.value) == null ? void 0 : u[0]) : (d = y.value) == null ? void 0 : d[0];
+      K(n) || ne(n);
+    }
+    async function U(e) {
+      var n, l;
+      await j(), typeof e != "number" && W();
+      const o = e ?? p.value;
+      if (typeof o == "number" && o >= 0) {
+        const u = (n = ee.value) == null ? void 0 : n.querySelectorAll(".m-select-list-item");
+        (l = u == null ? void 0 : u[o]) == null || l.scrollIntoView({
+          behavior: "auto",
+          block: "nearest",
+          inline: "start"
+        });
+      }
+    }
+    function W(e) {
+      var n;
+      const o = (n = y.value) == null ? void 0 : n.findIndex((l) => {
+        var u, d;
+        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === l[t.optionValueKey] : [...t.modelValue].reverse()[0] === l[t.optionValueKey] : ((d = (u = T.value) == null ? void 0 : u[0]) == null ? void 0 : d[t.optionValueKey]) === l[t.optionValueKey];
+      });
+      p.value = o && o >= 0 ? o : 0;
+    }
+    function ne(e, o = !0) {
+      var d;
+      o && !t.multiple && j(() => k()), M.value = "";
+      const n = (d = T.value) == null ? void 0 : d.some(
+        (v) => v[t.optionValueKey] === e[t.optionValueKey]
+      );
+      let l = T.value;
+      n && t.multiple ? l = l == null ? void 0 : l.filter(
+        (v) => v[t.optionValueKey] !== e[t.optionValueKey]
+      ) : t.multiple ? l.push(e) : l = [e];
+      const u = l.map((v) => v[t.optionValueKey]);
+      a("update:model-value", t.multiple ? u : u[0]), a("selected-option", e), ge(), W(e), oe();
+    }
+    return (e, o) => {
+      var n;
+      return Le((g(), I(
+        "div",
+        {
+          ref_key: "mazSelectElement",
+          ref: Y,
+          class: q(["m-select", [
+            { "--is-open": h.value, "--disabled": e.disabled, "--block": e.block },
+            t.class,
+            `--${e.size}`
+          ]]),
+          style: Q(e.style)
+        },
+        [
+          N(re, Me({
+            id: C(ye),
+            ref_key: "mazInputComponent",
+            ref: H,
+            class: "m-select-input"
+          }, e.$attrs, {
+            required: e.required,
+            "border-active": z.value,
+            color: e.color,
+            "model-value": he.value,
+            size: e.size,
+            block: "",
+            autocomplete: e.autocomplete,
+            disabled: e.disabled,
+            onFocus: E(A, ["prevent", "stop"]),
+            onBlur: E(k, ["prevent", "stop"]),
+            onClick: E(A, ["prevent", "stop"]),
+            onChange: o[0] || (o[0] = (l) => a("change", l)),
+            onInput: o[1] || (o[1] = (l) => a("input", l)),
+            onKeydown: Se
+          }), {
+            "right-icon": ae(() => [
+              O("button", {
+                tabindex: "-1",
+                type: "button",
+                class: "m-select-input__toggle-button maz-custom",
+                "aria-label": `${h.value ? "collapse" : "expand"} list of options`,
+                onClick: E(Ve, ["stop"])
+              }, [
+                N(C(V), { class: "m-select-chevron maz-text-xl" })
+              ], 8, Ue)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
+          N(Ee, { name: be.value }, {
+            default: ae(() => [
+              h.value ? (g(), I(
+                "div",
+                {
+                  key: 0,
+                  ref_key: "optionsListElement",
+                  ref: ee,
+                  class: q(["m-select-list", {
+                    "--top": e.listPosition.includes("top"),
+                    "--left": e.listPosition.includes("left"),
+                    "--right": e.listPosition.includes("right"),
+                    "--bottom": e.listPosition.includes("bottom")
+                  }]),
+                  style: Q({
+                    maxHeight: `${e.maxListHeight}px`,
+                    maxWidth: `${e.maxListWidth}px`,
+                    minHeight: `${e.minListHeight}px`,
+                    minWidth: `${e.minListWidth}px`
+                  })
+                },
+                [
+                  e.search ? (g(), se(re, {
+                    key: 0,
+                    ref_key: "searchInputComponent",
+                    ref: _,
+                    modelValue: M.value,
+                    "onUpdate:modelValue": [
+                      o[2] || (o[2] = (l) => M.value = l),
+                      o[4] || (o[4] = (l) => p.value = 0)
+                    ],
+                    size: "sm",
+                    color: e.color,
+                    placeholder: e.searchPlaceholder,
+                    name: "search",
+                    inputmode: "search",
+                    autocomplete: "off",
+                    tabindex: "-1",
+                    class: "m-select-list__search-input maz-flex-none",
+                    "left-icon": C(m),
+                    onKeydown: o[3] || (o[3] = (l) => le(l, !1))
+                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : w("v-if", !0),
+                  w(`
+          @slot No results slot - Displayed when no results corresponding with search query
+        `),
+                  !y.value || y.value.length <= 0 ? G(e.$slots, "no-results", { key: 1 }, () => [
+                    O("span", We, [
+                      N(C(D), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                    ])
+                  ], !0) : (g(), I("div", je, [
+                    (g(!0), I(
+                      ie,
+                      null,
+                      Te(y.value, (l, u) => (g(), I(
+                        ie,
+                        { key: u },
+                        [
+                          w(`
+              @slot Custom optgroup label
+                @binding {String} label - the label of the optgroup
+            `),
+                          l.label && l.isOptGroup ? G(e.$slots, "optgroup", {
+                            key: 0,
+                            label: l.label
+                          }, () => [
+                            O(
+                              "span",
+                              qe,
+                              ue(l.label),
+                              1
+                              /* TEXT */
+                            )
+                          ], !0) : (g(), I("button", {
+                            key: 1,
+                            tabindex: "-1",
+                            type: "button",
+                            class: q(["m-select-list-item maz-custom maz-flex-none", [
+                              {
+                                "--is-keyboard-selected": p.value === u,
+                                "--is-selected": P(l),
+                                "--is-none-value": K(l[e.optionValueKey])
+                              }
+                            ]]),
+                            style: Q(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
+                            onClick: E((d) => ne(l), ["prevent", "stop"])
+                          }, [
+                            e.multiple ? (g(), se(C(i), {
+                              key: 0,
+                              tabindex: "-1",
+                              "model-value": P(l),
+                              size: "sm",
+                              color: e.color
+                            }, null, 8, ["model-value", "color"])) : w("v-if", !0),
+                            w(`
+                @slot Custom option
+                  @binding {Object} option - the option object
+                  @binding {Boolean} is-selected - if the option is selected
+              `),
+                            G(e.$slots, "default", {
+                              option: l,
+                              isSelected: P(l)
+                            }, () => [
+                              O(
+                                "span",
+                                null,
+                                ue(l[e.optionLabelKey]),
+                                1
+                                /* TEXT */
+                              )
+                            ], !0)
+                          ], 14, Qe))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      ))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]))
+                ],
+                6
+                /* CLASS, STYLE */
+              )) : w("v-if", !0)
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["name"])
+        ],
+        6
+        /* CLASS, STYLE */
+      )), [
+        [C(Pe), {
+          exclude: (n = e.excludeSelectors) != null && n.length ? e.excludeSelectors : [],
+          handler: k
+        }]
+      ]);
+    };
+  }
+}), Ye = /* @__PURE__ */ Ne(Ge, [["__scopeId", "data-v-e35a36a6"]]);
+export {
+  Ye as default
+};

package/components/chunks/{MazSelect-DPTuyc26.mjs → MazSelect-ed445MXs.mjs}

@@ -203,7 +203,7 @@ const Xe = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(u, { emit: r }) {
-    const l = u, t = r, s = A(() => import("./MazBtn-CZSXnr3w.mjs")), d = A(() => import("./MazIcon-BbvBov5G.mjs")), h = A(() => import("./eye-slash-BoO00xzs.mjs")), $ = A(() => import("./eye-f8zAUc30.mjs")), j = A(() => import("./check-C9Q_W85g.mjs")), z = V(!1), f = V(!1), O = V(), te = ze({
+    const l = u, t = r, s = A(() => import("./MazBtn-CRpqDW12.mjs")), d = A(() => import("./MazIcon-BbvBov5G.mjs")), h = A(() => import("./eye-slash-BoO00xzs.mjs")), $ = A(() => import("./eye-f8zAUc30.mjs")), j = A(() => import("./check-C9Q_W85g.mjs")), z = V(!1), f = V(!1), O = V(), te = ze({
       componentName: "MazInput",
       providedId: l.id
     });
@@ -477,7 +477,7 @@ const Xe = {
       "215ff493": te.value,
       "64d6cfbb": G.value
     }));
-    const t = u, s = l, d = A(() => import("./MazCheckbox-8n6NtRBb.mjs")), h = A(() => import("./magnifying-glass--nBiyXot.mjs")), $ = A(() => import("./chevron-down-BkvtON3b.mjs")), j = A(() => import("./no-symbol-CIgKzsrB.mjs"));
+    const t = u, s = l, d = A(() => import("./MazCheckbox-mgtQBs4K.mjs")), h = A(() => import("./magnifying-glass--nBiyXot.mjs")), $ = A(() => import("./chevron-down-BkvtON3b.mjs")), j = A(() => import("./no-symbol-CIgKzsrB.mjs"));
     r({
       /** Method to open the option list */
       openList: P,

package/components/chunks/{MazSpinner-BCQzF6j-.mjs → MazSpinner-Akyx5wgU.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
-import { _ as i } from "./MazSelect-DPTuyc26.mjs";
+import { _ as i } from "./MazPicker-Dhm3u2MN.mjs";
 import '../assets/MazSpinner.css';const c = ["width", "height"], p = /* @__PURE__ */ n({
   __name: "MazSpinner",
   props: {

package/components/chunks/{MazSpinner-B-mc1FWS.mjs → MazSpinner-B2dsE23u.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
-import { _ as i } from "./MazCarousel-Bb4fpVqN.mjs";
+import { _ as i } from "./MazCarousel-DVBUt8NL.mjs";
 import '../assets/MazSpinner.css';const c = ["width", "height"], p = /* @__PURE__ */ n({
   __name: "MazSpinner",
   props: {

package/components/chunks/{MazSpinner-CVBz5HIx.mjs → MazSpinner-BCOeuzTB.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
-import { _ as i } from "./MazCard-BaJ5Ee3I.mjs";
+import { _ as i } from "./MazCard-BF-2_gZV.mjs";
 import '../assets/MazSpinner.css';const c = ["width", "height"], p = /* @__PURE__ */ n({
   __name: "MazSpinner",
   props: {

package/components/chunks/{MazSpinner-BpjK60ul.mjs → MazSpinner-BakExtKd.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
-import { _ as i } from "./MazInputPrice-DhYRBqTS.mjs";
+import { _ as i } from "./MazInputPrice-DvVAZa12.mjs";
 import '../assets/MazSpinner.css';const c = ["width", "height"], p = /* @__PURE__ */ n({
   __name: "MazSpinner",
   props: {

package/components/chunks/{MazSpinner-CFJmcsGl.mjs → MazSpinner-C9meLNrb.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
-import { _ as i } from "./MazInput-B3RzuuNv.mjs";
+import { _ as i } from "./MazTable-QwG-Kh88.mjs";
 import '../assets/MazSpinner.css';const c = ["width", "height"], p = /* @__PURE__ */ n({
   __name: "MazSpinner",
   props: {

package/components/chunks/{MazSpinner-C2ok6AlJ.mjs → MazSpinner-CKOy0M1T.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
-import { _ as i } from "./MazBtn-CVB5qDjV.mjs";
+import { _ as i } from "./MazBtn-zMzxqcCs.mjs";
 import '../assets/MazSpinner.css';const c = ["width", "height"], p = /* @__PURE__ */ n({
   __name: "MazSpinner",
   props: {