maz-ui 3.47.2-beta.0 → 3.47.2-beta.2

package/components/chunks/{MazInputTags-BVCej_gW.mjs → MazInputTags-Dj3sW-e5.mjs}

@@ -1,6 +1,6 @@
-import { openBlock as s, createElementBlock as B, createElementVNode as E, defineComponent as q, defineAsyncComponent as S, useAttrs as ae, useSlots as H, computed as i, createBlock as v, resolveDynamicComponent as L, normalizeClass as z, withCtx as P, createCommentVNode as u, renderSlot as M, unref as y, createVNode as O, useId as le, ref as $, onMounted as re, normalizeStyle as K, withDirectives as ie, mergeProps as G, toHandlers as se, vModelDynamic as ue, createTextVNode as J, toDisplayString as Q, withModifiers as W, TransitionGroup as de, Fragment as fe, renderList as ce, withKeys as N } from "vue";
-import '../assets/MazInputTags.css';function U(c) {
-  return !!c;
+import { openBlock as i, createElementBlock as B, createElementVNode as E, defineComponent as q, defineAsyncComponent as M, useAttrs as ae, useSlots as H, computed as s, createBlock as v, resolveDynamicComponent as L, normalizeClass as z, withCtx as P, renderSlot as V, unref as y, createCommentVNode as c, createVNode as O, useId as le, ref as $, onMounted as re, normalizeStyle as K, withDirectives as se, mergeProps as G, toHandlers as ie, vModelDynamic as ue, createTextVNode as J, toDisplayString as Q, withModifiers as W, TransitionGroup as de, Fragment as ce, renderList as fe, withKeys as R } from "vue";
+import '../assets/MazInputTags.css';function U(f) {
+  return !!f;
 }
 const me = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -9,8 +9,8 @@ const me = {
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function pe(c, n) {
-  return s(), B("svg", me, n[0] || (n[0] = [
+function pe(f, n) {
+  return i(), B("svg", me, n[0] || (n[0] = [
     E(
       "path",
       {
@@ -53,112 +53,100 @@ const ve = { render: pe }, ye = {
     noElevation: { type: Boolean },
     justify: { default: "center" }
   },
-  setup(c) {
-    const n = c, t = S(() => import("./MazSpinner-CZMBhCOJ.mjs")), f = S(() => import("./MazIcon-BbvBov5G.mjs")), { href: h, to: g } = ae(), b = H(), p = i(() => h ? "a" : g ? "router-link" : "button"), T = i(
+  setup(f) {
+    const n = f, o = M(() => import("./MazSpinner-f2Mc2eRO.mjs")), d = M(() => import("./MazIcon-BbvBov5G.mjs")), { href: h, to: g } = ae(), b = H(), p = s(() => h ? "a" : g ? "router-link" : "button"), j = s(
       () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
-    ), m = i(
+    ), m = s(
       () => (n.loading || n.disabled) && p.value === "button"
-    ), k = i(() => m.value ? "--cursor-default" : "--cursor-pointer"), V = i(() => `--is-${n.variant}`), D = i(() => n.loading && n.variant === "button"), j = i(() => !!b["left-icon"] || n.leftIcon), F = i(() => !!b["right-icon"] || n.rightIcon), a = i(() => j.value || F.value), l = i(() => n.icon || !!b.icon), d = i(() => p.value === "button" ? n.type : void 0), r = i(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "md"), w = i(() => n.justify === "start" ? "maz-justify-start" : n.justify === "end" ? "maz-justify-end" : n.justify === "center" ? "maz-justify-center" : n.justify === "between" ? "maz-justify-between" : n.justify === "around" ? "maz-justify-around" : n.justify === "evenly" ? "maz-justify-evenly" : "maz-justify-center");
-    return (o, C) => (s(), v(L(p.value), {
+    ), k = s(() => m.value ? "--cursor-default" : "--cursor-pointer"), T = s(() => `--is-${n.variant}`), D = s(() => n.loading && n.variant === "button"), C = s(() => !!b["left-icon"] || n.leftIcon), F = s(() => !!b["right-icon"] || n.rightIcon), a = s(() => C.value || F.value), l = s(() => n.icon || !!b.icon), u = s(() => p.value === "button" ? n.type : void 0), r = s(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "md"), w = s(() => n.justify === "start" ? "maz-justify-start" : n.justify === "end" ? "maz-justify-end" : n.justify === "center" ? "maz-justify-center" : n.justify === "between" ? "maz-justify-between" : n.justify === "around" ? "maz-justify-around" : n.justify === "evenly" ? "maz-justify-evenly" : "maz-justify-center");
+    return (t, S) => (i(), v(L(p.value), {
       disabled: m.value || void 0,
       class: z(["m-btn", [
-        `--${o.size}`,
-        !o.fab && !o.rounded && o.roundedSize && `--rounded-${o.roundedSize}`,
-        T.value,
+        `--${t.size}`,
+        !t.fab && !t.rounded && t.roundedSize && `--rounded-${t.roundedSize}`,
+        j.value,
         k.value,
-        V.value,
+        T.value,
         w.value,
         {
-          "--block": o.block,
-          "--no-underline": o.noUnderline,
-          "--fab": o.fab,
-          "--loading": o.loading,
+          "--block": t.block,
+          "--no-underline": t.noUnderline,
+          "--fab": t.fab,
+          "--loading": t.loading,
           "--disabled": m.value,
           "--icon": a.value,
-          "--rounded": o.rounded,
-          "--no-rounded": o.noRounded,
-          "--no-padding": o.noPadding,
-          "--no-elevation": o.noElevation
+          "--rounded": t.rounded,
+          "--no-rounded": t.noRounded,
+          "--no-padding": t.noPadding,
+          "--no-elevation": t.noElevation
         }
       ]]),
-      type: d.value
+      type: u.value
     }, {
       default: P(() => [
-        u(`
-      @slot left-icon - The icon to display on the left of the button
-    `),
-        M(o.$slots, "left-icon", {}, () => [
-          typeof o.leftIcon == "string" ? (s(), v(y(f), {
+        V(t.$slots, "left-icon", {}, () => [
+          typeof t.leftIcon == "string" ? (i(), v(y(d), {
             key: 0,
-            name: o.leftIcon,
+            name: t.leftIcon,
             class: z([r.value])
-          }, null, 8, ["name", "class"])) : o.leftIcon ? (s(), v(L(o.leftIcon), {
+          }, null, 8, ["name", "class"])) : t.leftIcon ? (i(), v(L(t.leftIcon), {
             key: 1,
             class: z([r.value])
-          }, null, 8, ["class"])) : u("v-if", !0)
+          }, null, 8, ["class"])) : c("v-if", !0)
         ], !0),
-        u(`
-      @slot icon - The icon to display on the fab button
-    `),
-        l.value ? M(o.$slots, "icon", { key: 0 }, () => [
-          typeof o.icon == "string" ? (s(), v(y(f), {
+        l.value ? V(t.$slots, "icon", { key: 0 }, () => [
+          typeof t.icon == "string" ? (i(), v(y(d), {
             key: 0,
-            name: o.icon,
+            name: t.icon,
             class: z([r.value])
-          }, null, 8, ["name", "class"])) : o.icon ? (s(), v(L(o.icon), {
+          }, null, 8, ["name", "class"])) : t.icon ? (i(), v(L(t.icon), {
             key: 1,
             class: z([r.value])
-          }, null, 8, ["class"])) : u("v-if", !0)
-        ], !0) : u("v-if", !0),
-        u(`
-      @slot default - The content of the button
-    `),
-        M(o.$slots, "default", {}, void 0, !0),
-        u(`
-      @slot left-icon - The icon to display on the left of the button
-    `),
-        F.value ? M(o.$slots, "right-icon", { key: 1 }, () => [
-          typeof o.rightIcon == "string" ? (s(), v(y(f), {
+          }, null, 8, ["class"])) : c("v-if", !0)
+        ], !0) : c("v-if", !0),
+        V(t.$slots, "default", {}, void 0, !0),
+        F.value ? V(t.$slots, "right-icon", { key: 1 }, () => [
+          typeof t.rightIcon == "string" ? (i(), v(y(d), {
             key: 0,
-            name: o.rightIcon,
+            name: t.rightIcon,
             class: z([r.value])
-          }, null, 8, ["name", "class"])) : o.rightIcon ? (s(), v(L(o.rightIcon), {
+          }, null, 8, ["name", "class"])) : t.rightIcon ? (i(), v(L(t.rightIcon), {
             key: 1,
             class: z([r.value])
-          }, null, 8, ["class"])) : u("v-if", !0)
-        ], !0) : u("v-if", !0),
-        D.value ? (s(), B("div", ye, [
-          O(y(t), {
+          }, null, 8, ["class"])) : c("v-if", !0)
+        ], !0) : c("v-if", !0),
+        D.value ? (i(), B("div", ye, [
+          O(y(o), {
             size: "2em",
-            color: o.color
+            color: t.color
           }, null, 8, ["color"])
-        ])) : u("v-if", !0)
+        ])) : c("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */
     }, 8, ["disabled", "class", "type"]));
   }
-}), R = (c, n) => {
-  const t = c.__vccOpts || c;
-  for (const [f, h] of n)
-    t[f] = h;
-  return t;
-}, X = /* @__PURE__ */ R(be, [["__scopeId", "data-v-d3a1ed01"]]), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), N = (f, n) => {
+  const o = f.__vccOpts || f;
+  for (const [d, h] of n)
+    o[d] = h;
+  return o;
+}, X = /* @__PURE__ */ N(be, [["__scopeId", "data-v-d3a1ed01"]]), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: X
 }, Symbol.toStringTag, { value: "Module" }));
 function ze({
-  componentName: c,
+  componentName: f,
   providedId: n
 }) {
-  const t = le();
-  return i(() => n ?? `${c}-${t}`);
+  const o = le();
+  return s(() => n ?? `${f}-${o}`);
 }
-function he(c, n) {
-  let t;
-  return function(...f) {
-    clearTimeout(t), t = setTimeout(() => {
-      c.apply(this, f);
+function he(f, n) {
+  let o;
+  return function(...d) {
+    clearTimeout(o), o = setTimeout(() => {
+      f.apply(this, d);
     }, n);
   };
 }
@@ -168,7 +156,7 @@ const ke = {
 }, Ie = { class: "m-input-wrapper-input" }, Be = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], we = { key: 0 }, $e = {
   key: 1,
   class: "m-input-wrapper-right"
-}, Te = /* @__PURE__ */ q({
+}, je = /* @__PURE__ */ q({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -205,81 +193,81 @@ const ke = {
     block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
-  setup(c, { emit: n }) {
-    const t = c, f = n, h = S(() => Promise.resolve().then(() => ge)), g = S(() => import("./MazIcon-BbvBov5G.mjs")), b = S(() => import("./eye-slash-BoO00xzs.mjs")), p = S(() => import("./eye-f8zAUc30.mjs")), T = S(() => import("./check-BmubdHc_.mjs")), m = $(!1), k = $(!1), V = $(), D = ze({
+  setup(f, { emit: n }) {
+    const o = f, d = n, h = M(() => Promise.resolve().then(() => ge)), g = M(() => import("./MazIcon-BbvBov5G.mjs")), b = M(() => import("./eye-slash-BoO00xzs.mjs")), p = M(() => import("./eye-f8zAUc30.mjs")), j = M(() => import("./check-BmubdHc_.mjs")), m = $(!1), k = $(!1), T = $(), D = ze({
       componentName: "MazInput",
-      providedId: t.id
+      providedId: o.id
     });
     re(() => {
       var e;
-      t.autoFocus && ((e = V.value) == null || e.focus());
+      o.autoFocus && ((e = T.value) == null || e.focus());
     });
-    const j = i(() => t.type === "password"), F = i(() => m.value ? "text" : t.type), a = i(() => {
-      if (!t.noBorder) {
-        if (t.error)
+    const C = s(() => o.type === "password"), F = s(() => m.value ? "text" : o.type), a = s(() => {
+      if (!o.noBorder) {
+        if (o.error)
           return "maz-border-danger";
-        if (t.success)
+        if (o.success)
           return "maz-border-success";
-        if (t.warning)
+        if (o.warning)
           return "maz-border-warning";
-        if (k.value || t.borderActive) {
-          if (t.color === "black")
+        if (k.value || o.borderActive) {
+          if (o.color === "black")
             return "maz-border-black";
-          if (t.color === "danger")
+          if (o.color === "danger")
             return "maz-border-danger";
-          if (t.color === "info")
+          if (o.color === "info")
             return "maz-border-info";
-          if (t.color === "primary")
+          if (o.color === "primary")
             return "maz-border-primary";
-          if (t.color === "secondary")
+          if (o.color === "secondary")
             return "maz-border-secondary";
-          if (t.color === "success")
+          if (o.color === "success")
             return "maz-border-success";
-          if (t.color === "warning")
+          if (o.color === "warning")
             return "maz-border-warning";
-          if (t.color === "white")
+          if (o.color === "white")
             return "maz-border-white";
         }
         return "--default-border";
       }
-    }), l = H(), d = i(() => {
-      const { required: e, placeholder: I } = t;
+    }), l = H(), u = s(() => {
+      const { required: e, placeholder: I } = o;
       if (I)
         return e ? `${I} *` : I;
-    }), r = i(() => C.value !== void 0 && C.value !== ""), w = he(
+    }), r = s(() => S.value !== void 0 && S.value !== ""), w = he(
       (e) => {
-        f("update:model-value", e);
+        d("update:model-value", e);
       },
-      typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
+      typeof o.debounce == "number" ? o.debounce : o.debounceDelay ?? 500
     );
-    function o(e) {
-      if (t.debounce)
+    function t(e) {
+      if (o.debounce)
         return w(e);
-      f("update:model-value", e);
+      d("update:model-value", e);
     }
-    const C = i({
-      get: () => t.modelValue,
-      set: (e) => o(e)
-    }), Y = i(() => (!!t.label || !!t.hint) && (k.value || !!r.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), Z = i(() => !!t.label || !!t.hint);
+    const S = s({
+      get: () => o.modelValue,
+      set: (e) => t(e)
+    }), Y = s(() => (!!o.label || !!o.hint) && (k.value || !!r.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), Z = s(() => !!o.label || !!o.hint);
     function x() {
-      return !!l["right-icon"] || j.value || !!l["valid-button"] || t.validButton || !!t.rightIcon;
+      return !!l["right-icon"] || C.value || !!l["valid-button"] || o.validButton || !!o.rightIcon;
     }
     function _() {
-      return !!l["left-icon"] || !!t.leftIcon;
+      return !!l["left-icon"] || !!o.leftIcon;
     }
     function ee(e) {
-      f("focus", e), k.value = !0;
-    }
-    function te(e) {
-      f("blur", e), k.value = !1;
+      d("focus", e), k.value = !0;
     }
     function oe(e) {
-      return f("change", e);
+      d("blur", e), k.value = !1;
+    }
+    function te(e) {
+      return d("change", e);
     }
     function ne(e) {
-      return f("input", e);
+      return d("input", e);
     }
-    return (e, I) => (s(), B(
+    return (e, I) => (i(), B(
       "div",
       {
         class: z(["m-input", [
@@ -293,7 +281,7 @@ const ke = {
             "--has-state": e.error || e.warning || e.success,
             "--block": e.block
           },
-          t.class,
+          o.class,
           `--${e.color}`,
           `--${e.size}`
         ]]),
@@ -310,48 +298,45 @@ const ke = {
             ]])
           },
           [
-            _() ? (s(), B("div", ke, [
-              u(`
-          @slot left-icon - The icon to display on the left of the input
-        `),
-              e.$slots["left-icon"] || e.leftIcon ? M(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (s(), v(y(g), {
+            _() ? (i(), B("div", ke, [
+              e.$slots["left-icon"] || e.leftIcon ? V(e.$slots, "left-icon", { key: 0 }, () => [
+                typeof e.leftIcon == "string" ? (i(), v(y(g), {
                   key: 0,
                   name: e.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (s(), v(L(e.leftIcon), {
+                }, null, 8, ["name"])) : e.leftIcon ? (i(), v(L(e.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : u("v-if", !0)
-              ], !0) : u("v-if", !0)
-            ])) : u("v-if", !0),
+                })) : c("v-if", !0)
+              ], !0) : c("v-if", !0)
+            ])) : c("v-if", !0),
             E("div", Ie, [
-              ie(E("input", G({
+              se(E("input", G({
                 id: y(D),
                 ref_key: "input",
-                ref: V,
-                "onUpdate:modelValue": I[0] || (I[0] = (A) => C.value = A),
+                ref: T,
+                "onUpdate:modelValue": I[0] || (I[0] = (A) => S.value = A),
                 type: F.value,
                 name: e.name
               }, e.$attrs, {
                 inputmode: e.inputmode,
-                placeholder: d.value,
+                placeholder: u.value,
                 "aria-label": e.label || e.placeholder,
                 disabled: e.disabled,
                 readonly: e.readonly,
                 required: e.required,
                 class: "m-input-input"
-              }, se({
-                blur: te,
+              }, ie({
+                blur: oe,
                 focus: ee,
-                change: oe,
+                change: te,
                 input: ne
               }, !0), {
                 onClick: I[1] || (I[1] = (A) => e.$emit("click", A))
               }), null, 16, Be), [
-                [ue, C.value]
+                [ue, S.value]
               ]),
-              e.label || e.hint ? (s(), B(
+              e.label || e.hint ? (i(), B(
                 "span",
                 {
                   key: 0,
@@ -369,27 +354,24 @@ const ke = {
                     1
                     /* TEXT */
                   ),
-                  e.required ? (s(), B("sup", we, "*")) : u("v-if", !0)
+                  e.required ? (i(), B("sup", we, "*")) : c("v-if", !0)
                 ],
                 2
                 /* CLASS */
-              )) : u("v-if", !0)
+              )) : c("v-if", !0)
             ]),
-            x() ? (s(), B("div", $e, [
-              u(`
-          @slot right-icon - The icon to display on the right of the input
-        `),
-              e.$slots["right-icon"] || e.rightIcon ? M(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (s(), v(y(g), {
+            x() ? (i(), B("div", $e, [
+              e.$slots["right-icon"] || e.rightIcon ? V(e.$slots, "right-icon", { key: 0 }, () => [
+                typeof e.rightIcon == "string" ? (i(), v(y(g), {
                   key: 0,
                   name: e.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (s(), v(L(e.rightIcon), {
+                }, null, 8, ["name"])) : e.rightIcon ? (i(), v(L(e.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : u("v-if", !0)
-              ], !0) : u("v-if", !0),
-              j.value ? (s(), v(y(h), {
+                })) : c("v-if", !0)
+              ], !0) : c("v-if", !0),
+              C.value ? (i(), v(y(h), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
@@ -397,21 +379,18 @@ const ke = {
                 onClick: I[2] || (I[2] = W((A) => m.value = !m.value, ["stop"]))
               }, {
                 default: P(() => [
-                  m.value ? (s(), v(y(b), {
+                  m.value ? (i(), v(y(b), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (s(), v(y(p), {
+                  })) : (i(), v(y(p), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : u("v-if", !0),
-              u(`
-          @slot valid-button - Replace the valid button by your own
-        `),
-              e.$slots["valid-button"] || e.validButton ? M(e.$slots, "valid-button", { key: 2 }, () => [
+              })) : c("v-if", !0),
+              e.$slots["valid-button"] || e.validButton ? V(e.$slots, "valid-button", { key: 2 }, () => [
                 O(y(h), {
                   color: "transparent",
                   disabled: e.disabled,
@@ -422,13 +401,13 @@ const ke = {
                   type: "submit"
                 }, {
                   default: P(() => [
-                    O(y(T), { class: "maz-text-2xl maz-text-normal" })
+                    O(y(j), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : u("v-if", !0)
-            ])) : u("v-if", !0)
+              ], !0) : c("v-if", !0)
+            ])) : c("v-if", !0)
           ],
           2
           /* CLASS */
@@ -438,7 +417,7 @@ const ke = {
       /* CLASS, STYLE */
     ));
   }
-}), je = /* @__PURE__ */ R(Te, [["__scopeId", "data-v-c42aaa7f"]]), Ce = /* @__PURE__ */ q({
+}), Ce = /* @__PURE__ */ N(je, [["__scopeId", "data-v-c42aaa7f"]]), Se = /* @__PURE__ */ q({
   inheritAttrs: !1,
   __name: "MazInputTags",
   props: {
@@ -458,11 +437,11 @@ const ke = {
     hint: {}
   },
   emits: ["update:model-value"],
-  setup(c, { emit: n }) {
-    const t = c, f = n, h = $(!1), g = $(), b = $(), p = $(), T = $(), m = i(
+  setup(f, { emit: n }) {
+    const o = f, d = n, h = $(!1), g = $(), b = $(), p = $(), j = $(), m = s(
       () => {
         var a;
-        return (a = t.modelValue) == null ? void 0 : a.map((l) => ({
+        return (a = o.modelValue) == null ? void 0 : a.map((l) => ({
           tag: l,
           id: Math.random().toString(36).slice(2, 11)
         }));
@@ -471,72 +450,72 @@ const ke = {
     function k(a) {
       if (g.value) {
         p.value = void 0, a.preventDefault();
-        const d = g.value.trim().split(",").map((r) => r.trim() === "," ? void 0 : r.trim()).filter(U).filter(
+        const u = g.value.trim().split(",").map((r) => r.trim() === "," ? void 0 : r.trim()).filter(U).filter(
           (r) => {
-            var w, o;
-            return !((o = (w = t.modelValue) == null ? void 0 : w.filter(U)) != null && o.some((C) => C === r));
+            var w, t;
+            return !((t = (w = o.modelValue) == null ? void 0 : w.filter(U)) != null && t.some((S) => S === r));
           }
         );
-        f(
+        d(
           "update:model-value",
-          t.modelValue ? [...t.modelValue, ...d] : [...d]
+          o.modelValue ? [...o.modelValue, ...u] : [...u]
         ), g.value = void 0;
       }
     }
-    const V = i(() => {
-      if (t.error)
+    const T = s(() => {
+      if (o.error)
         return "maz-border-danger";
-      if (t.success)
+      if (o.success)
         return "maz-border-success";
-      if (t.warning)
+      if (o.warning)
         return "maz-border-warning";
       if (h.value) {
-        if (t.color === "primary")
+        if (o.color === "primary")
           return "maz-border-primary";
-        if (t.color === "secondary")
+        if (o.color === "secondary")
           return "maz-border-secondary";
-        if (t.color === "info")
+        if (o.color === "info")
           return "maz-border-info";
-        if (t.color === "danger")
+        if (o.color === "danger")
           return "maz-border-danger";
-        if (t.color === "success")
+        if (o.color === "success")
           return "maz-border-success";
-        if (t.color === "warning")
+        if (o.color === "warning")
           return "maz-border-warning";
-        if (t.color === "black")
+        if (o.color === "black")
           return "maz-border-black";
-        if (t.color === "white")
+        if (o.color === "white")
           return "maz-border-white";
       }
       return "maz-border-border dark:maz-border-color-lighter";
     });
     function D() {
-      var a, l, d;
-      g.value || m.value && ((a = m.value) == null ? void 0 : a.length) === 0 || (T.value && clearTimeout(T.value), p.value ? (j(p.value), p.value = void 0) : (p.value = (d = (l = m.value) == null ? void 0 : l[m.value.length - 1]) == null ? void 0 : d.id, T.value = setTimeout(() => {
+      var a, l, u;
+      g.value || m.value && ((a = m.value) == null ? void 0 : a.length) === 0 || (j.value && clearTimeout(j.value), p.value ? (C(p.value), p.value = void 0) : (p.value = (u = (l = m.value) == null ? void 0 : l[m.value.length - 1]) == null ? void 0 : u.id, j.value = setTimeout(() => {
         p.value = void 0;
       }, 2e3)));
     }
-    function j(a) {
-      var d;
-      const l = (d = m.value) == null ? void 0 : d.filter((r) => r.id !== a).map((r) => r.tag);
-      f("update:model-value", l);
+    function C(a) {
+      var u;
+      const l = (u = m.value) == null ? void 0 : u.filter((r) => r.id !== a).map((r) => r.tag);
+      d("update:model-value", l);
     }
-    const F = i(() => t.size === "mini" || t.size === "xs" ? "mini" : t.size === "sm" ? "xs" : t.size === "md" ? "sm" : t.size === "lg" ? "md" : t.size === "xl" ? "lg" : t.size);
-    return (a, l) => (s(), B(
+    const F = s(() => o.size === "mini" || o.size === "xs" ? "mini" : o.size === "sm" ? "xs" : o.size === "md" ? "sm" : o.size === "lg" ? "md" : o.size === "xl" ? "lg" : o.size);
+    return (a, l) => (i(), B(
       "div",
       {
-        class: z(["m-input-tags", [V.value, `--${a.color}`, `--${a.size}`, t.class, { "--block": a.block }]]),
+        class: z(["m-input-tags", [T.value, `--${a.color}`, `--${a.size}`, o.class, { "--block": a.block }]]),
         style: K(a.style),
-        onFocusCapture: l[4] || (l[4] = (d) => h.value = !0),
-        onBlurCapture: l[5] || (l[5] = (d) => h.value = !1)
+        onFocusCapture: l[4] || (l[4] = (u) => h.value = !0),
+        onBlurCapture: l[5] || (l[5] = (u) => h.value = !1)
       },
       [
         O(de, { name: "maz-tags" }, {
           default: P(() => [
-            (s(!0), B(
-              fe,
+            (i(!0), B(
+              ce,
               null,
-              ce(m.value, ({ tag: d, id: r }, w) => (s(), B("div", {
+              fe(m.value, ({ tag: u, id: r }, w) => (i(), B("div", {
                 key: `tag-${w}`,
                 class: "m-input-tags__wrapper"
               }, [
@@ -546,15 +525,15 @@ const ke = {
                   size: F.value,
                   color: b.value === r || p.value === r ? "danger" : a.color,
                   "right-icon": b.value === r || p.value === r ? y(ve) : void 0,
-                  onClick: W((o) => j(r), ["stop"]),
-                  onMouseenter: (o) => b.value = r,
-                  onFocus: (o) => b.value = r,
-                  onMouseleave: l[0] || (l[0] = (o) => b.value = void 0),
-                  onBlur: l[1] || (l[1] = (o) => b.value = void 0)
+                  onClick: W((t) => C(r), ["stop"]),
+                  onMouseenter: (t) => b.value = r,
+                  onFocus: (t) => b.value = r,
+                  onMouseleave: l[0] || (l[0] = (t) => b.value = void 0),
+                  onBlur: l[1] || (l[1] = (t) => b.value = void 0)
                 }, {
                   default: P(() => [
                     J(
-                      Q(d),
+                      Q(u),
                       1
                       /* TEXT */
                     )
@@ -570,10 +549,10 @@ const ke = {
           _: 1
           /* STABLE */
         }),
-        O(je, G({
+        O(Ce, G({
           key: "input-tags",
           modelValue: g.value,
-          "onUpdate:modelValue": l[2] || (l[2] = (d) => g.value = d)
+          "onUpdate:modelValue": l[2] || (l[2] = (u) => g.value = u)
         }, a.$attrs, {
           placeholder: a.placeholder,
           label: a.label,
@@ -589,18 +568,18 @@ const ke = {
           "no-border": "",
           class: "m-input-tags__input",
           onKeydown: [
-            N(k, ["enter"]),
-            N(D, ["delete"])
+            R(k, ["enter"]),
+            R(D, ["delete"])
           ],
-          onBlur: l[3] || (l[3] = (d) => a.addTagsOnBlur ? k(d) : void 0)
+          onBlur: l[3] || (l[3] = (u) => a.addTagsOnBlur ? k(u) : void 0)
         }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "hint", "success", "warning", "disabled", "color", "block", "size"])
       ],
       38
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), Me = /* @__PURE__ */ R(Ce, [["__scopeId", "data-v-f5008e65"]]);
+}), Ve = /* @__PURE__ */ N(Se, [["__scopeId", "data-v-f5008e65"]]);
 export {
-  Me as M,
-  R as _
+  Ve as M,
+  N as _
 };