maz-ui 3.22.4 → 3.23.0

package/components/chunks/MazCard-4331dca0.mjs

@@ -1,237 +0,0 @@
-import "../assets/MazCard.css";
-import { defineComponent, defineAsyncComponent, useSlots, ref, watch, computed, openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent, withModifiers, withCtx, renderSlot, unref, createVNode, createCommentVNode, createElementVNode, withDirectives, vShow } from "vue";
-const _hoisted_1 = {
-  key: 0,
-  class: "m-card__gallery__wrapper"
-};
-const _hoisted_2 = { class: "maz-min-w-0 maz-flex-1" };
-const _hoisted_3 = {
-  key: 0,
-  class: "m-card__title"
-};
-const _hoisted_4 = {
-  key: 1,
-  class: "m-card__subtitle"
-};
-const _hoisted_5 = {
-  key: 2,
-  class: "m-card__content"
-};
-const _hoisted_6 = {
-  key: 2,
-  class: "m-card__actions maz-flex maz-p-2"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazCard",
-  props: {
-    // Images displayed
-    images: {
-      type: Array,
-      default: void 0
-    },
-    // Card variant: Must be `column | row | row-reverse | column-reverse`
-    orientation: {
-      type: String,
-      default: "column",
-      validator: (value) => {
-        return ["column", "row", "row-reverse", "column-reverse"].includes(value);
-      }
-    },
-    // Make card a link (footer area excluded)
-    href: { type: String, default: void 0 },
-    // Target option of link: Muse be one of `_blank | _self | _parent | _top | framename`
-    hrefTarget: { type: String, default: "_self" },
-    // Footer text alignment: `right | left`
-    footerAlign: { type: String, default: "right" },
-    // Gallery image width
-    galleryWidth: { type: [String, Number], default: 200 },
-    // Gallery image height
-    galleryHeight: { type: [String, Number], default: 150 },
-    // Enable "zoom" image on click (can't be used when the card has a link)
-    zoom: { type: Boolean, default: false },
-    // Set elevation to card (box-shadow)
-    elevation: { type: Boolean, default: true },
-    // Set radius to card (box-shadow)
-    radius: { type: Boolean, default: true },
-    // Set border to card
-    bordered: { type: Boolean, default: false },
-    // Number of images shown in the gallery
-    imagesShowCount: { type: Number, default: 3 },
-    // Remove transparent layer with the remain count (ex: +2)
-    noRemaining: { type: Boolean, default: true },
-    // scale animation on hover (only linked cards)
-    scale: { type: Boolean, default: true },
-    wrapperClass: { type: String, default: void 0 },
-    noPadding: { type: Boolean, default: false },
-    overflowHidden: { type: Boolean, default: false },
-    collapsable: { type: Boolean, default: false },
-    collapseOpen: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-1daf9063.mjs"));
-    const MazGallery = defineAsyncComponent(() => import("./MazGallery-b2dc4286.mjs"));
-    const MazTransitionExpand = defineAsyncComponent(() => import("./MazTransitionExpand-474b00d4.mjs"));
-    const ChevronDownIcon = defineAsyncComponent(() => import("./chevron-down-a78b9604.mjs"));
-    const props = __props;
-    const slots = useSlots();
-    const isOpen = ref(props.collapsable ? props.collapseOpen : true);
-    watch(
-      () => props.collapseOpen,
-      (value) => {
-        if (props.collapsable)
-          isOpen.value = value;
-      }
-    );
-    const isColumnVariant = computed(() => ["column", "column-reverse"].includes(props.orientation));
-    const haveSomeContent = computed(() => {
-      const supportedSlots = /* @__PURE__ */ new Set(["default", "title", "subtitle", "content"]);
-      return Object.keys(slots).some((val) => supportedSlots.has(val));
-    });
-    const galleryWidthComputed = computed(() => haveSomeContent.value ? props.galleryWidth : "100%");
-    const footerAlignClass = computed(
-      () => props.footerAlign === "right" ? "maz-text-right" : "maz-text-left"
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(["m-card", [
-            {
-              "m-card--linked": __props.href,
-              "m-card--no-scale": !__props.scale,
-              "maz-elevation": __props.elevation,
-              "maz-overflow-hidden": __props.overflowHidden || !isOpen.value,
-              "maz-rounded": __props.radius,
-              "maz-border-2 maz-border-solid maz-border-color-lighter": __props.bordered
-            }
-          ]])
-        },
-        [
-          _ctx.$slots["header"] || __props.collapsable ? (openBlock(), createBlock(resolveDynamicComponent(__props.collapsable ? "button" : "div"), {
-            key: 0,
-            class: normalizeClass(["m-card__header maz-rounded-t-xl maz-border-b-2", [
-              isOpen.value ? "maz-border-color-lighter" : "maz-border-transparent",
-              { "--is-collapsable": __props.collapsable },
-              { "maz-justify-end": !_ctx.$slots["header"] && __props.collapsable },
-              { "maz-justify-between": _ctx.$slots["header"] }
-            ]]),
-            tabindex: "-1",
-            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => __props.collapsable ? isOpen.value = !isOpen.value : void 0, ["stop"]))
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "header", {}, void 0, true),
-              __props.collapsable ? (openBlock(), createBlock(unref(MazBtn), {
-                key: 0,
-                color: "transparent",
-                class: "maz-ml-2 maz-text-sm",
-                size: "xs",
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => isOpen.value = !isOpen.value, ["stop"]))
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(ChevronDownIcon), {
-                    class: normalizeClass([{ "--is-open": isOpen.value }, "m-card__collapse-icon maz-text-xl"])
-                  }, null, 8, ["class"])
-                ]),
-                _: 1
-                /* STABLE */
-              })) : createCommentVNode("v-if", true)
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["class"])) : createCommentVNode("v-if", true),
-          (openBlock(), createBlock(resolveDynamicComponent(__props.href ? "a" : "div"), {
-            class: normalizeClass(["m-card__wrapper", [`m-card__wrapper--${__props.orientation}`, { "m-card__link": __props.href }]]),
-            href: __props.href,
-            target: __props.href ? __props.hrefTarget : null
-          }, {
-            default: withCtx(() => [
-              __props.images ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                createVNode(unref(MazGallery), {
-                  radius: __props.radius,
-                  width: galleryWidthComputed.value,
-                  height: __props.galleryHeight,
-                  "images-shown-count": __props.imagesShowCount,
-                  images: __props.images,
-                  "no-zoom": !__props.zoom,
-                  "no-width": isColumnVariant.value,
-                  "no-height": !isColumnVariant.value && haveSomeContent.value,
-                  "no-remaining": __props.noRemaining,
-                  class: "m-card__gallery maz-flex-1"
-                }, null, 8, ["radius", "width", "height", "images-shown-count", "images", "no-zoom", "no-width", "no-height", "no-remaining"])
-              ])) : createCommentVNode("v-if", true),
-              createElementVNode("div", _hoisted_2, [
-                (openBlock(), createBlock(resolveDynamicComponent(__props.collapsable ? unref(MazTransitionExpand) : "div"), null, {
-                  default: withCtx(() => [
-                    withDirectives(createElementVNode(
-                      "div",
-                      {
-                        class: normalizeClass([[__props.wrapperClass, { "maz-p-4": !__props.noPadding && !__props.collapsable }], "m-card__content__wrapper"])
-                      },
-                      [
-                        renderSlot(_ctx.$slots, "default", {}, () => [
-                          _ctx.$slots["title"] ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                            renderSlot(_ctx.$slots, "title", {}, void 0, true)
-                          ])) : createCommentVNode("v-if", true),
-                          _ctx.$slots["subtitle"] ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                            renderSlot(_ctx.$slots, "subtitle", {}, void 0, true)
-                          ])) : createCommentVNode("v-if", true),
-                          _ctx.$slots["content"] ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                            renderSlot(_ctx.$slots, "content", {}, void 0, true)
-                          ])) : createCommentVNode("v-if", true)
-                        ], true)
-                      ],
-                      2
-                      /* CLASS */
-                    ), [
-                      [vShow, isOpen.value]
-                    ])
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                }))
-              ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["class", "href", "target"])),
-          _ctx.$slots["footer"] ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 1,
-              class: normalizeClass(["m-card__footer maz-overflow-x-auto maz-p-3", [
-                {
-                  "maz-border-t-2 maz-border-color-lighter": isColumnVariant.value && haveSomeContent.value
-                },
-                footerAlignClass.value
-              ]])
-            },
-            [
-              renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true),
-          _ctx.$slots["actions"] ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createCommentVNode(" Slot above the gallery "),
-            renderSlot(_ctx.$slots, "actions", {}, void 0, true)
-          ])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const MazCard_vue_vue_type_style_index_0_scoped_4654982c_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4654982c"]]);
-export {
-  MazCard as M,
-  _export_sfc as _
-};

package/components/chunks/MazCarousel-7825c7c9.mjs

@@ -1,133 +0,0 @@
-import "../assets/MazCarousel.css";
-import { defineComponent, defineAsyncComponent, useSlots, ref, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, unref, withCtx, createElementVNode, pushScopeId, popScopeId } from "vue";
-const _withScopeId = (n) => (pushScopeId("data-v-e5ae2ebf"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "m-carousel" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = {
-  key: 1,
-  class: "m-carousel__header__actions"
-};
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
-  "div",
-  { class: "m-carousel__items__spacer" },
-  null,
-  -1
-  /* HOISTED */
-));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazCarousel",
-  props: {
-    noScrollBtn: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-b56a7278.mjs"));
-    const ChevronLeftIcon = defineAsyncComponent(() => import("./chevron-left-3365d59b.mjs"));
-    const ChevronRightIcon = defineAsyncComponent(() => import("./chevron-right-02f9e837.mjs"));
-    const props = __props;
-    const slots = useSlots();
-    const isScrolled = ref(false);
-    const isScrolledMax = ref(false);
-    const MazCarouselItems = ref();
-    const hasHeader = () => {
-      return !props.noScrollBtn || slots["title"];
-    };
-    const hasTitle = () => {
-      return !!slots["title"];
-    };
-    const next = () => {
-      const items = MazCarouselItems.value;
-      items == null ? void 0 : items.scrollTo(items.scrollLeft + items.clientWidth, 0);
-    };
-    const previous = () => {
-      const items = MazCarouselItems.value;
-      items == null ? void 0 : items.scrollTo(items.scrollLeft - items.clientWidth, 0);
-    };
-    const setScrollState = (event) => {
-      const target = event.target;
-      if (!target)
-        return;
-      isScrolled.value = target.scrollLeft >= 20;
-      const itemsScrollWidth = target.scrollWidth - target.clientWidth;
-      isScrolledMax.value = target.scrollLeft >= itemsScrollWidth - 20;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        hasHeader() ? (openBlock(), createElementBlock(
-          "div",
-          {
-            key: 0,
-            class: normalizeClass(["m-carousel__header", { "--has-title": hasTitle() }])
-          },
-          [
-            hasTitle() ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              renderSlot(_ctx.$slots, "title", {}, void 0, true)
-            ])) : createCommentVNode("v-if", true),
-            !__props.noScrollBtn ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              createVNode(unref(MazBtn), {
-                color: "transparent",
-                class: normalizeClass(["m-carousel__btn", { "--muted": !isScrolled.value }]),
-                "no-elevation": "",
-                fab: "",
-                onClick: previous
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "previous-icon", {}, () => [
-                    createVNode(unref(ChevronLeftIcon), { class: "maz-text-lg" })
-                  ], true)
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["class"]),
-              createVNode(unref(MazBtn), {
-                color: "transparent",
-                class: normalizeClass(["m-carousel__btn", { "--muted": isScrolledMax.value }]),
-                fab: "",
-                "no-elevation": "",
-                onClick: next
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "next-icon", {}, () => [
-                    createVNode(unref(ChevronRightIcon), { class: "maz-text-lg" })
-                  ], true)
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["class"])
-            ])) : createCommentVNode("v-if", true)
-          ],
-          2
-          /* CLASS */
-        )) : createCommentVNode("v-if", true),
-        createElementVNode(
-          "div",
-          {
-            ref_key: "MazCarouselItems",
-            ref: MazCarouselItems,
-            class: "m-carousel__items",
-            onScroll: setScrollState
-          },
-          [
-            createCommentVNode(" Insert your items "),
-            renderSlot(_ctx.$slots, "default", {}, void 0, true),
-            _hoisted_4
-          ],
-          544
-          /* HYDRATE_EVENTS, NEED_PATCH */
-        )
-      ]);
-    };
-  }
-});
-const MazCarousel_vue_vue_type_style_index_0_scoped_e5ae2ebf_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazCarousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e5ae2ebf"]]);
-export {
-  MazCarousel as M,
-  _export_sfc as _
-};

package/components/chunks/MazCheckbox-ab5ddda2.mjs

@@ -1,153 +0,0 @@
-import "../assets/MazCheckbox.css";
-import { defineComponent, useCssVars, getCurrentInstance, computed, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, mergeProps, createVNode, renderSlot } from "vue";
-import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-48fe2445.mjs";
-import CheckIcon from "./check-8da249b1.mjs";
-const _hoisted_1 = ["for", "aria-checked"];
-const _hoisted_2 = ["id", "checked", "disabled", "name"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazCheckbox",
-  props: {
-    modelValue: {
-      type: [Boolean, Array],
-      default: void 0
-    },
-    id: { type: String, default: void 0 },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    value: { type: [String, Number, Boolean], default: void 0 },
-    name: { type: String, default: "m-checkbox" },
-    size: { type: String, default: "md" },
-    disabled: { type: Boolean, default: false }
-  },
-  emits: [
-    /* emitted when value change */
-    "update:model-value",
-    /* emited when value change */
-    "change"
-  ],
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "40cdf8ce": checkIconColor.value,
-      "25e00d0a": checkboxSize.value,
-      "5692b564": checkboxSelectedColor.value,
-      "9df23cde": checkboxBoxShadow.value
-    }));
-    const instance = getCurrentInstance();
-    const props = __props;
-    const emits = __emit;
-    const instanceId = useInstanceUniqId({
-      componentName: "MazCheckbox",
-      instance,
-      providedId: props.id
-    });
-    const isChecked = computed(
-      () => typeof props.value !== "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue === "boolean" ? props.modelValue : false
-    );
-    const checkboxSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
-          return "2.25rem";
-        }
-        case "lg": {
-          return "2rem";
-        }
-        default: {
-          return "1.625rem";
-        }
-        case "sm": {
-          return "1.425rem";
-        }
-        case "xs": {
-          return "1.325rem";
-        }
-        case "mini": {
-          return "1.2rem";
-        }
-      }
-    });
-    const checkIconSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
-          return "maz-text-2xl";
-        }
-        case "lg": {
-          return "maz-text-xl";
-        }
-        default: {
-          return "maz-text-lg";
-        }
-        case "sm": {
-          return "maz-text-base";
-        }
-        case "xs": {
-          return "maz-text-sm";
-        }
-        case "mini": {
-          return "maz-text-xs";
-        }
-      }
-    });
-    const checkIconColor = computed(() => `var(--maz-color-${props.color}-contrast)`);
-    const checkboxSelectedColor = computed(() => `var(--maz-color-${props.color})`);
-    const checkboxBoxShadow = computed(
-      () => ["black", "transparent"].includes(props.color) ? `var(--maz-color-muted)` : `var(--maz-color-${props.color}-alpha)`
-    );
-    function keyboardHandler(event) {
-      if (["Space"].includes(event.code)) {
-        event.preventDefault();
-        emitValue(props.value ?? !props.modelValue);
-      }
-    }
-    function getNewValue(value) {
-      if (typeof value === "boolean" && (typeof props.modelValue === "boolean" || props.modelValue === void 0 || props.modelValue === null)) {
-        return props.modelValue ? false : true;
-      } else if (Array.isArray(props.modelValue) && typeof value !== "boolean") {
-        return props.modelValue.includes(value) ? props.modelValue.filter((v) => v !== value) : [...props.modelValue, value];
-      } else {
-        return [value];
-      }
-    }
-    function emitValue(value) {
-      const newValue = getNewValue(value);
-      emits("update:model-value", newValue);
-      emits("change", newValue);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        for: unref(instanceId),
-        class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled }]),
-        tabindex: "0",
-        role: "checkbox",
-        "aria-checked": isChecked.value,
-        onKeydown: keyboardHandler
-      }, [
-        createElementVNode("input", mergeProps({
-          id: unref(instanceId),
-          checked: isChecked.value
-        }, _ctx.$attrs, {
-          tabindex: "-1",
-          disabled: __props.disabled,
-          name: __props.name,
-          type: "checkbox",
-          onChange: _cache[0] || (_cache[0] = ($event) => {
-            var _a;
-            return emitValue(__props.value ?? ((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked));
-          })
-        }), null, 16, _hoisted_2),
-        createElementVNode("span", null, [
-          createVNode(unref(CheckIcon), {
-            class: normalizeClass(["check-icon", checkIconSize.value])
-          }, null, 8, ["class"])
-        ]),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 42, _hoisted_1);
-    };
-  }
-});
-const MazCheckbox_vue_vue_type_style_index_0_scoped_141a5e53_lang = "";
-const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-141a5e53"]]);
-export {
-  MazCheckbox as default
-};

package/components/chunks/MazCheckbox-e0bbe6ec.mjs

@@ -1,153 +0,0 @@
-import "../assets/MazCheckbox.css";
-import { defineComponent, useCssVars, getCurrentInstance, computed, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, mergeProps, createVNode, renderSlot } from "vue";
-import { u as useInstanceUniqId, _ as _export_sfc } from "./MazSelect-2e5cd411.mjs";
-import CheckIcon from "./check-8da249b1.mjs";
-const _hoisted_1 = ["for", "aria-checked"];
-const _hoisted_2 = ["id", "checked", "disabled", "name"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazCheckbox",
-  props: {
-    modelValue: {
-      type: [Boolean, Array],
-      default: void 0
-    },
-    id: { type: String, default: void 0 },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    value: { type: [String, Number, Boolean], default: void 0 },
-    name: { type: String, default: "m-checkbox" },
-    size: { type: String, default: "md" },
-    disabled: { type: Boolean, default: false }
-  },
-  emits: [
-    /* emitted when value change */
-    "update:model-value",
-    /* emited when value change */
-    "change"
-  ],
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "40cdf8ce": checkIconColor.value,
-      "25e00d0a": checkboxSize.value,
-      "5692b564": checkboxSelectedColor.value,
-      "9df23cde": checkboxBoxShadow.value
-    }));
-    const instance = getCurrentInstance();
-    const props = __props;
-    const emits = __emit;
-    const instanceId = useInstanceUniqId({
-      componentName: "MazCheckbox",
-      instance,
-      providedId: props.id
-    });
-    const isChecked = computed(
-      () => typeof props.value !== "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue === "boolean" ? props.modelValue : false
-    );
-    const checkboxSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
-          return "2.25rem";
-        }
-        case "lg": {
-          return "2rem";
-        }
-        default: {
-          return "1.625rem";
-        }
-        case "sm": {
-          return "1.425rem";
-        }
-        case "xs": {
-          return "1.325rem";
-        }
-        case "mini": {
-          return "1.2rem";
-        }
-      }
-    });
-    const checkIconSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
-          return "maz-text-2xl";
-        }
-        case "lg": {
-          return "maz-text-xl";
-        }
-        default: {
-          return "maz-text-lg";
-        }
-        case "sm": {
-          return "maz-text-base";
-        }
-        case "xs": {
-          return "maz-text-sm";
-        }
-        case "mini": {
-          return "maz-text-xs";
-        }
-      }
-    });
-    const checkIconColor = computed(() => `var(--maz-color-${props.color}-contrast)`);
-    const checkboxSelectedColor = computed(() => `var(--maz-color-${props.color})`);
-    const checkboxBoxShadow = computed(
-      () => ["black", "transparent"].includes(props.color) ? `var(--maz-color-muted)` : `var(--maz-color-${props.color}-alpha)`
-    );
-    function keyboardHandler(event) {
-      if (["Space"].includes(event.code)) {
-        event.preventDefault();
-        emitValue(props.value ?? !props.modelValue);
-      }
-    }
-    function getNewValue(value) {
-      if (typeof value === "boolean" && (typeof props.modelValue === "boolean" || props.modelValue === void 0 || props.modelValue === null)) {
-        return props.modelValue ? false : true;
-      } else if (Array.isArray(props.modelValue) && typeof value !== "boolean") {
-        return props.modelValue.includes(value) ? props.modelValue.filter((v) => v !== value) : [...props.modelValue, value];
-      } else {
-        return [value];
-      }
-    }
-    function emitValue(value) {
-      const newValue = getNewValue(value);
-      emits("update:model-value", newValue);
-      emits("change", newValue);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        for: unref(instanceId),
-        class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled }]),
-        tabindex: "0",
-        role: "checkbox",
-        "aria-checked": isChecked.value,
-        onKeydown: keyboardHandler
-      }, [
-        createElementVNode("input", mergeProps({
-          id: unref(instanceId),
-          checked: isChecked.value
-        }, _ctx.$attrs, {
-          tabindex: "-1",
-          disabled: __props.disabled,
-          name: __props.name,
-          type: "checkbox",
-          onChange: _cache[0] || (_cache[0] = ($event) => {
-            var _a;
-            return emitValue(__props.value ?? ((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked));
-          })
-        }), null, 16, _hoisted_2),
-        createElementVNode("span", null, [
-          createVNode(unref(CheckIcon), {
-            class: normalizeClass(["check-icon", checkIconSize.value])
-          }, null, 8, ["class"])
-        ]),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 42, _hoisted_1);
-    };
-  }
-});
-const MazCheckbox_vue_vue_type_style_index_0_scoped_141a5e53_lang = "";
-const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-141a5e53"]]);
-export {
-  MazCheckbox as default
-};