maz-ui 3.47.1 → 3.47.2-beta.10

package/components/chunks/MazBtn-tOUtVpek.mjs

@@ -0,0 +1,103 @@
+import { defineComponent as C, defineAsyncComponent as m, useAttrs as $, computed as o, openBlock as t, createBlock as l, resolveDynamicComponent as r, normalizeClass as a, normalizeStyle as S, withCtx as j, renderSlot as i, unref as u, createCommentVNode as d, createElementBlock as M, createVNode as E } from "vue";
+import { _ as F } from "./MazInputPrice-C5yErBFP.mjs";
+import '../assets/MazBtn.css';const O = {
+  key: 0,
+  class: "m-btn-loader-container"
+}, A = /* @__PURE__ */ C({
+  __name: "MazBtn",
+  props: {
+    variant: { default: "button" },
+    size: { default: "md" },
+    color: { default: "primary" },
+    type: { default: "button" },
+    rounded: { type: Boolean },
+    roundedSize: { default: "lg" },
+    noRounded: { type: Boolean },
+    outline: { type: Boolean },
+    pastel: { type: Boolean },
+    block: { type: Boolean },
+    noUnderline: { type: Boolean },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    fab: { type: Boolean },
+    icon: { type: [String, Function, Object], default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
+    noPadding: { type: Boolean },
+    noElevation: { type: Boolean },
+    justify: { default: "center" }
+  },
+  setup(y) {
+    const n = y, v = m(() => import("./MazSpinner-CkKIUYXO.mjs")), c = m(() => import("./MazIcon-_hN-Kivn.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
+      () => (n.loading || n.disabled) && f.value === "button"
+    ), B = o(() => p.value ? "--cursor-default" : "--cursor-pointer"), k = o(() => `--is-${n.variant}`), I = o(() => n.loading && n.variant === "button"), h = o(() => f.value === "button" ? n.type : void 0), s = o(() => 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" : "maz-text-xl");
+    return (e, D) => (t(), l(r(f.value), {
+      disabled: p.value || void 0,
+      class: a(["m-btn", [
+        `--${e.size}`,
+        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
+        g.value,
+        B.value,
+        k.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": p.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]]),
+      style: S([`--justify: ${e.justify}`]),
+      type: h.value
+    }, {
+      default: j(() => [
+        i(e.$slots, "left-icon", {}, () => [
+          typeof e.leftIcon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.leftIcon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.leftIcon ? (t(), l(r(e.leftIcon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        i(e.$slots, "icon", {}, () => [
+          typeof e.icon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.icon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.icon ? (t(), l(r(e.icon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        i(e.$slots, "default", {}, void 0, !0),
+        i(e.$slots, "right-icon", {}, () => [
+          typeof e.rightIcon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.rightIcon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.rightIcon ? (t(), l(r(e.rightIcon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        I.value ? (t(), M("div", O, [
+          E(u(v), {
+            size: "2em",
+            color: e.color
+          }, null, 8, ["color"])
+        ])) : d("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["disabled", "class", "style", "type"]));
+  }
+}), R = /* @__PURE__ */ F(A, [["__scopeId", "data-v-bee684ff"]]);
+export {
+  R as default
+};

package/components/chunks/{MazCard-CfkvpcGL.mjs → MazCard-XBaeDZkg.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent as A, defineAsyncComponent as c, useSlots as H, computed as r, ref as N, watch as T, openBlock as a, createElementBlock as n, normalizeClass as u, createBlock as p, resolveDynamicComponent as w, withModifiers as _, withCtx as f, renderSlot as i, createTextVNode as j, toDisplayString as E, createCommentVNode as l, unref as h, createVNode as $, mergeProps as P, createElementVNode as B, withDirectives as W, vShow as I } from "vue";
+import { defineComponent as A, defineAsyncComponent as c, useSlots as H, computed as r, ref as N, watch as T, openBlock as a, createElementBlock as n, normalizeClass as u, createBlock as p, resolveDynamicComponent as w, withModifiers as _, withCtx as f, renderSlot as i, createTextVNode as j, toDisplayString as E, createCommentVNode as s, unref as h, createVNode as $, mergeProps as P, createElementVNode as B, withDirectives as W, vShow as I } from "vue";
 import '../assets/MazCard.css';const R = {
   key: 0,
   class: "m-card__gallery__wrapper"
@@ -42,11 +42,11 @@ import '../assets/MazCard.css';const R = {
     block: { type: Boolean }
   },
   setup(m) {
-    const o = m, v = c(() => import("./MazBtn-TkePGm5o.mjs")), g = c(() => import("./MazGallery-BKL7gfrz.mjs")), z = c(() => import("./MazTransitionExpand-4Ll_5LDO.mjs")), S = c(() => import("./chevron-down-BkvtON3b.mjs")), M = H(), t = r(() => o.collapsible || o.collapsable), s = N(t.value ? o.collapseOpen : !0), k = r(() => o.href || o.to);
+    const o = m, v = c(() => import("./MazBtn-Br3xKJMD.mjs")), g = c(() => import("./MazGallery-BooLoRWi.mjs")), z = c(() => import("./MazTransitionExpand-Bcwdl9g2.mjs")), S = c(() => import("./chevron-down-BkvtON3b.mjs")), M = H(), t = r(() => o.collapsible || o.collapsable), l = N(t.value ? o.collapseOpen : !0), k = r(() => o.href || o.to);
     T(
       () => o.collapseOpen,
       (e) => {
-        t.value && (s.value = e);
+        t.value && (l.value = e);
       }
     );
     const C = r(() => ({
@@ -69,7 +69,7 @@ import '../assets/MazCard.css';const R = {
             "m-card--no-scale": !e.scale,
             "maz-elevation": e.elevation,
             "--block": e.block,
-            "maz-overflow-hidden": e.overflowHidden || !s.value,
+            "maz-overflow-hidden": e.overflowHidden || !l.value,
             "maz-rounded": e.radius,
             "maz-border maz-border-solid maz-border-color-light": e.bordered
           }
@@ -79,13 +79,13 @@ import '../assets/MazCard.css';const R = {
         e.$slots.header || e.header || t.value ? (a(), p(w(t.value ? "button" : "div"), {
           key: 0,
           class: u(["m-card__header maz-border-b maz-border-solid", [
-            s.value ? "maz-rounded-t maz-border-color-light" : "maz-border-transparent",
+            l.value ? "maz-rounded-t maz-border-color-light" : "maz-border-transparent",
             { "--is-collapsible": t.value },
             { "maz-justify-end": (!e.$slots.header || !e.header) && t.value },
             { "maz-justify-between": e.$slots.header || e.header }
           ]]),
           tabindex: "-1",
-          onClick: d[1] || (d[1] = _((V) => t.value ? s.value = !s.value : void 0, ["stop"]))
+          onClick: d[1] || (d[1] = _((V) => t.value ? l.value = !l.value : void 0, ["stop"]))
         }, {
           default: f(() => [
             e.$slots.header || e.header ? i(e.$slots, "header", { key: 0 }, () => [
@@ -94,26 +94,26 @@ import '../assets/MazCard.css';const R = {
                 1
                 /* TEXT */
               )
-            ], !0) : l("v-if", !0),
+            ], !0) : s("v-if", !0),
             t.value ? (a(), p(h(v), {
               key: 1,
               color: "transparent",
               class: "maz-ml-2 maz-text-sm",
               size: "xs",
-              onClick: d[0] || (d[0] = _((V) => s.value = !s.value, ["stop"]))
+              onClick: d[0] || (d[0] = _((V) => l.value = !l.value, ["stop"]))
             }, {
               default: f(() => [
                 $(h(S), {
-                  class: u([{ "--is-open": s.value }, "m-card__collapse-icon maz-text-xl"])
+                  class: u([{ "--is-open": l.value }, "m-card__collapse-icon maz-text-xl"])
                 }, null, 8, ["class"])
               ]),
               _: 1
               /* STABLE */
-            })) : l("v-if", !0)
+            })) : s("v-if", !0)
           ]),
           _: 3
           /* FORWARDED */
-        }, 8, ["class"])) : l("v-if", !0),
+        }, 8, ["class"])) : s("v-if", !0),
         (a(), p(w(C.value.is), P(C.value, {
           class: ["m-card__wrapper", [`m-card__wrapper--${e.orientation}`, { "m-card__link": k.value }]]
         }), {
@@ -131,7 +131,7 @@ import '../assets/MazCard.css';const R = {
                 "no-remaining": e.noRemaining,
                 class: "m-card__gallery maz-flex-1"
               }, null, 8, ["no-radius", "width", "height", "images-shown-count", "images", "no-zoom", "no-width", "no-height", "no-remaining"])
-            ])) : l("v-if", !0),
+            ])) : s("v-if", !0),
             B("div", G, [
               (a(), p(w(t.value ? h(z) : "div"), null, {
                 default: f(() => [
@@ -144,19 +144,19 @@ import '../assets/MazCard.css';const R = {
                       i(e.$slots, "default", {}, () => [
                         e.$slots.title ? (a(), n("div", L, [
                           i(e.$slots, "title", {}, void 0, !0)
-                        ])) : l("v-if", !0),
+                        ])) : s("v-if", !0),
                         e.$slots.subtitle ? (a(), n("div", q, [
                           i(e.$slots, "subtitle", {}, void 0, !0)
-                        ])) : l("v-if", !0),
+                        ])) : s("v-if", !0),
                         e.$slots.content ? (a(), n("div", F, [
                           i(e.$slots, "content", {}, void 0, !0)
-                        ])) : l("v-if", !0)
+                        ])) : s("v-if", !0)
                       ], !0)
                     ],
                     2
                     /* CLASS */
                   ), [
-                    [I, s.value]
+                    [I, l.value]
                   ])
                 ]),
                 _: 3
@@ -183,11 +183,10 @@ import '../assets/MazCard.css';const R = {
           ],
           2
           /* CLASS */
-        )) : l("v-if", !0),
+        )) : s("v-if", !0),
         e.$slots.actions ? (a(), n("div", J, [
-          l(" @slot action of gallery "),
           i(e.$slots, "actions", {}, void 0, !0)
-        ])) : l("v-if", !0)
+        ])) : s("v-if", !0)
       ],
       2
       /* CLASS */

package/components/chunks/{MazCarousel-BEl86YGW.mjs → MazCarousel-COTaKhKF.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent as I, defineAsyncComponent as _, useSlots as N, ref as p, openBlock as s, createElementBlock as a, normalizeClass as r, renderSlot as n, createCommentVNode as c, createVNode as i, unref as u, withCtx as B, createElementVNode as k } from "vue";
+import { defineComponent as I, defineAsyncComponent as v, useSlots as N, ref as _, openBlock as s, createElementBlock as a, normalizeClass as r, renderSlot as n, createCommentVNode as p, createVNode as c, unref as i, withCtx as B, createElementVNode as k } from "vue";
 import '../assets/MazCarousel.css';const W = { key: 0 }, x = {
   key: 1,
   class: "m-carousel__header__actions"
@@ -11,19 +11,19 @@ import '../assets/MazCarousel.css';const W = { key: 0 }, x = {
     hideScrollbar: { type: Boolean }
   },
   setup(l) {
-    const d = l, o = _(() => import("./MazBtn-BhnOApJu.mjs")), f = _(() => import("./chevron-left-BqVOLRdC.mjs")), m = _(() => import("./chevron-right-CbjzEeHV.mjs")), h = N(), b = p(!1), S = p(!1), v = p();
-    function y() {
-      return !d.noScrollBtn || h.title;
+    const u = l, o = v(() => import("./MazBtn-BVWOyFm-.mjs")), d = v(() => import("./chevron-left-BqVOLRdC.mjs")), f = v(() => import("./chevron-right-CbjzEeHV.mjs")), h = N(), b = _(!1), S = _(!1), m = _();
+    function L() {
+      return !u.noScrollBtn || h.title;
     }
     function C() {
       return !!h.title;
     }
-    function L() {
-      const e = v.value;
+    function y() {
+      const e = m.value;
       e == null || e.scrollTo(e.scrollLeft + e.clientWidth, 0);
     }
     function z() {
-      const e = v.value;
+      const e = m.value;
       e == null || e.scrollTo(e.scrollLeft - e.clientWidth, 0);
     }
     function M(e) {
@@ -42,7 +42,7 @@ import '../assets/MazCarousel.css';const W = { key: 0 }, x = {
         }])
       },
       [
-        y() ? (s(), a(
+        L() ? (s(), a(
           "div",
           {
             key: 0,
@@ -51,9 +51,9 @@ import '../assets/MazCarousel.css';const W = { key: 0 }, x = {
           [
             C() ? (s(), a("div", W, [
               n(e.$slots, "title", {}, void 0, !0)
-            ])) : c("v-if", !0),
-            e.noScrollBtn ? c("v-if", !0) : (s(), a("div", x, [
-              i(u(o), {
+            ])) : p("v-if", !0),
+            e.noScrollBtn ? p("v-if", !0) : (s(), a("div", x, [
+              c(i(o), {
                 color: "transparent",
                 class: r(["m-carousel__btn", { "--muted": !b.value }]),
                 "no-elevation": "",
@@ -63,23 +63,23 @@ import '../assets/MazCarousel.css';const W = { key: 0 }, x = {
               }, {
                 default: B(() => [
                   n(e.$slots, "previous-icon", {}, () => [
-                    i(u(f), { class: "maz-text-lg" })
+                    c(i(d), { class: "maz-text-lg" })
                   ], !0)
                 ]),
                 _: 3
                 /* FORWARDED */
               }, 8, ["class", "aria-label"]),
-              i(u(o), {
+              c(i(o), {
                 color: "transparent",
                 class: r(["m-carousel__btn", { "--muted": S.value }]),
                 fab: "",
                 "no-elevation": "",
                 "aria-label": e.ariaLabelNextButton,
-                onClick: L
+                onClick: y
               }, {
                 default: B(() => [
                   n(e.$slots, "next-icon", {}, () => [
-                    i(u(m), { class: "maz-text-lg" })
+                    c(i(f), { class: "maz-text-lg" })
                   ], !0)
                 ]),
                 _: 3
@@ -89,17 +89,16 @@ import '../assets/MazCarousel.css';const W = { key: 0 }, x = {
           ],
           2
           /* CLASS */
-        )) : c("v-if", !0),
+        )) : p("v-if", !0),
         k(
           "div",
           {
             ref_key: "MazCarouselItems",
-            ref: v,
+            ref: m,
             class: "m-carousel__items",
             onScroll: M
           },
           [
-            c(" Insert your items "),
             n(e.$slots, "default", {}, void 0, !0),
             t[0] || (t[0] = k(
               "div",
@@ -117,10 +116,10 @@ import '../assets/MazCarousel.css';const W = { key: 0 }, x = {
       /* CLASS */
     ));
   }
-}), T = (l, d) => {
+}), T = (l, u) => {
   const o = l.__vccOpts || l;
-  for (const [f, m] of d)
-    o[f] = m;
+  for (const [d, f] of u)
+    o[d] = f;
   return o;
 }, E = /* @__PURE__ */ T($, [["__scopeId", "data-v-c70bd7f6"]]);
 export {

package/components/chunks/{MazCheckbox-Byqz8JJB.mjs → MazCheckbox-B-Sw22La.mjs}

@@ -1,8 +1,7 @@
-import { defineComponent as I, useCssVars as N, computed as r, ref as E, openBlock as p, createElementBlock as h, unref as s, normalizeClass as c, normalizeStyle as A, createElementVNode as u, mergeProps as _, createVNode as M, renderSlot as D, createTextVNode as R, toDisplayString as b, createCommentVNode as q } from "vue";
-import { u as F } from "./useInstanceUniqId-DW9jO1Sz.mjs";
-import H from "./check-C9Q_W85g.mjs";
-import { _ as K } from "./MazTable-CulBGLaj.mjs";
-import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id", "checked", "disabled", "name"], U = { class: "m-checkbox__text" }, $ = /* @__PURE__ */ I({
+import { defineComponent as N, computed as r, ref as E, openBlock as v, createElementBlock as k, unref as c, normalizeClass as u, normalizeStyle as t, createElementVNode as d, mergeProps as A, createVNode as M, renderSlot as _, createTextVNode as D, toDisplayString as y, createCommentVNode as R } from "vue";
+import { u as $, _ as q } from "./MazPhoneNumberInput-B5Up8CqL.mjs";
+import F from "./check-C9Q_W85g.mjs";
+import '../assets/MazCheckbox.css';const H = ["for", "aria-checked"], K = ["id", "checked", "disabled", "name"], P = { class: "m-checkbox__text" }, T = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "MazCheckbox",
   props: {
@@ -22,19 +21,13 @@ import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id",
     hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
-  setup(v, { emit: k }) {
-    N((e) => ({
-      b7df6194: V.value,
-      "89a0ef50": y.value,
-      "199d7f11": g.value,
-      b0e1d658: x.value
-    }));
-    const o = v, l = k, d = F({
+  setup(z, { emit: g }) {
+    const o = z, l = g, i = $({
       componentName: "MazCheckbox",
       providedId: o.id
-    }), i = r(
+    }), m = r(
       () => typeof o.value != "boolean" && Array.isArray(o.modelValue) ? o.modelValue.includes(o.value) : typeof o.modelValue == "boolean" ? o.modelValue : !1
-    ), y = r(() => {
+    ), f = r(() => {
       switch (o.size) {
         case "xl":
           return "2rem";
@@ -49,7 +42,7 @@ import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id",
         default:
           return "1.5rem";
       }
-    }), z = r(() => {
+    }), V = r(() => {
       switch (o.size) {
         case "xl":
           return "maz-text-2xl";
@@ -64,83 +57,93 @@ import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id",
         default:
           return "maz-text-lg";
       }
-    }), V = r(() => o.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${o.color}-contrast)`), g = r(() => o.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${o.color})`), x = r(() => o.error ? "var(--maz-color-danger)" : o.warning ? "var(--maz-color-warning)" : o.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(o.color) ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-alpha)`);
-    function w(e) {
-      ["Space"].includes(e.code) && (e.preventDefault(), m(o.value ?? !o.modelValue));
-    }
+    }), x = r(() => o.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${o.color}-contrast)`), w = r(() => o.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${o.color})`), h = r(() => o.error ? "var(--maz-color-danger)" : o.warning ? "var(--maz-color-warning)" : o.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(o.color) ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-alpha)`);
     function C(e) {
+      ["Space"].includes(e.code) && (e.preventDefault(), b(o.value ?? !o.modelValue));
+    }
+    function S(e) {
       return typeof e == "boolean" && (typeof o.modelValue == "boolean" || o.modelValue === void 0 || o.modelValue === null) ? !o.modelValue : Array.isArray(o.modelValue) && typeof e != "boolean" ? o.modelValue.includes(e) ? o.modelValue.filter((a) => a !== e) : [...o.modelValue, e] : [e];
     }
-    function m(e) {
-      const a = C(e);
+    function b(e) {
+      const a = S(e);
       l("update:model-value", a), l("change", a);
     }
-    const t = E();
+    const n = E();
     function B(e) {
       var a;
-      (a = t.value) == null || a.dispatchEvent(new Event("blur")), l("blur", e);
+      (a = n.value) == null || a.dispatchEvent(new Event("blur")), l("blur", e);
     }
-    function S(e) {
+    function I(e) {
       var a;
-      (a = t.value) == null || a.dispatchEvent(new Event("focus")), l("focus", e);
+      (a = n.value) == null || a.dispatchEvent(new Event("focus")), l("focus", e);
     }
-    return (e, a) => (p(), h("label", {
-      for: s(d),
-      class: c(["m-checkbox", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
+    return (e, a) => (v(), k("label", {
+      for: c(i),
+      class: u(["m-checkbox", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
       tabindex: "0",
-      style: A(e.style),
+      style: t([e.style, { "--checkbox-selected-color": w.value, "--checkbox-box-shadow-color": h.value }]),
       role: "checkbox",
-      "aria-checked": i.value,
-      onKeydown: w,
+      "aria-checked": m.value,
+      onKeydown: C,
       onBlur: B,
-      onFocus: S
+      onFocus: I
     }, [
-      u("input", _({
-        id: s(d),
+      d("input", A({
+        id: c(i),
         ref_key: "inputRef",
-        ref: t,
-        checked: i.value
+        ref: n,
+        checked: m.value
       }, e.$attrs, {
         tabindex: "-1",
         disabled: e.disabled,
         name: e.name,
         type: "checkbox",
-        onChange: a[0] || (a[0] = (n) => {
-          var f;
-          return m(e.value ?? ((f = n == null ? void 0 : n.target) == null ? void 0 : f.checked));
+        onChange: a[0] || (a[0] = (s) => {
+          var p;
+          return b(e.value ?? ((p = s == null ? void 0 : s.target) == null ? void 0 : p.checked));
         })
-      }), null, 16, T),
-      u("span", null, [
-        M(s(H), {
-          class: c(["check-icon", z.value])
-        }, null, 8, ["class"])
-      ]),
-      u("div", U, [
-        D(e.$slots, "default", { value: e.value }, () => [
-          R(
-            b(e.label),
+      }), null, 16, K),
+      d(
+        "span",
+        {
+          style: t({ width: f.value, height: f.value })
+        },
+        [
+          M(c(F), {
+            class: u(["check-icon", V.value]),
+            style: t({ color: x.value })
+          }, null, 8, ["class", "style"])
+        ],
+        4
+        /* STYLE */
+      ),
+      d("div", P, [
+        _(e.$slots, "default", { value: e.value }, () => [
+          D(
+            y(e.label),
             1
             /* TEXT */
           )
         ], !0),
-        e.hint ? (p(), h(
+        e.hint ? (v(), k(
           "span",
           {
             key: 0,
-            class: c(["m-checkbox__hint", {
+            class: u(["m-checkbox__hint", {
               "--error": e.error,
               "--success": e.success,
               "--warning": e.warning
-            }])
+            }]),
+            style: t({ boxShadow: `0 0 0 0.125rem ${h.value}` })
           },
-          b(e.hint),
-          3
-          /* TEXT, CLASS */
-        )) : q("v-if", !0)
+          y(e.hint),
+          7
+          /* TEXT, CLASS, STYLE */
+        )) : R("v-if", !0)
       ])
-    ], 46, P));
+    ], 46, H));
   }
-}), O = /* @__PURE__ */ K($, [["__scopeId", "data-v-178c6a46"]]);
+}), J = /* @__PURE__ */ q(T, [["__scopeId", "data-v-65d7fb3b"]]);
 export {
-  O as default
+  J as default
 };