maz-ui 3.23.4 → 3.24.0

package/components/chunks/{MazInput-1ed4f946.mjs → MazInput-14d96bc3.mjs}

@@ -79,7 +79,7 @@ const re = ({
   },
   emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
   setup(e, { emit: r }) {
-    const l = m(() => import("./MazBtn-124f3700.mjs")), d = m(() => import("./MazIcon-52a76873.mjs")), p = m(() => import("./eye-slash-fa42a017.mjs")), C = m(() => import("./eye-dc12ce09.mjs")), M = m(() => import("./check-c9b483c0.mjs")), t = e, c = r, v = z(!1), f = z(!1), I = z(), q = Q(), N = re({
+    const l = m(() => import("./MazBtn-edeb8105.mjs")), d = m(() => import("./MazIcon-52a76873.mjs")), p = m(() => import("./eye-slash-fa42a017.mjs")), C = m(() => import("./eye-dc12ce09.mjs")), M = m(() => import("./check-c9b483c0.mjs")), t = e, c = r, v = z(!1), f = z(!1), I = z(), q = Q(), N = re({
       componentName: "MazInput",
       instance: q,
       providedId: t.id
@@ -276,7 +276,7 @@ const me = (e, r) => {
   for (const [d, p] of r)
     l[d] = p;
   return l;
-}, be = /* @__PURE__ */ me(fe, [["__scopeId", "data-v-32fa5093"]]);
+}, be = /* @__PURE__ */ me(fe, [["__scopeId", "data-v-4ef81f77"]]);
 export {
   be as M,
   me as _

package/components/chunks/{MazInput-c51881ea.mjs → MazInput-a4884812.mjs}

@@ -80,7 +80,7 @@ const ie = ({
   },
   emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
   setup(e, { emit: u }) {
-    const d = f(() => import("./MazBtn-6ce4cfd3.mjs")), y = f(() => import("./MazIcon-52a76873.mjs")), $ = f(() => import("./eye-slash-fa42a017.mjs")), C = f(() => import("./eye-dc12ce09.mjs")), M = f(() => import("./check-c9b483c0.mjs")), t = e, s = u, v = h(!1), c = h(!1), x = h(), q = Q(), N = ie({
+    const d = f(() => import("./MazBtn-ab3967b5.mjs")), y = f(() => import("./MazIcon-52a76873.mjs")), $ = f(() => import("./eye-slash-fa42a017.mjs")), C = f(() => import("./eye-dc12ce09.mjs")), M = f(() => import("./check-c9b483c0.mjs")), t = e, s = u, v = h(!1), c = h(!1), x = h(), q = Q(), N = ie({
       componentName: "MazInput",
       instance: q,
       providedId: t.id
@@ -272,7 +272,7 @@ const ie = ({
     ));
   }
 });
-const ge = /* @__PURE__ */ oe(me, [["__scopeId", "data-v-32fa5093"]]);
+const ge = /* @__PURE__ */ oe(me, [["__scopeId", "data-v-4ef81f77"]]);
 export {
   ge as default
 };

package/components/chunks/{MazInput-8a217995.mjs → MazInput-d0d28579.mjs}

@@ -1,7 +1,7 @@
 import "../assets/MazInput.css";
 import { computed as n, defineComponent as K, defineAsyncComponent as c, ref as p, getCurrentInstance as Q, onMounted as W, useSlots as X, openBlock as o, createElementBlock as f, normalizeClass as h, normalizeStyle as Y, createElementVNode as z, renderSlot as B, createVNode as b, unref as r, createCommentVNode as i, withDirectives as Z, mergeProps as _, toHandlers as ee, vModelDynamic as te, createTextVNode as ae, toDisplayString as le, createBlock as w, withModifiers as ne, withCtx as V } from "vue";
 import { d as oe } from "./debounce-19c516b6.mjs";
-import { _ as re } from "./MazPicker-e4620d8b.mjs";
+import { _ as re } from "./MazPicker-9b2f5212.mjs";
 const ie = ({
   componentName: e,
   instance: d,
@@ -73,7 +73,7 @@ const ie = ({
   },
   emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
   setup(e, { emit: d }) {
-    const m = c(() => import("./MazBtn-683effc1.mjs")), k = c(() => import("./MazIcon-52a76873.mjs")), $ = c(() => import("./eye-slash-fa42a017.mjs")), C = c(() => import("./eye-dc12ce09.mjs")), M = c(() => import("./check-c9b483c0.mjs")), t = e, u = d, y = p(!1), s = p(!1), x = p(), q = Q(), N = ie({
+    const m = c(() => import("./MazBtn-1b5325b4.mjs")), k = c(() => import("./MazIcon-52a76873.mjs")), $ = c(() => import("./eye-slash-fa42a017.mjs")), C = c(() => import("./eye-dc12ce09.mjs")), M = c(() => import("./check-c9b483c0.mjs")), t = e, u = d, y = p(!1), s = p(!1), x = p(), q = Q(), N = ie({
       componentName: "MazInput",
       instance: q,
       providedId: t.id
@@ -265,7 +265,7 @@ const ie = ({
     ));
   }
 });
-const pe = /* @__PURE__ */ re(me, [["__scopeId", "data-v-32fa5093"]]);
+const pe = /* @__PURE__ */ re(me, [["__scopeId", "data-v-4ef81f77"]]);
 export {
   pe as default
 };

package/components/chunks/{MazInputPrice-cd348d46.mjs → MazInputPrice-a94b17c3.mjs}

@@ -107,7 +107,7 @@ const me = ({
   },
   emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
   setup(e, { emit: l }) {
-    const r = g(() => import("./MazBtn-571454f6.mjs")), i = g(() => import("./MazIcon-52a76873.mjs")), c = g(() => import("./eye-slash-fa42a017.mjs")), V = g(() => import("./eye-dc12ce09.mjs")), S = g(() => import("./check-c9b483c0.mjs")), t = e, s = l, p = k(!1), m = k(!1), o = k(), n = Q(), b = me({
+    const r = g(() => import("./MazBtn-8d15228e.mjs")), i = g(() => import("./MazIcon-52a76873.mjs")), c = g(() => import("./eye-slash-fa42a017.mjs")), V = g(() => import("./eye-dc12ce09.mjs")), S = g(() => import("./check-c9b483c0.mjs")), t = e, s = l, p = k(!1), m = k(!1), o = k(), n = Q(), b = me({
       componentName: "MazInput",
       instance: n,
       providedId: t.id
@@ -304,7 +304,7 @@ const he = (e, l) => {
   for (const [i, c] of l)
     r[i] = c;
   return r;
-}, ze = /* @__PURE__ */ he(ge, [["__scopeId", "data-v-32fa5093"]]), we = /* @__PURE__ */ z(
+}, ze = /* @__PURE__ */ he(ge, [["__scopeId", "data-v-4ef81f77"]]), we = /* @__PURE__ */ z(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/components/chunks/MazInputTags-d8514b7b.mjs

@@ -0,0 +1,595 @@
+import "../assets/MazInputTags.css";
+import { computed as n, defineComponent as P, defineAsyncComponent as S, ref as V, getCurrentInstance as ae, onMounted as le, useSlots as R, openBlock as r, createElementBlock as y, normalizeClass as k, normalizeStyle as ne, createElementVNode as C, renderSlot as x, createVNode as w, unref as m, createCommentVNode as d, withDirectives as oe, mergeProps as O, toHandlers as re, vModelDynamic as ie, createTextVNode as U, toDisplayString as j, createBlock as B, withModifiers as J, withCtx as $, useAttrs as ue, onBeforeMount as se, resolveDynamicComponent as de, TransitionGroup as ce, Fragment as fe, renderList as me, withKeys as F } from "vue";
+function ve(e, c) {
+  let a;
+  return function(...v) {
+    clearTimeout(a), a = setTimeout(() => {
+      e.apply(this, v);
+    }, c);
+  };
+}
+const ye = ({
+  componentName: e,
+  instance: c,
+  providedId: a
+}) => n(() => a ?? `${e}-${c == null ? void 0 : c.uid}`), be = {
+  key: 0,
+  class: "m-input-wrapper-left"
+}, ge = { class: "m-input-wrapper-input" }, pe = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"], ze = { key: 0 }, he = {
+  key: 1,
+  class: "m-input-wrapper-right"
+}, Be = /* @__PURE__ */ P({
+  inheritAttrs: !1,
+  __name: "MazInput",
+  props: {
+    style: { type: [String, Array, Object], default: void 0 },
+    class: { type: String, default: void 0 },
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    placeholder: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    label: { type: String, default: void 0 },
+    name: { type: String, default: "input" },
+    type: {
+      type: String,
+      default: "text",
+      validator: (e) => [
+        "text",
+        "date",
+        "number",
+        "tel",
+        "search",
+        "url",
+        "password",
+        "month",
+        "time",
+        "week",
+        "email"
+      ].includes(e)
+    },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    id: { type: String, default: void 0 },
+    error: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    warning: { type: Boolean, default: !1 },
+    hint: { type: String, default: void 0 },
+    inputClasses: { type: String, default: void 0 },
+    noBorder: { type: Boolean, default: !1 },
+    noRadius: { type: Boolean, default: !1 },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
+    },
+    debounce: { type: Boolean, default: !1 },
+    debounceDelay: { type: Number, default: 500 },
+    validButton: { type: Boolean, default: !1 },
+    validButtonLoading: { type: Boolean, default: !1 },
+    autoFocus: { type: Boolean, default: !1 },
+    borderActive: { type: Boolean, default: !1 },
+    leftIcon: { type: String, default: void 0 },
+    rightIcon: { type: String, default: void 0 }
+  },
+  emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
+  setup(e, { emit: c }) {
+    const a = S(() => Promise.resolve().then(() => Ie)), v = S(() => import("./MazIcon-52a76873.mjs")), f = S(() => import("./eye-slash-fa42a017.mjs")), h = S(() => import("./eye-dc12ce09.mjs")), o = S(() => import("./check-c9b483c0.mjs")), t = e, p = c, b = V(!1), u = V(!1), i = V(), s = ae(), I = ye({
+      componentName: "MazInput",
+      instance: s,
+      providedId: t.id
+    });
+    le(() => {
+      var l;
+      t.autoFocus && ((l = i.value) == null || l.focus());
+    });
+    const M = n(() => t.class), T = n(() => t.type === "password"), A = n(() => b.value ? "text" : t.type), L = n(() => {
+      if (!t.noBorder) {
+        if (t.error)
+          return "maz-border-danger";
+        if (t.success)
+          return "maz-border-success";
+        if (t.warning)
+          return "maz-border-warning";
+        if (u.value || t.borderActive) {
+          if (t.color === "black")
+            return "maz-border-black";
+          if (t.color === "danger")
+            return "maz-border-danger";
+          if (t.color === "info")
+            return "maz-border-info";
+          if (t.color === "primary")
+            return "maz-border-primary";
+          if (t.color === "secondary")
+            return "maz-border-secondary";
+          if (t.color === "success")
+            return "maz-border-success";
+          if (t.color === "warning")
+            return "maz-border-warning";
+          if (t.color === "white")
+            return "maz-border-white";
+        }
+        return "--default-border";
+      }
+    }), z = R(), q = n(() => {
+      const { required: l, placeholder: g } = t;
+      if (g)
+        return l ? `${g} *` : g;
+    }), G = n(() => t.modelValue !== void 0 && t.modelValue !== ""), E = n({
+      get: () => t.modelValue,
+      set: (l) => te(l)
+    }), H = n(() => (!!t.label || !!t.hint) && (u.value || !!G.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), X = n(() => !!t.label || !!t.hint), Q = () => !!z["right-icon"] || T.value || !!z["valid-button"] || t.validButton || !!t.rightIcon, W = () => !!z["left-icon"] || !!t.leftIcon, Y = (l) => {
+      p("focus", l), u.value = !0;
+    }, Z = (l) => {
+      p("blur", l), u.value = !1;
+    }, _ = (l) => p("change", l), ee = ve((l) => {
+      p("update:model-value", l);
+    }, t.debounceDelay), te = (l) => {
+      if (t.debounce)
+        return ee(l);
+      p("update:model-value", l);
+    };
+    return (l, g) => (r(), y(
+      "div",
+      {
+        class: k(["m-input", [
+          {
+            "--is-focused": u.value || e.borderActive,
+            "--should-up": H.value,
+            "--has-label": X.value,
+            "--is-disabled": e.disabled,
+            "--is-readonly": e.readonly,
+            "--has-z-2": e.error || e.warning || e.success,
+            "--has-state": e.error || e.warning || e.success
+          },
+          M.value,
+          `--${e.color}`,
+          `--${e.size}`
+        ]]),
+        style: ne(e.style)
+      },
+      [
+        C(
+          "div",
+          {
+            class: k(["m-input-wrapper", [e.inputClasses, L.value, { "maz-rounded": !e.noRadius }]])
+          },
+          [
+            W() ? (r(), y("div", be, [
+              l.$slots["left-icon"] || e.leftIcon ? x(l.$slots, "left-icon", { key: 0 }, () => [
+                w(m(v), {
+                  name: e.leftIcon,
+                  class: "maz-text-xl maz-text-muted"
+                }, null, 8, ["name"])
+              ], !0) : d("v-if", !0)
+            ])) : d("v-if", !0),
+            C("div", ge, [
+              oe(C("input", O({
+                id: m(I),
+                ref_key: "input",
+                ref: i,
+                "onUpdate:modelValue": g[0] || (g[0] = (N) => E.value = N),
+                type: A.value,
+                name: e.name
+              }, l.$attrs, {
+                placeholder: q.value,
+                "aria-label": e.label || e.placeholder,
+                disabled: e.disabled,
+                readonly: e.readonly,
+                required: e.required,
+                class: "m-input-input"
+              }, re({
+                blur: Z,
+                focus: Y,
+                change: _
+              }, !0), {
+                onClick: g[1] || (g[1] = (N) => l.$emit("click", N))
+              }), null, 16, pe), [
+                [ie, E.value]
+              ]),
+              e.label || e.hint ? (r(), y(
+                "span",
+                {
+                  key: 0,
+                  ref: "label",
+                  class: k(["m-input-label", [
+                    {
+                      "maz-text-danger-600": e.error,
+                      "maz-text-success-600": e.success,
+                      "maz-text-warning-600": e.warning
+                    }
+                  ]])
+                },
+                [
+                  U(
+                    j(e.hint || e.label) + " ",
+                    1
+                    /* TEXT */
+                  ),
+                  e.required ? (r(), y("sup", ze, "*")) : d("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              )) : d("v-if", !0)
+            ]),
+            Q() ? (r(), y("div", he, [
+              l.$slots["right-icon"] || e.rightIcon ? x(l.$slots, "right-icon", { key: 0 }, () => [
+                w(m(v), {
+                  name: e.rightIcon,
+                  class: "maz-text-xl maz-text-muted"
+                }, null, 8, ["name"])
+              ], !0) : d("v-if", !0),
+              T.value ? (r(), B(m(a), {
+                key: 1,
+                color: "transparent",
+                tabindex: "-1",
+                size: "mini",
+                onClick: g[2] || (g[2] = J((N) => b.value = !b.value, ["stop"]))
+              }, {
+                default: $(() => [
+                  b.value ? (r(), B(m(f), {
+                    key: 0,
+                    class: "maz-text-xl maz-text-muted"
+                  })) : (r(), B(m(h), {
+                    key: 1,
+                    class: "maz-text-xl maz-text-muted"
+                  }))
+                ]),
+                _: 1
+                /* STABLE */
+              })) : d("v-if", !0),
+              l.$slots["valid-button"] || e.validButton ? x(l.$slots, "valid-button", { key: 2 }, () => [
+                w(m(a), {
+                  color: "transparent",
+                  disabled: e.disabled,
+                  tabindex: "-1",
+                  loading: e.validButtonLoading,
+                  class: "m-input-valid-button",
+                  size: "mini",
+                  type: "submit"
+                }, {
+                  default: $(() => [
+                    w(m(o), { class: "maz-text-2xl maz-text-normal" })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled", "loading"])
+              ], !0) : d("v-if", !0)
+            ])) : d("v-if", !0)
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+});
+const D = (e, c) => {
+  const a = e.__vccOpts || e;
+  for (const [v, f] of c)
+    a[v] = f;
+  return a;
+}, ke = /* @__PURE__ */ D(Be, [["__scopeId", "data-v-4ef81f77"]]), we = /* @__PURE__ */ P({
+  __name: "MazBtn",
+  props: {
+    variant: {
+      type: String,
+      default: "button",
+      validator: (e) => ["button", "link"].includes(e)
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (e) => ["button", "submit", "reset"].includes(e)
+    },
+    rounded: { type: Boolean, default: !1 },
+    noRounded: { type: Boolean, default: !1 },
+    outline: { type: Boolean, default: !1 },
+    pastel: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    noUnderline: { type: Boolean, default: !1 },
+    noLeading: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    fab: { type: Boolean, default: !1 },
+    icon: { type: String, default: void 0 },
+    leftIcon: { type: String, default: void 0 },
+    rightIcon: { type: String, default: void 0 },
+    noPadding: { type: Boolean, default: !1 },
+    noElevation: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const c = S(() => import("./MazSpinner-70afb16b.mjs")), a = S(() => import("./MazIcon-52a76873.mjs")), { href: v, to: f } = ue(), h = R(), o = e;
+    se(() => {
+      o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+    });
+    const t = n(() => v ? "a" : f ? "router-link" : "button"), p = n(
+      () => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
+    ), b = n(
+      () => (o.loading || o.disabled) && t.value === "button"
+    ), u = n(() => b.value ? "--cursor-default" : "--cursor-pointer"), i = n(() => `--is-${o.variant}`), s = n(() => o.loading && o.variant === "button"), I = n(() => !!h["left-icon"] || o.leftIcon), M = n(() => !!h["right-icon"] || o.rightIcon), T = n(() => I.value || M.value), A = n(() => o.fab && o.icon), L = n(() => t.value === "button" ? o.type : void 0);
+    return (z, q) => (r(), B(de(t.value), O(z.$attrs, {
+      disabled: b.value,
+      class: ["m-btn", [
+        `--${e.size}`,
+        p.value,
+        u.value,
+        i.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--no-leading": e.noLeading,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": b.value,
+          "--icon": T.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]],
+      type: L.value
+    }), {
+      default: $(() => [
+        I.value ? (r(), y(
+          "div",
+          {
+            key: 0,
+            class: k(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": s.value }])
+          },
+          [
+            x(z.$slots, "left-icon", {}, () => [
+              e.leftIcon ? (r(), B(m(a), {
+                key: 0,
+                name: e.leftIcon
+              }, null, 8, ["name"])) : d("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : d("v-if", !0),
+        A.value ? (r(), y(
+          "div",
+          {
+            key: 1,
+            class: k(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": s.value }])
+          },
+          [
+            x(z.$slots, "icon", {}, () => [
+              e.icon ? (r(), B(m(a), {
+                key: 0,
+                name: e.icon
+              }, null, 8, ["name"])) : d("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : d("v-if", !0),
+        C(
+          "span",
+          {
+            class: k(["maz-flex maz-flex-center", { "maz-invisible": s.value }])
+          },
+          [
+            x(z.$slots, "default", {}, void 0, !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        M.value ? (r(), y(
+          "div",
+          {
+            key: 2,
+            class: k(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": s.value }])
+          },
+          [
+            x(z.$slots, "right-icon", {}, () => [
+              e.rightIcon ? (r(), B(m(a), {
+                key: 0,
+                name: e.rightIcon
+              }, null, 8, ["name"])) : d("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : d("v-if", !0),
+        s.value ? (r(), B(m(c), {
+          key: 3,
+          size: "2em",
+          color: e.color,
+          class: "maz-absolute"
+        }, null, 8, ["color"])) : d("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["disabled", "class", "type"]));
+  }
+});
+const K = /* @__PURE__ */ D(we, [["__scopeId", "data-v-0410c0ed"]]), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: K
+}, Symbol.toStringTag, { value: "Module" })), Se = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, xe = /* @__PURE__ */ C(
+  "path",
+  {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "1.5",
+    d: "M6 18 18 6M6 6l12 12"
+  },
+  null,
+  -1
+  /* HOISTED */
+), $e = [
+  xe
+];
+function Me(e, c) {
+  return r(), y("svg", Se, [...$e]);
+}
+const Ve = { render: Me }, Ce = /* @__PURE__ */ P({
+  __name: "MazInputTags",
+  props: {
+    // Input value, can be a `Array` of `String` or `null`
+    modelValue: {
+      type: Array,
+      default: void 0
+    },
+    // input placeholder
+    placeholder: { type: String, default: void 0 },
+    label: { type: String, default: void 0 },
+    // When is `true` the input is disable
+    disabled: { type: Boolean, default: !1 },
+    // When is `true` the input has the error style (red)
+    error: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    warning: { type: Boolean, default: !1 },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
+    },
+    color: {
+      type: String,
+      default: "primary"
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: c }) {
+    const a = e, v = V(!1), f = V(), h = c, o = (u) => {
+      if (f.value) {
+        u.preventDefault();
+        const i = f.value.trim().split(",").map((s) => s.trim() === "," ? void 0 : s.trim()).filter(Boolean);
+        h("update:model-value", a.modelValue ? [...a.modelValue, ...i] : [...i]), f.value = void 0;
+      }
+    }, t = n(() => {
+      if (a.error)
+        return "maz-border-danger";
+      if (a.success)
+        return "maz-border-success";
+      if (a.warning)
+        return "maz-border-warning";
+      if (v.value) {
+        if (a.color === "primary")
+          return "maz-border-primary";
+        if (a.color === "secondary")
+          return "maz-border-secondary";
+        if (a.color === "info")
+          return "maz-border-info";
+        if (a.color === "danger")
+          return "maz-border-danger";
+        if (a.color === "success")
+          return "maz-border-success";
+        if (a.color === "warning")
+          return "maz-border-warning";
+        if (a.color === "black")
+          return "maz-border-black";
+        if (a.color === "white")
+          return "maz-border-white";
+      }
+      return "maz-border-gray-200 dark:maz-border-color-lighter";
+    }), p = () => {
+      if (!f.value || f.value === "") {
+        const u = JSON.parse(JSON.stringify(a.modelValue));
+        u.pop(), h("update:model-value", u);
+      }
+    }, b = (u) => {
+      const i = JSON.parse(JSON.stringify(a.modelValue));
+      i.splice(u, 1), h("update:model-value", i);
+    };
+    return (u, i) => (r(), y(
+      "div",
+      {
+        class: k(["m-input-tags", [t.value, `--${e.color}`]]),
+        onFocusCapture: i[1] || (i[1] = (s) => v.value = !0),
+        onBlurCapture: i[2] || (i[2] = (s) => v.value = !1)
+      },
+      [
+        w(ce, { name: "maz-tags" }, {
+          default: $(() => [
+            (r(!0), y(
+              fe,
+              null,
+              me(e.modelValue, (s, I) => (r(), y("div", {
+                key: `tag-${I}`
+              }, [
+                w(K, {
+                  class: "m-input-tags__tag",
+                  disabled: e.disabled,
+                  size: e.size,
+                  color: e.color,
+                  onClick: J((M) => b(I), ["stop"])
+                }, {
+                  default: $(() => [
+                    U(
+                      j(s),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  "right-icon": $(() => [
+                    w(m(Ve), { class: "m-input-tags__tag__icon" })
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["disabled", "size", "color", "onClick"])
+              ]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        w(ke, O({
+          key: "input-tags",
+          modelValue: f.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (s) => f.value = s)
+        }, u.$attrs, {
+          placeholder: e.placeholder,
+          label: e.label,
+          "aria-label": e.label || e.placeholder,
+          error: e.error,
+          disabled: e.disabled,
+          color: e.color,
+          size: e.size,
+          "no-border": "",
+          class: "m-input-tags__input maz-flex-1",
+          onKeydown: [
+            F(o, ["enter"]),
+            F(p, ["delete"])
+          ]
+        }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "disabled", "color", "size", "onKeydown"])
+      ],
+      34
+      /* CLASS, HYDRATE_EVENTS */
+    ));
+  }
+});
+const Ae = /* @__PURE__ */ D(Ce, [["__scopeId", "data-v-8dd143eb"]]);
+export {
+  Ae as M,
+  D as _
+};