maz-ui 3.50.0 → 4.0.0-alpha.2

package/dist/components/MazLink.js

@@ -0,0 +1,64 @@
+import { defineComponent as f, defineAsyncComponent as d, openBlock as o, createBlock as t, resolveDynamicComponent as r, mergeProps as s, withCtx as p, renderSlot as n, unref as l, createCommentVNode as a, createVNode as m } from "vue";
+import { _ as y } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazLink.DQ7r1i9T.css';const g = /* @__PURE__ */ f({
+  __name: "MazLink",
+  props: {
+    id: { default: void 0 },
+    title: { default: void 0 },
+    href: { default: void 0 },
+    to: { default: void 0 },
+    color: { default: "primary" },
+    target: { default: "_self" },
+    download: { default: void 0 },
+    rel: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    underline: { type: Boolean, default: !1 },
+    underlineOnlyHover: { type: Boolean, default: !0 },
+    autoExternal: { type: Boolean, default: !0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 }
+  },
+  setup(v) {
+    const u = d(() => import("../chunks/arrow-top-right-on-square.wYk3YJI_.js")), i = d(() => import("./MazIcon.js"));
+    return (e, c) => (o(), t(r(e.to ? "router-link" : "a"), s({
+      id: e.id,
+      class: ["m-link m-reset-css", [
+        {
+          "--underline": e.underline,
+          "--underline-only-hover": !e.underline && e.underlineOnlyHover
+        },
+        `--${e.color}`
+      ]],
+      to: e.to,
+      href: e.href,
+      title: e.title,
+      target: e.target,
+      rel: e.rel,
+      download: e.download,
+      "aria-label": e.ariaLabel
+    }, e.$attrs), {
+      default: p(() => [
+        n(e.$slots, "left-icon", {}, () => [
+          typeof e.leftIcon == "string" ? (o(), t(l(i), {
+            key: 0,
+            name: e.leftIcon
+          }, null, 8, ["name"])) : e.leftIcon ? (o(), t(r(e.leftIcon), { key: 1 })) : a("", !0)
+        ], !0),
+        n(e.$slots, "default", {}, void 0, !0),
+        n(e.$slots, "right-icon", {}, () => [
+          typeof e.rightIcon == "string" ? (o(), t(l(i), {
+            key: 0,
+            name: e.rightIcon
+          }, null, 8, ["name"])) : e.rightIcon ? (o(), t(r(e.rightIcon), { key: 1 })) : a("", !0)
+        ], !0),
+        e.autoExternal && e.target === "_blank" ? n(e.$slots, "external-icon", { key: 0 }, () => [
+          m(l(u))
+        ], !0) : a("", !0)
+      ]),
+      _: 3
+    }, 16, ["id", "class", "to", "href", "title", "target", "rel", "download", "aria-label"]));
+  }
+}), k = /* @__PURE__ */ y(g, [["__scopeId", "data-v-91f41609"]]);
+export {
+  k as default
+};

package/dist/components/MazLoadingBar.js

@@ -0,0 +1,24 @@
+import { defineComponent as t, computed as n, openBlock as i, createElementBlock as c, normalizeStyle as m, createElementVNode as s } from "vue";
+import { _ as p } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazLoadingBar.C6sNjytz.css';const d = /* @__PURE__ */ t({
+  __name: "MazLoadingBar",
+  props: {
+    color: { default: "primary" },
+    height: { default: "0.125rem" }
+  },
+  setup(r) {
+    const a = r, o = n(() => ({
+      alpha: `var(--maz-color-${a.color}-alpha-20)`,
+      main: `var(--maz-color-${a.color})`
+    }));
+    return (l, e) => (i(), c("div", {
+      class: "m-loading-bar m-reset-css",
+      style: m([{ "--loading-bar-height": l.height, "--loading-bar-color": o.value.alpha, "--loading-bar-main-color": o.value.main }])
+    }, e[0] || (e[0] = [
+      s("div", null, null, -1)
+    ]), 4));
+  }
+}), f = /* @__PURE__ */ p(d, [["__scopeId", "data-v-a5b733e9"]]);
+export {
+  f as default
+};

package/dist/components/MazPagination.js

@@ -0,0 +1,189 @@
+import { defineComponent as U, defineAsyncComponent as R, computed as t, openBlock as v, createElementBlock as V, createElementVNode as i, createVNode as o, mergeProps as r, withCtx as p, renderSlot as P, createTextVNode as u, unref as z, toDisplayString as b, Fragment as w, renderList as I, createBlock as j, createCommentVNode as q } from "vue";
+import f from "./MazBtn.js";
+import { _ as G } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazPagination.DSYY_yu7.css';const H = {
+  class: "m-pagination m-reset-css",
+  role: "navigation",
+  "aria-label": "page navigation"
+}, J = { class: "maz-sr-only" }, K = { class: "maz-sr-only" }, Q = ["id"], W = { class: "maz-sr-only" }, X = { class: "maz-sr-only" }, Y = { class: "maz-sr-only" }, Z = /* @__PURE__ */ U({
+  __name: "MazPagination",
+  props: {
+    modelValue: { default: 1 },
+    buttonProps: { default: void 0 },
+    resultsSize: { default: void 0 },
+    activeColor: { default: "primary" },
+    size: { default: "md" },
+    totalPages: {},
+    pageRange: { default: 2 },
+    loading: { type: Boolean }
+  },
+  emits: ["update:model-value"],
+  setup(k, { emit: A }) {
+    const e = k, S = A, C = R(() => import("../chunks/chevron-left.njfuF_Vt.js")), y = R(() => import("../chunks/chevron-double-left.C1WkQBYN.js")), N = R(() => import("../chunks/ellipsis-horizontal.BKw73_U9.js")), B = {
+      size: "md",
+      color: "theme",
+      outline: !0,
+      noElevation: !0,
+      fab: !0
+    }, n = t(() => ({
+      ...B,
+      ...e.buttonProps
+    })), d = t(() => e.modelValue > 1 ? e.modelValue - 1 : 1), g = t(
+      () => e.modelValue < e.totalPages ? e.modelValue + 1 : e.totalPages
+    ), $ = t(
+      () => Array.from({ length: e.totalPages }, (a, s) => {
+        const l = s + 1;
+        return {
+          number: l,
+          isActive: l === e.modelValue,
+          loading: l === e.modelValue && e.loading
+        };
+      })
+    ), E = t(
+      () => e.modelValue - e.pageRange > 1 ? $.value.slice(0, 1) : []
+    ), D = t(
+      () => e.modelValue < e.totalPages - e.pageRange ? $.value.slice(-1) : []
+    ), L = t(() => e.modelValue - e.pageRange - 1 < 0 ? 0 : e.modelValue - e.pageRange - 1 > e.totalPages - e.pageRange ? e.totalPages - e.pageRange : e.modelValue - e.pageRange - 1), F = t(
+      () => e.modelValue + e.pageRange > e.totalPages ? e.totalPages : e.modelValue + e.pageRange < e.pageRange ? e.pageRange : e.modelValue + e.pageRange
+    ), M = t(() => $.value.slice(L.value, F.value)), O = t(
+      () => e.modelValue - e.pageRange > 2 ? [{ divider: !0 }] : []
+    ), T = t(
+      () => e.modelValue < e.totalPages - e.pageRange - 1 ? [{ divider: !0 }] : []
+    ), h = t(() => [
+      ...E.value,
+      ...O.value,
+      ...M.value,
+      ...T.value,
+      ...D.value
+    ]);
+    function m(a) {
+      a !== e.modelValue && S("update:model-value", a);
+    }
+    return (a, s) => (v(), V("nav", H, [
+      i("ul", null, [
+        i("li", null, [
+          o(f, r(n.value, {
+            disabled: a.modelValue === 1,
+            "aria-label": "First Page, Page 1",
+            "aria-setsize": a.resultsSize ?? void 0,
+            "aria-posinset": "1",
+            size: a.size,
+            onClick: s[0] || (s[0] = (l) => m(1))
+          }), {
+            default: p(() => [
+              i("span", J, [
+                P(a.$slots, "first-page-sr", { page: 1 }, () => [
+                  s[4] || (s[4] = u("First Page, page 1"))
+                ], !0)
+              ]),
+              o(z(y))
+            ]),
+            _: 3
+          }, 16, ["disabled", "aria-setsize", "size"])
+        ]),
+        i("li", null, [
+          o(f, r(n.value, {
+            disabled: a.modelValue === 1,
+            "aria-label": `Previous Page, Page ${d.value}`,
+            "aria-setsize": a.resultsSize ?? void 0,
+            "aria-posinset": d.value,
+            size: a.size,
+            onClick: s[1] || (s[1] = (l) => m(d.value))
+          }), {
+            default: p(() => [
+              i("span", K, [
+                P(a.$slots, "previous-page-sr", { page: d.value }, () => [
+                  u(" Previous Page, page " + b(d.value), 1)
+                ], !0)
+              ]),
+              o(z(C))
+            ]),
+            _: 3
+          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
+        ]),
+        (v(!0), V(w, null, I(h.value, (l, c) => (v(), V("li", {
+          id: "number" in l ? `button-${c}-${l.number}` : `ellipsis-${c}`,
+          key: "number" in l ? `button-${c}-${l.number}` : `ellipsis-${c}`
+        }, [
+          "number" in l ? (v(), j(f, r({
+            key: 0,
+            ref_for: !0
+          }, {
+            ...n.value,
+            color: l.isActive ? a.activeColor : n.value.color,
+            outline: l.isActive ? !1 : n.value.outline
+          }, {
+            size: a.size,
+            "aria-label": `Page ${l.number}`,
+            "aria-current": l.isActive ? "true" : "false",
+            "aria-setsize": a.resultsSize ?? void 0,
+            loading: l.loading,
+            "aria-posinset": l.number,
+            class: { active: l.isActive },
+            onClick: (_) => l.isActive ? void 0 : m(l.number)
+          }), {
+            default: p(() => [
+              i("span", W, [
+                P(a.$slots, "page-sr", {
+                  page: l.number
+                }, () => [
+                  u("Page " + b(l.number), 1)
+                ], !0)
+              ]),
+              u(" " + b(l.number), 1)
+            ]),
+            _: 2
+          }, 1040, ["size", "aria-label", "aria-current", "aria-setsize", "loading", "aria-posinset", "class", "onClick"])) : l.divider ? (v(), V("div", r({
+            key: 1,
+            ref_for: !0
+          }, n.value, { class: "flex p-2 flex-center" }), [
+            o(z(N))
+          ], 16)) : q("", !0)
+        ], 8, Q))), 128)),
+        i("li", null, [
+          o(f, r(n.value, {
+            disabled: a.modelValue === a.totalPages,
+            "aria-label": `Next Page, Page ${g.value}`,
+            "aria-setsize": a.resultsSize ?? void 0,
+            "aria-posinset": g.value,
+            size: a.size,
+            onClick: s[2] || (s[2] = (l) => m(g.value))
+          }), {
+            default: p(() => [
+              i("span", X, [
+                P(a.$slots, "next-page-sr", { page: g.value }, () => [
+                  u("Next Page, page " + b(g.value), 1)
+                ], !0)
+              ]),
+              o(z(C), { class: "-maz-rotate-180" })
+            ]),
+            _: 3
+          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
+        ]),
+        i("li", null, [
+          o(f, r(n.value, {
+            disabled: a.modelValue === a.totalPages,
+            "aria-label": `Next Page, Page ${a.totalPages}`,
+            "aria-setsize": a.resultsSize ?? void 0,
+            "aria-posinset": a.totalPages,
+            size: a.size,
+            onClick: s[3] || (s[3] = (l) => m(a.totalPages))
+          }), {
+            default: p(() => [
+              i("span", Y, [
+                P(a.$slots, "last-page-sr", { page: a.totalPages }, () => [
+                  u("Last Page, page " + b(a.totalPages), 1)
+                ], !0)
+              ]),
+              o(z(y), { class: "-maz-rotate-180" })
+            ]),
+            _: 3
+          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
+        ])
+      ])
+    ]));
+  }
+}), le = /* @__PURE__ */ G(Z, [["__scopeId", "data-v-7cbe2636"]]);
+export {
+  le as default
+};

package/dist/components/MazPicker.js

@@ -0,0 +1,5 @@
+import { M as a } from "../chunks/MazPicker.qrjLr1LC.js";
+import "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+export {
+  a as default
+};

package/dist/components/MazPullToRefresh.js

@@ -0,0 +1,146 @@
+import { defineComponent as P, defineAsyncComponent as R, computed as m, ref as h, watch as $, onUnmounted as x, openBlock as u, createElementBlock as i, normalizeClass as S, normalizeStyle as V, renderSlot as c, createElementVNode as p, createCommentVNode as y, createVNode as Y, unref as A } from "vue";
+import { isClient as N } from "../helpers/isClient.js";
+import { isStandaloneMode as H } from "../helpers/isStandaloneMode.js";
+import { _ as q } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazPullToRefresh.BdvKaU9N.css';const D = {
+  key: 0,
+  class: "header-text"
+}, F = {
+  key: 1,
+  class: "header-text"
+}, I = {
+  key: 2,
+  class: "header-text"
+}, U = { class: "maz-flex maz-flex-col maz-flex-center" }, j = /* @__PURE__ */ P({
+  __name: "MazPullToRefresh",
+  props: {
+    distance: { default: 100 },
+    offset: { default: 0 },
+    action: { type: Function, default: void 0 },
+    containerSelector: { default: void 0 },
+    headerClass: { default: void 0 },
+    spinnerColor: { default: "theme" },
+    disabled: { type: Boolean, default: !1 },
+    standaloneMode: { type: Boolean, default: !1 }
+  },
+  emits: ["loaded", "start", "error", "finish", "response"],
+  setup(_, { emit: L }) {
+    const o = _, r = L, M = R(() => import("./MazSpinner.js")), l = m(
+      () => o.disabled || o.action === void 0 || o.standaloneMode && N() && !H()
+    ), v = h({
+      top: 0,
+      bottom: 0
+    }), t = h({
+      from: -1,
+      to: -1,
+      distance: 0,
+      available: !1,
+      state: "end"
+    }), s = h(!1), n = m(() => {
+      if (typeof document > "u" || l.value)
+        return;
+      const e = o.containerSelector ? document.querySelector(o.containerSelector) : document.body;
+      if (!e)
+        throw new Error("MazPullToRefresh - container not found");
+      return e;
+    }), f = m(() => t.value.state !== "move" && t.value.state !== "end" || l.value ? 0 : t.value.distance > o.distance ? o.distance : t.value.distance);
+    function k(e) {
+      const { top: a, height: d } = e.getBoundingClientRect();
+      v.value = {
+        top: a,
+        bottom: window.innerHeight - (d + a + o.offset)
+      };
+    }
+    function b(e) {
+      s.value = e;
+    }
+    function g(e) {
+      if (s.value || v.value.top < 0 && v.value.bottom < 0 || l.value)
+        return;
+      const a = e.touches.item(0);
+      a && (t.value.state = "start", t.value.from = a.pageY);
+    }
+    function w(e) {
+      if (s.value || t.value.from < 0 || window.scrollY > 0 || l.value)
+        return;
+      const a = e.touches.item(0);
+      if (!a)
+        return;
+      t.value.to = a.pageY;
+      const d = t.value.to - t.value.from;
+      t.value.distance = d > 0 ? d : 0, t.value.available = t.value.distance >= o.distance, t.value.state = "move";
+    }
+    function E() {
+      s.value || l.value || (f.value === o.distance && t.value.state === "move" && window.scrollY <= 0 ? T() : C());
+    }
+    function C() {
+      t.value = {
+        from: -1,
+        to: -1,
+        distance: 0,
+        available: !1,
+        state: "end"
+      };
+    }
+    async function T() {
+      var e;
+      try {
+        b(!0), r("start");
+        const a = await ((e = o.action) == null ? void 0 : e.call(o));
+        r("loaded"), r("response", a);
+      } catch (a) {
+        throw r("error", a), a;
+      } finally {
+        C(), b(!1), r("finish");
+      }
+    }
+    $(
+      () => l.value,
+      (e) => {
+        e === !0 ? z() : B();
+      },
+      { immediate: !0 }
+    );
+    function B() {
+      !n.value || l.value || document === void 0 || (n.value.addEventListener("touchstart", g), n.value.addEventListener("touchmove", w), n.value.addEventListener("touchend", E), k(n.value));
+    }
+    function z() {
+      !n.value || document === void 0 || (n.value.removeEventListener("touchstart", g), n.value.removeEventListener("touchmove", w), n.value.removeEventListener("touchend", E));
+    }
+    return x(() => {
+      z();
+    }), (e, a) => (u(), i("div", {
+      class: S(["m-pull-to-refresh m-reset-css", { "--available": t.value.available || f.value > 10 }])
+    }, [
+      l.value ? y("", !0) : (u(), i("div", {
+        key: 0,
+        class: S(["loading-header", e.headerClass]),
+        style: V({ height: `${f.value}px` })
+      }, [
+        t.value.available ? t.value.available && !s.value ? (u(), i("div", F, [
+          c(e.$slots, "pull-ready", {}, () => [
+            a[1] || (a[1] = p("span", null, " Release to refresh ", -1))
+          ], !0)
+        ])) : y("", !0) : (u(), i("div", D, [
+          c(e.$slots, "pull-before", {}, () => [
+            a[0] || (a[0] = p("span", null, "Pull to refresh", -1))
+          ], !0)
+        ])),
+        s.value ? (u(), i("div", I, [
+          c(e.$slots, "pull-loading", {}, () => [
+            p("div", U, [
+              Y(A(M), {
+                color: e.spinnerColor,
+                size: "2.5em"
+              }, null, 8, ["color"])
+            ])
+          ], !0)
+        ])) : y("", !0)
+      ], 6)),
+      c(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), Q = /* @__PURE__ */ q(j, [["__scopeId", "data-v-fefb58af"]]);
+export {
+  Q as default
+};

package/dist/components/MazRadio.js

@@ -0,0 +1,106 @@
+import { defineComponent as S, computed as s, ref as B, openBlock as u, createElementBlock as c, unref as m, normalizeClass as v, normalizeStyle as E, createElementVNode as l, mergeProps as V, renderSlot as C, createTextVNode as I, toDisplayString as f, createCommentVNode as R } from "vue";
+import { useInstanceUniqId as $ } from "../composables/useInstanceUniqId.js";
+import { _ as N } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazRadio.zYTBn9Pj.css';const M = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "checked"], q = { class: "m-radio__text" }, F = /* @__PURE__ */ S({
+  __name: "MazRadio",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    id: { default: void 0 },
+    modelValue: { default: void 0 },
+    value: {},
+    name: {},
+    label: { default: void 0 },
+    color: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean },
+    success: { type: Boolean },
+    warning: { type: Boolean },
+    hint: {}
+  },
+  emits: ["update:model-value", "change", "blur", "focus"],
+  setup(p, { emit: b }) {
+    const a = p, o = b, d = $({
+      componentName: "MazRadio",
+      providedId: a.id
+    }), n = s(() => a.modelValue === a.value), h = s(() => {
+      switch (a.size) {
+        case "xl":
+          return "2.25rem";
+        case "lg":
+          return "2rem";
+        case "sm":
+          return "1.425rem";
+        case "xs":
+          return "1.325rem";
+        case "mini":
+          return "1.2rem";
+        default:
+          return "1.625rem";
+      }
+    }), y = s(() => `var(--maz-color-${a.color})`), z = s(() => a.error ? "var(--maz-color-danger)" : a.warning ? "var(--maz-color-warning)" : a.success ? "var(--maz-color-success)" : ["black", "transparent"].includes(a.color) ? "var(--maz-color-muted)" : `var(--maz-color-${a.color}-alpha)`);
+    function g(e) {
+      ["Space"].includes(e.code) && (e.preventDefault(), i());
+    }
+    function i() {
+      o("update:model-value", a.value), o("change", a.value);
+    }
+    const t = B();
+    function w(e) {
+      var r;
+      (r = t.value) == null || r.dispatchEvent(new Event("blur")), o("blur", e);
+    }
+    function k(e) {
+      var r;
+      (r = t.value) == null || r.dispatchEvent(new Event("focus")), o("focus", e);
+    }
+    return (e, r) => (u(), c("label", {
+      for: m(d),
+      class: v(["m-radio m-reset-css", [{ "--disabled": e.disabled, "--selected": n.value, "--error": e.error, "--warning": e.warning, "--success": e.success }, a.class]]),
+      tabindex: "0",
+      role: "radio",
+      style: E([e.style, { "--radio-size": h.value, "--radio-selected-color": y.value, "--radio-box-shadow": z.value }]),
+      "aria-checked": n.value,
+      onBlur: w,
+      onFocus: k,
+      onKeydown: g
+    }, [
+      l("input", V({
+        id: m(d),
+        ref_key: "inputRef",
+        ref: t,
+        value: e.value
+      }, e.$attrs, {
+        tabindex: "-1",
+        disabled: e.disabled,
+        name: e.name,
+        type: "radio",
+        checked: n.value,
+        onChange: r[0] || (r[0] = (H) => i())
+      }), null, 16, D),
+      r[1] || (r[1] = l("span", null, [
+        l("span", { class: "round" })
+      ], -1)),
+      l("div", q, [
+        C(e.$slots, "default", {
+          isSelected: n.value,
+          value: e.value
+        }, () => [
+          I(f(e.label), 1)
+        ], !0),
+        e.hint ? (u(), c("span", {
+          key: 0,
+          class: v(["m-radio__hint", {
+            "--error": e.error,
+            "--success": e.success,
+            "--warning": e.warning
+          }])
+        }, f(e.hint), 3)) : R("", !0)
+      ])
+    ], 46, M));
+  }
+}), U = /* @__PURE__ */ N(F, [["__scopeId", "data-v-6ad43ced"]]);
+export {
+  U as default
+};

package/dist/components/MazRadioButtons.js

@@ -0,0 +1,129 @@
+import { defineComponent as C, defineAsyncComponent as S, ref as $, openBlock as r, createElementBlock as s, createElementVNode as m, normalizeClass as u, Fragment as E, renderList as V, normalizeStyle as p, createVNode as h, Transition as R, withCtx as F, withDirectives as N, unref as q, vShow as D, createCommentVNode as y, renderSlot as I, createTextVNode as M, toDisplayString as b } from "vue";
+import { _ as K } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazRadioButtons.CIq38oX6.css';const O = { class: "m-radio-buttons m-reset-css" }, T = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], W = ["id", "name", "value", "onChange"], A = {
+  key: 0,
+  class: "m-radio-buttons__items__checkbox"
+}, H = /* @__PURE__ */ C({
+  __name: "MazRadioButtons",
+  props: {
+    modelValue: { default: void 0 },
+    options: {},
+    name: { default: "MazButtonsRadio" },
+    color: { default: "primary" },
+    elevation: { type: Boolean, default: !1 },
+    orientation: { default: "row" },
+    noWrap: { type: Boolean, default: !1 },
+    equalSize: { type: Boolean, default: !1 },
+    selector: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    error: { type: Boolean },
+    success: { type: Boolean },
+    warning: { type: Boolean },
+    hint: {}
+  },
+  emits: ["update:model-value", "change", "blur", "focus"],
+  setup(k, { emit: z }) {
+    const c = k, d = z, B = S(() => import("../chunks/check.B-gxQRxL.js"));
+    function v(e) {
+      d("update:model-value", e.value);
+    }
+    function n(e) {
+      return c.modelValue === e;
+    }
+    function _(e, l) {
+      ["Space"].includes(e.code) && (e.preventDefault(), v(l));
+    }
+    function i(e, l) {
+      return `option-${l}-${e.value.toString()}-${c.name}`;
+    }
+    const f = $();
+    function w(e, l) {
+      var a, o;
+      (o = (a = f.value) == null ? void 0 : a[e]) == null || o.dispatchEvent(new Event("blur")), d("blur", l);
+    }
+    function g(e, l) {
+      var a, o;
+      (o = (a = f.value) == null ? void 0 : a[e]) == null || o.dispatchEvent(new Event("focus")), d("focus", l);
+    }
+    return (e, l) => (r(), s("div", O, [
+      m("div", {
+        class: u(["m-radio-buttons__wrapper", [`--${e.orientation}`, { "--no-wrap": e.noWrap, "--block": e.block }]])
+      }, [
+        (r(!0), s(E, null, V(e.options, (a, o) => (r(), s("label", {
+          key: i(a, o),
+          for: i(a, o),
+          class: u(["m-radio-buttons__items maz-group", [
+            {
+              "--is-selected": n(a.value),
+              "--elevation": e.elevation,
+              "--equal-size": e.equalSize
+            },
+            a.classes
+          ]]),
+          tabindex: "0",
+          style: p([
+            n(a.value) ? {
+              color: `var(--maz-color-${e.color}-contrast)`,
+              backgroundColor: `var(--maz-color-${e.color})`
+            } : {},
+            a.style
+          ]),
+          role: "radio",
+          "aria-checked": n(a.value),
+          onKeydown: (t) => _(t, a),
+          onBlur: (t) => w(o, t),
+          onFocus: (t) => g(o, t)
+        }, [
+          m("input", {
+            id: i(a, o),
+            ref_for: !0,
+            ref_key: "inputRef",
+            ref: f,
+            type: "radio",
+            tabindex: "-1",
+            name: e.name,
+            value: a.value,
+            class: "maz-hidden",
+            onChange: (t) => v(a)
+          }, null, 40, W),
+          e.selector ? (r(), s("div", A, [
+            m("span", {
+              class: u({
+                "--is-selected": n(a.value)
+              }),
+              style: p([
+                n(a.value) ? { backgroundColor: `var(--maz-color-${c.color}-600)` } : {}
+              ])
+            }, [
+              h(R, { name: "maz-radio-buttons-scale" }, {
+                default: F(() => [
+                  N(h(q(B), { class: "maz-h-full maz-w-full" }, null, 512), [
+                    [D, n(a.value)]
+                  ])
+                ]),
+                _: 2
+              }, 1024)
+            ], 6)
+          ])) : y("", !0),
+          I(e.$slots, "default", {
+            option: a,
+            selected: n(a.value)
+          }, () => [
+            M(b(a.label), 1)
+          ], !0)
+        ], 46, T))), 128))
+      ], 2),
+      e.hint ? (r(), s("span", {
+        key: 0,
+        class: u(["m-radio-buttons__hint", {
+          "--error": e.error,
+          "--success": e.success,
+          "--warning": e.warning
+        }])
+      }, b(e.hint), 3)) : y("", !0)
+    ]));
+  }
+}), G = /* @__PURE__ */ K(H, [["__scopeId", "data-v-d23776ea"]]);
+export {
+  G as default
+};