maz-ui 3.19.2 → 3.20.0

package/components/MazCheckbox.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
-import type { Color } from './types';
-export type { Color };
+import type { Color, Size } from './types';
+export type { Color, Size };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;
@@ -18,7 +18,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -37,10 +46,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
+    size: Size;
     color: Color;
+    disabled: boolean;
     name: string;
     id: string;
 }, {}>, {

package/components/MazCheckbox.mjs

@@ -1,5 +1,5 @@
 import "./assets/MazCheckbox.css";
-import { computed, defineComponent, getCurrentInstance, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, unref, renderSlot } from "vue";
+import { computed, openBlock, createElementBlock, createElementVNode, defineComponent, useCssVars, getCurrentInstance, unref, normalizeClass, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, renderSlot } from "vue";
 const useInstanceUniqId = ({
   componentName,
   instance,
@@ -7,8 +7,35 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
-const _hoisted_1 = ["id", "checked", "name"];
-const _hoisted_2 = ["for"];
+const _hoisted_1$1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "1.5",
+    d: "m4.5 12.75 6 6 9-13.5"
+  },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_3 = [
+  _hoisted_2$1
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3);
+}
+const CheckIcon = { render };
+const _hoisted_1 = ["for"];
+const _hoisted_2 = ["id", "checked", "disabled", "name"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazCheckbox",
   props: {
@@ -18,46 +45,131 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: String,
       default: "primary"
     },
-    name: { type: String, default: "m-checkbox" }
+    name: { type: String, default: "m-checkbox" },
+    size: { type: String, default: "md" },
+    disabled: { type: Boolean, default: false }
   },
-  emits: ["update:model-value"],
-  setup(__props) {
+  emits: [
+    /* emitted when value change */
+    "update:model-value",
+    /* emited when value change */
+    "change"
+  ],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "848d9fe6": checkIconColor.value,
+      "fb0e9a22": checkboxSize.value,
+      "cf55634c": checkboxSelectedColor.value,
+      "99c81ec6": checkboxBoxShadow.value
+    }));
     const instance = getCurrentInstance();
     const props = __props;
+    const emits = __emit;
     const instanceId = useInstanceUniqId({
       componentName: "MazCheckbox",
       instance,
       providedId: props.id
     });
+    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 (["Enter", "Space"].includes(event.code)) {
+        event.preventDefault();
+        emitValue(!props.modelValue);
+      }
+    }
+    function emitValue(value) {
+      emits("update:model-value", value);
+      emits("change", value);
+    }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(["m-checkbox", [`m-checkbox--${__props.color}`]])
-        },
-        [
-          createElementVNode("input", mergeProps({
-            id: unref(instanceId),
-            checked: __props.modelValue
-          }, _ctx.$attrs, {
-            name: __props.name,
-            type: "checkbox",
-            onChange: _cache[0] || (_cache[0] = ($event) => {
-              var _a;
-              return _ctx.$emit("update:model-value", (_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked);
-            })
-          }), null, 16, _hoisted_1),
-          createElementVNode("label", { for: unref(instanceId) }, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ], 8, _hoisted_2)
-        ],
-        2
-        /* CLASS */
-      );
+      return openBlock(), createElementBlock("label", {
+        for: unref(instanceId),
+        class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled }]),
+        tabindex: "1",
+        onKeydown: keyboardHandler
+      }, [
+        createElementVNode("input", mergeProps({
+          id: unref(instanceId),
+          checked: __props.modelValue
+        }, _ctx.$attrs, {
+          disabled: __props.disabled,
+          name: __props.name,
+          type: "checkbox",
+          onChange: _cache[0] || (_cache[0] = ($event) => {
+            var _a;
+            return emitValue((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked);
+          })
+        }), null, 16, _hoisted_2),
+        createElementVNode("span", null, [
+          createVNode(Transition, {
+            name: "maz-scale",
+            persisted: ""
+          }, {
+            default: withCtx(() => [
+              withDirectives(createVNode(unref(CheckIcon), {
+                class: normalizeClass(["check-icon", checkIconSize.value])
+              }, null, 8, ["class"]), [
+                [vShow, __props.modelValue]
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 42, _hoisted_1);
     };
   }
 });
-const MazCheckbox_vue_vue_type_style_index_0_scoped_f6df4357_lang = "";
+const MazCheckbox_vue_vue_type_style_index_0_scoped_5b54604c_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -65,7 +177,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6df4357"]]);
+const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b54604c"]]);
 export {
   MazCheckbox as default
 };

package/components/MazFullscreenLoader.d.ts

@@ -32,6 +32,9 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/components/MazPhoneNumberInput.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazPhoneNumberInput-901c4fa6.mjs";
+import { M } from "./chunks/MazPhoneNumberInput-94d7c29b.mjs";
 export {
   M as default
 };

package/components/MazSelect.d.ts

@@ -4,7 +4,7 @@ export type MazSelectOption = Record<string, ModelValueSimple>;
 export type { Color, Size, ModelValueSimple, Position };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
-        type: PropType<ModelValueSimple>;
+        type: PropType<ModelValueSimple | ModelValueSimple[]>;
         default: undefined;
     };
     id: {
@@ -73,6 +73,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     blur: (...args: any[]) => void;
@@ -83,7 +87,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "selected-option": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: PropType<ModelValueSimple>;
+        type: PropType<ModelValueSimple | ModelValueSimple[]>;
         default: undefined;
     };
     id: {
@@ -152,6 +156,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
@@ -165,10 +173,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: Color;
     search: boolean;
     disabled: boolean;
+    multiple: boolean;
     required: boolean;
     id: string;
     open: boolean;
-    modelValue: ModelValueSimple;
+    modelValue: ModelValueSimple | ModelValueSimple[];
     options: MazSelectOption[];
     optionValueKey: string;
     optionLabelKey: string;
@@ -183,7 +192,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {
         option: MazSelectOption;
         isSelected: boolean;
-        selectedOption: ModelValueSimple;
     }): any;
 }>;
 export default _default;

package/components/MazSelect.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazSelect-1f4d1193.mjs";
+import { M } from "./chunks/MazSelect-5c3b7a30.mjs";
 export {
   M as default
 };

package/components/assets/MazCheckbox.css

@@ -1 +1 @@
-.m-checkbox[data-v-f6df4357]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;min-height:1.75rem;cursor:pointer}.m-checkbox [type=checkbox][data-v-f6df4357]:not(:checked),.m-checkbox [type=checkbox][data-v-f6df4357]:checked{position:absolute;left:-9999px}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-f6df4357],.m-checkbox [type=checkbox]:checked+label[data-v-f6df4357]{position:relative;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:2.5rem;line-height:1.75rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.m-checkbox [type=checkbox]+label[data-v-f6df4357]:before{position:absolute;left:0;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:solid;border-color:transparent;background-color:transparent;content:"";width:1.625rem;height:1.625rem;background:transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.m-checkbox [type=checkbox]:hover+label[data-v-f6df4357]:before,.m-checkbox [type=checkbox]:focus+label[data-v-f6df4357]:before{position:absolute;border-width:var(--maz-border-width);border-style:solid;border-color:var(--maz-color-primary);background-color:transparent;content:""}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-f6df4357]:before{border-color:var(--maz-color-bg-light)}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-f6df4357]:after,.m-checkbox [type=checkbox]:checked+label[data-v-f6df4357]:after{content:"";position:absolute;left:.438rem;width:.75rem;height:.75rem;border-radius:.125rem}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-f6df4357]:after{--tw-scale-x: 0;--tw-scale-y: 0;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.m-checkbox [type=checkbox]:checked+label[data-v-f6df4357]:after{--tw-scale-x: 1;--tw-scale-y: 1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.m-checkbox--primary [type=checkbox]:checked+label[data-v-f6df4357]:before{border-color:var(--maz-color-primary)}.m-checkbox--primary [type=checkbox]:not(:checked)+label[data-v-f6df4357]:after,.m-checkbox--primary [type=checkbox]:checked+label[data-v-f6df4357]:after{background-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-checkbox--primary [type=checkbox]:focus+label[data-v-f6df4357]:before,.m-checkbox--primary [type=checkbox]:hover+label[data-v-f6df4357]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-primary-alpha);box-shadow:0 0 0 .125rem var(--maz-color-primary-alpha);border-color:var(--maz-color-primary-700)}.m-checkbox--primary [type=checkbox]:focus+label[data-v-f6df4357]:after,.m-checkbox--primary [type=checkbox]:hover+label[data-v-f6df4357]:after{background-color:var(--maz-color-primary-700)}.m-checkbox--secondary [type=checkbox]:checked+label[data-v-f6df4357]:before{border-color:var(--maz-color-secondary)}.m-checkbox--secondary [type=checkbox]:not(:checked)+label[data-v-f6df4357]:after,.m-checkbox--secondary [type=checkbox]:checked+label[data-v-f6df4357]:after{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-checkbox--secondary [type=checkbox]:focus+label[data-v-f6df4357]:before,.m-checkbox--secondary [type=checkbox]:hover+label[data-v-f6df4357]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-secondary-alpha);box-shadow:0 0 0 .125rem var(--maz-color-secondary-alpha);border-color:var(--maz-color-secondary-700)}.m-checkbox--secondary [type=checkbox]:focus+label[data-v-f6df4357]:after,.m-checkbox--secondary [type=checkbox]:hover+label[data-v-f6df4357]:after{background-color:var(--maz-color-secondary-700)}.m-checkbox--info [type=checkbox]:checked+label[data-v-f6df4357]:before{border-color:var(--maz-color-info)}.m-checkbox--info [type=checkbox]:not(:checked)+label[data-v-f6df4357]:after,.m-checkbox--info [type=checkbox]:checked+label[data-v-f6df4357]:after{background-color:var(--maz-color-info);color:var(--maz-color-info)}.m-checkbox--info [type=checkbox]:focus+label[data-v-f6df4357]:before,.m-checkbox--info [type=checkbox]:hover+label[data-v-f6df4357]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-info-alpha);box-shadow:0 0 0 .125rem var(--maz-color-info-alpha);border-color:var(--maz-color-info-700)}.m-checkbox--info [type=checkbox]:focus+label[data-v-f6df4357]:after,.m-checkbox--info [type=checkbox]:hover+label[data-v-f6df4357]:after{background-color:var(--maz-color-info-700)}.m-checkbox--danger [type=checkbox]:checked+label[data-v-f6df4357]:before{border-color:var(--maz-color-danger)}.m-checkbox--danger [type=checkbox]:not(:checked)+label[data-v-f6df4357]:after,.m-checkbox--danger [type=checkbox]:checked+label[data-v-f6df4357]:after{background-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-checkbox--danger [type=checkbox]:focus+label[data-v-f6df4357]:before,.m-checkbox--danger [type=checkbox]:hover+label[data-v-f6df4357]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-danger-alpha);box-shadow:0 0 0 .125rem var(--maz-color-danger-alpha);border-color:var(--maz-color-danger-700)}.m-checkbox--danger [type=checkbox]:focus+label[data-v-f6df4357]:after,.m-checkbox--danger [type=checkbox]:hover+label[data-v-f6df4357]:after{background-color:var(--maz-color-danger-700)}.m-checkbox--warning [type=checkbox]:checked+label[data-v-f6df4357]:before{border-color:var(--maz-color-warning)}.m-checkbox--warning [type=checkbox]:not(:checked)+label[data-v-f6df4357]:after,.m-checkbox--warning [type=checkbox]:checked+label[data-v-f6df4357]:after{background-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-checkbox--warning [type=checkbox]:focus+label[data-v-f6df4357]:before,.m-checkbox--warning [type=checkbox]:hover+label[data-v-f6df4357]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-warning-alpha);box-shadow:0 0 0 .125rem var(--maz-color-warning-alpha);border-color:var(--maz-color-warning-700)}.m-checkbox--warning [type=checkbox]:focus+label[data-v-f6df4357]:after,.m-checkbox--warning [type=checkbox]:hover+label[data-v-f6df4357]:after{background-color:var(--maz-color-warning-700)}.m-checkbox--success [type=checkbox]:checked+label[data-v-f6df4357]:before{border-color:var(--maz-color-success)}.m-checkbox--success [type=checkbox]:not(:checked)+label[data-v-f6df4357]:after,.m-checkbox--success [type=checkbox]:checked+label[data-v-f6df4357]:after{background-color:var(--maz-color-success);color:var(--maz-color-success)}.m-checkbox--success [type=checkbox]:focus+label[data-v-f6df4357]:before,.m-checkbox--success [type=checkbox]:hover+label[data-v-f6df4357]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-success-alpha);box-shadow:0 0 0 .125rem var(--maz-color-success-alpha);border-color:var(--maz-color-success-700)}.m-checkbox--success [type=checkbox]:focus+label[data-v-f6df4357]:after,.m-checkbox--success [type=checkbox]:hover+label[data-v-f6df4357]:after{background-color:var(--maz-color-success-700)}.m-checkbox--white [type=checkbox]:checked+label[data-v-f6df4357]:before{border-color:var(--maz-color-white)}.m-checkbox--white [type=checkbox]:not(:checked)+label[data-v-f6df4357]:after,.m-checkbox--white [type=checkbox]:checked+label[data-v-f6df4357]:after{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-checkbox--white [type=checkbox]:focus+label[data-v-f6df4357]:before,.m-checkbox--white [type=checkbox]:hover+label[data-v-f6df4357]:before{-webkit-box-shadow:0 0 0 .125rem hsl(216deg 12% 84% / 60%);box-shadow:0 0 0 .125rem #d1d5db99;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.m-checkbox--white [type=checkbox]:focus+label[data-v-f6df4357]:after,.m-checkbox--white [type=checkbox]:hover+label[data-v-f6df4357]:after{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-checkbox--black [type=checkbox]:checked+label[data-v-f6df4357]:before{border-color:var(--maz-color-black)}.m-checkbox--black [type=checkbox]:not(:checked)+label[data-v-f6df4357]:after,.m-checkbox--black [type=checkbox]:checked+label[data-v-f6df4357]:after{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-checkbox--black [type=checkbox]:focus+label[data-v-f6df4357]:before,.m-checkbox--black [type=checkbox]:hover+label[data-v-f6df4357]:before{-webkit-box-shadow:0 0 0 .125rem hsl(0deg 0% 0% / 60%);box-shadow:0 0 0 .125rem #0009;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.m-checkbox--black [type=checkbox]:focus+label[data-v-f6df4357]:after,.m-checkbox--black [type=checkbox]:hover+label[data-v-f6df4357]:after{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}html.dark .m-checkbox [type=checkbox]:not(:checked)+label[data-v-f6df4357]:before{border-color:var(--maz-color-bg-lighter)}
+.m-checkbox[data-v-5b54604c]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;outline:2px solid transparent;outline-offset:2px}.m-checkbox .check-icon[data-v-5b54604c]{color:var(--848d9fe6)}.m-checkbox .check-icon[data-v-5b54604c] path{stroke-width:2.5}.m-checkbox span[data-v-5b54604c]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-v-5b54604c]:is([class=dark] .m-checkbox span){border-color:var(--maz-color-bg-lighter)}.m-checkbox span[data-v-5b54604c]{width:var(--fb0e9a22);height:var(--fb0e9a22)}.m-checkbox input[data-v-5b54604c]{display:none}.m-checkbox input:not(:checked)~span[data-v-5b54604c]{background-color:var(--maz-color-bg)}[data-v-5b54604c]:is([class=dark] .m-checkbox input:not(:checked)~span){background-color:var(--maz-color-bg-light)}.m-checkbox input:checked~span[data-v-5b54604c]{border-color:var(--cf55634c);background-color:var(--cf55634c)}.m-checkbox input:disabled~span[data-v-5b54604c]{background-color:var(--maz-color-bg-light)}[data-v-5b54604c]:is([class=dark] .m-checkbox input:disabled~span){background-color:var(--maz-color-bg-lighter)}.m-checkbox.--disabled[data-v-5b54604c]{cursor:not-allowed}.m-checkbox[data-v-5b54604c]:not(.--disabled){cursor:pointer}.m-checkbox:not(.--disabled):hover span[data-v-5b54604c],.m-checkbox:not(.--disabled):focus span[data-v-5b54604c]{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-box-shadow:0 0 0 .125rem var(--99c81ec6);box-shadow:0 0 0 .125rem var(--99c81ec6)}

package/components/assets/MazPhoneNumberInput.css

@@ -1 +1 @@
-.m-phone-number-input[data-v-5aac3f0b]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.m-phone-number-input__country-flag[data-v-5aac3f0b]{position:absolute;bottom:2px;left:15px;z-index:4;outline:none;border:none;padding:0;margin:0;cursor:pointer}.m-phone-number-input__input.--border-radius[data-v-5aac3f0b] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-2px}.m-phone-number-input__select[data-v-5aac3f0b]{width:9rem}.m-phone-number-input__select__item[data-v-5aac3f0b]{width:100%;font-size:.875rem;line-height:1.25rem}.m-phone-number-input__select[data-v-5aac3f0b] .m-select-input .m-input-wrapper{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.m-phone-number-input:not(.--no-flags) .m-phone-number-input__select[data-v-5aac3f0b] .m-input-wrapper .m-select-input{padding-left:2.75rem!important}.m-phone-number-input__input.--error[data-v-5aac3f0b],.m-phone-number-input__input.--focused[data-v-5aac3f0b]{z-index:1}
+.m-input[data-v-52aef9c7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-52aef9c7]{height:4rem}.m-input.--xl .m-input-input[data-v-52aef9c7],.m-input.--xl .m-input-label[data-v-52aef9c7]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-52aef9c7]{height:3.5rem}.m-input.--lg .m-input-input[data-v-52aef9c7],.m-input.--lg .m-input-label[data-v-52aef9c7]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-52aef9c7]{height:3rem}.m-input.--md .m-input-input[data-v-52aef9c7],.m-input.--md .m-input-label[data-v-52aef9c7]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-52aef9c7]{height:2.5rem}.m-input.--sm .m-input-input[data-v-52aef9c7],.m-input.--sm .m-input-label[data-v-52aef9c7]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-52aef9c7]{height:2rem}.m-input.--xs .m-input-input[data-v-52aef9c7],.m-input.--xs .m-input-label[data-v-52aef9c7]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-52aef9c7]{height:1.5rem}.m-input.--mini .m-input-input[data-v-52aef9c7],.m-input.--mini .m-input-label[data-v-52aef9c7]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-52aef9c7]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-52aef9c7]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-52aef9c7]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-52aef9c7],.m-input-wrapper-left[data-v-52aef9c7]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-52aef9c7]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-52aef9c7]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-52aef9c7],.m-input-wrapper-left[data-v-52aef9c7]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-52aef9c7]{padding-right:.5rem}.m-input-wrapper-left[data-v-52aef9c7]{padding-left:.5rem}.m-input-input[data-v-52aef9c7]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-52aef9c7]:-webkit-autofill,.m-input-input[data-v-52aef9c7]:-webkit-autofill:hover,.m-input-input[data-v-52aef9c7]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-input[data-v-52aef9c7]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-52aef9c7]{pointer-events:none;position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform-origin:top left;transform-origin:top left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:.75rem;line-height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input[data-v-52aef9c7]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-52aef9c7]{z-index:2}.m-input.--should-up .m-input-label[data-v-52aef9c7]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input.--is-readonly .m-input-input[data-v-52aef9c7]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-52aef9c7]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-52aef9c7]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-52aef9c7]{z-index:3}.m-input.--has-label .m-input-input[data-v-52aef9c7]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-52aef9c7]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-52aef9c7]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-52aef9c7]:-webkit-autofill,html.dark .m-input-input[data-v-52aef9c7]:-webkit-autofill:hover,html.dark .m-input-input[data-v-52aef9c7]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-select[data-v-6ebd3ef8]{position:relative}.m-select[data-v-6ebd3ef8]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-6ebd3ef8] .m-input-input,.m-select-input.--has-label[data-v-6ebd3ef8] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-6ebd3ef8]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-6ebd3ef8] input{caret-color:transparent}.m-select-chevron[data-v-6ebd3ef8]{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select .m-select-chevron[data-v-6ebd3ef8]{color:var(--maz-color-text)}.m-select.--is-open .m-select-chevron[data-v-6ebd3ef8]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-6ebd3ef8]{position:absolute;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-v-6ebd3ef8]:is([class=dark] .m-select .m-select-list){background-color:var(--maz-color-bg-light)}.m-select .m-select-list[data-v-6ebd3ef8]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-6ebd3ef8]{bottom:100%}.m-select .m-select-list.--left[data-v-6ebd3ef8]{left:0}.m-select .m-select-list.--right[data-v-6ebd3ef8]{right:0}.m-select .m-select-list.--bottom[data-v-6ebd3ef8]{top:100%}.m-select .m-select-list__search-wrapper[data-v-6ebd3ef8]{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--maz-color-bg);padding:.25rem}.m-select .m-select-list__scroll-wrapper[data-v-6ebd3ef8]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:auto}.m-select .m-select-list__no-results[data-v-6ebd3ef8]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-6ebd3ef8]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-left:1rem;padding-right:1rem;text-align:left;color:var(--maz-color-text)}.m-select .m-select-list-item[data-v-6ebd3ef8]:hover{background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item span[data-v-6ebd3ef8]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-6ebd3ef8]{background-color:var(--maz-color-bg-light)}[data-v-6ebd3ef8]:is([class=dark] .m-select .m-select-list-item.--is-keyboard-selected){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-6ebd3ef8]{background-color:var(--4268d79e)}.m-select .m-select-list-item.--is-none-value[data-v-6ebd3ef8]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-6ebd3ef8]{color:var(--71723ca0);background-color:var(--66e06018)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-6ebd3ef8]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-6ebd3ef8]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}.m-phone-number-input[data-v-2cc88337]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.m-phone-number-input__country-flag[data-v-2cc88337]{position:absolute;bottom:2px;left:15px;z-index:4;outline:none;border:none;padding:0;margin:0;cursor:pointer}.m-phone-number-input__input.--border-radius[data-v-2cc88337] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-2px}.m-phone-number-input__select[data-v-2cc88337]{width:9rem}.m-phone-number-input__select__item[data-v-2cc88337]{width:100%;font-size:.875rem;line-height:1.25rem}.m-phone-number-input__select[data-v-2cc88337] .m-select-input .m-input-wrapper{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.m-phone-number-input:not(.--no-flags) .m-phone-number-input__select[data-v-2cc88337] .m-input-wrapper .m-select-input{padding-left:2.75rem!important}.m-phone-number-input__input.--error[data-v-2cc88337],.m-phone-number-input__input.--focused[data-v-2cc88337]{z-index:1}

package/components/assets/MazSelect.css

@@ -1 +1 @@
-.m-input[data-v-52aef9c7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-52aef9c7]{height:4rem}.m-input.--xl .m-input-input[data-v-52aef9c7],.m-input.--xl .m-input-label[data-v-52aef9c7]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-52aef9c7]{height:3.5rem}.m-input.--lg .m-input-input[data-v-52aef9c7],.m-input.--lg .m-input-label[data-v-52aef9c7]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-52aef9c7]{height:3rem}.m-input.--md .m-input-input[data-v-52aef9c7],.m-input.--md .m-input-label[data-v-52aef9c7]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-52aef9c7]{height:2.5rem}.m-input.--sm .m-input-input[data-v-52aef9c7],.m-input.--sm .m-input-label[data-v-52aef9c7]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-52aef9c7]{height:2rem}.m-input.--xs .m-input-input[data-v-52aef9c7],.m-input.--xs .m-input-label[data-v-52aef9c7]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-52aef9c7]{height:1.5rem}.m-input.--mini .m-input-input[data-v-52aef9c7],.m-input.--mini .m-input-label[data-v-52aef9c7]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-52aef9c7]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-52aef9c7]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-52aef9c7]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-52aef9c7],.m-input-wrapper-left[data-v-52aef9c7]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-52aef9c7]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-52aef9c7]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-52aef9c7],.m-input-wrapper-left[data-v-52aef9c7]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-52aef9c7]{padding-right:.5rem}.m-input-wrapper-left[data-v-52aef9c7]{padding-left:.5rem}.m-input-input[data-v-52aef9c7]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-52aef9c7]:-webkit-autofill,.m-input-input[data-v-52aef9c7]:-webkit-autofill:hover,.m-input-input[data-v-52aef9c7]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-input[data-v-52aef9c7]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-52aef9c7]{pointer-events:none;position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform-origin:top left;transform-origin:top left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:.75rem;line-height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input[data-v-52aef9c7]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-52aef9c7]{z-index:2}.m-input.--should-up .m-input-label[data-v-52aef9c7]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input.--is-readonly .m-input-input[data-v-52aef9c7]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-52aef9c7]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-52aef9c7]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-52aef9c7]{z-index:3}.m-input.--has-label .m-input-input[data-v-52aef9c7]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-52aef9c7]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-52aef9c7]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-52aef9c7]:-webkit-autofill,html.dark .m-input-input[data-v-52aef9c7]:-webkit-autofill:hover,html.dark .m-input-input[data-v-52aef9c7]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-select[data-v-2589528b]{position:relative}.m-select[data-v-2589528b]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-2589528b] .m-input-input,.m-select-input.--has-label[data-v-2589528b] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-2589528b]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-2589528b] input{caret-color:transparent}.m-select-chevron[data-v-2589528b]{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select .m-select-chevron[data-v-2589528b]{color:var(--maz-color-text)}.m-select.--is-open .m-select-chevron[data-v-2589528b]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-2589528b]{position:absolute;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d;min-width:3.5rem}.m-select .m-select-list.--top[data-v-2589528b]{bottom:100%}.m-select .m-select-list.--left[data-v-2589528b]{left:0}.m-select .m-select-list.--right[data-v-2589528b]{right:0}.m-select .m-select-list.--bottom[data-v-2589528b]{top:100%}.m-select .m-select-list__search-wrapper[data-v-2589528b]{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--maz-color-bg);padding:.25rem}.m-select .m-select-list__scroll-wrapper[data-v-2589528b]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:auto}.m-select .m-select-list__no-results[data-v-2589528b]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-2589528b]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-left:1rem;padding-right:1rem;text-align:left;color:var(--maz-color-text)}.m-select .m-select-list-item[data-v-2589528b]:hover{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item span[data-v-2589528b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-2589528b]{background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-none-value[data-v-2589528b]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected.--primary[data-v-2589528b]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-select .m-select-list-item.--is-selected.--secondary[data-v-2589528b]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-select .m-select-list-item.--is-selected.--info[data-v-2589528b]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-select .m-select-list-item.--is-selected.--success[data-v-2589528b]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-select .m-select-list-item.--is-selected.--warning[data-v-2589528b]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-select .m-select-list-item.--is-selected.--danger[data-v-2589528b]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-select .m-select-list-item.--is-selected.--black[data-v-2589528b]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-select .m-select-list-item.--is-selected.--white[data-v-2589528b]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-2589528b]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-2589528b]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}html.dark .m-select-list[data-v-2589528b]{background-color:var(--maz-color-bg-light)}html.dark .m-select-list-item[data-v-2589528b]:hover{background-color:var(--maz-color-bg-lighter)}
+.m-input[data-v-52aef9c7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-52aef9c7]{height:4rem}.m-input.--xl .m-input-input[data-v-52aef9c7],.m-input.--xl .m-input-label[data-v-52aef9c7]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-52aef9c7]{height:3.5rem}.m-input.--lg .m-input-input[data-v-52aef9c7],.m-input.--lg .m-input-label[data-v-52aef9c7]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-52aef9c7]{height:3rem}.m-input.--md .m-input-input[data-v-52aef9c7],.m-input.--md .m-input-label[data-v-52aef9c7]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-52aef9c7]{height:2.5rem}.m-input.--sm .m-input-input[data-v-52aef9c7],.m-input.--sm .m-input-label[data-v-52aef9c7]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-52aef9c7]{height:2rem}.m-input.--xs .m-input-input[data-v-52aef9c7],.m-input.--xs .m-input-label[data-v-52aef9c7]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-52aef9c7]{height:1.5rem}.m-input.--mini .m-input-input[data-v-52aef9c7],.m-input.--mini .m-input-label[data-v-52aef9c7]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-52aef9c7]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-52aef9c7]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-52aef9c7]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-52aef9c7],.m-input-wrapper-left[data-v-52aef9c7]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-52aef9c7]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-52aef9c7]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-52aef9c7],.m-input-wrapper-left[data-v-52aef9c7]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-52aef9c7]{padding-right:.5rem}.m-input-wrapper-left[data-v-52aef9c7]{padding-left:.5rem}.m-input-input[data-v-52aef9c7]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-52aef9c7]:-webkit-autofill,.m-input-input[data-v-52aef9c7]:-webkit-autofill:hover,.m-input-input[data-v-52aef9c7]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-input[data-v-52aef9c7]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-52aef9c7]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-52aef9c7]{pointer-events:none;position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform-origin:top left;transform-origin:top left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:.75rem;line-height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input[data-v-52aef9c7]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-52aef9c7]{z-index:2}.m-input.--should-up .m-input-label[data-v-52aef9c7]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input.--is-readonly .m-input-input[data-v-52aef9c7]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-52aef9c7]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-52aef9c7]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-52aef9c7]{z-index:3}.m-input.--has-label .m-input-input[data-v-52aef9c7]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-52aef9c7]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-52aef9c7]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-52aef9c7]:-webkit-autofill,html.dark .m-input-input[data-v-52aef9c7]:-webkit-autofill:hover,html.dark .m-input-input[data-v-52aef9c7]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-select[data-v-6ebd3ef8]{position:relative}.m-select[data-v-6ebd3ef8]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-6ebd3ef8] .m-input-input,.m-select-input.--has-label[data-v-6ebd3ef8] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-6ebd3ef8]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-6ebd3ef8] input{caret-color:transparent}.m-select-chevron[data-v-6ebd3ef8]{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select .m-select-chevron[data-v-6ebd3ef8]{color:var(--maz-color-text)}.m-select.--is-open .m-select-chevron[data-v-6ebd3ef8]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-6ebd3ef8]{position:absolute;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-v-6ebd3ef8]:is([class=dark] .m-select .m-select-list){background-color:var(--maz-color-bg-light)}.m-select .m-select-list[data-v-6ebd3ef8]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-6ebd3ef8]{bottom:100%}.m-select .m-select-list.--left[data-v-6ebd3ef8]{left:0}.m-select .m-select-list.--right[data-v-6ebd3ef8]{right:0}.m-select .m-select-list.--bottom[data-v-6ebd3ef8]{top:100%}.m-select .m-select-list__search-wrapper[data-v-6ebd3ef8]{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--maz-color-bg);padding:.25rem}.m-select .m-select-list__scroll-wrapper[data-v-6ebd3ef8]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:auto}.m-select .m-select-list__no-results[data-v-6ebd3ef8]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-6ebd3ef8]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-left:1rem;padding-right:1rem;text-align:left;color:var(--maz-color-text)}.m-select .m-select-list-item[data-v-6ebd3ef8]:hover{background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item span[data-v-6ebd3ef8]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-6ebd3ef8]{background-color:var(--maz-color-bg-light)}[data-v-6ebd3ef8]:is([class=dark] .m-select .m-select-list-item.--is-keyboard-selected){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-6ebd3ef8]{background-color:var(--4268d79e)}.m-select .m-select-list-item.--is-none-value[data-v-6ebd3ef8]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-6ebd3ef8]{color:var(--71723ca0);background-color:var(--66e06018)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-6ebd3ef8]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-6ebd3ef8]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}

package/components/chunks/{MazBtn-16ab35fe.mjs → MazBtn-090f5ced.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazSelect-1f4d1193.mjs";
+import { _ as _export_sfc } from "./MazSelect-5c3b7a30.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-5fdafc97.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-5be69292.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/{MazBtn-0d8e3249.mjs → MazBtn-e578aab0.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazPhoneNumberInput-901c4fa6.mjs";
+import { _ as _export_sfc } from "./MazPhoneNumberInput-94d7c29b.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-6025406b.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-f1454eeb.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/MazCheckbox-12a37b71.mjs

@@ -0,0 +1,144 @@
+import "../assets/MazCheckbox.css";
+import { defineComponent, useCssVars, getCurrentInstance, computed, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, renderSlot } from "vue";
+import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-94d7c29b.mjs";
+import CheckIcon from "./check-77afbaee.mjs";
+const _hoisted_1 = ["for"];
+const _hoisted_2 = ["id", "checked", "disabled", "name"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazCheckbox",
+  props: {
+    modelValue: { type: Boolean, required: true },
+    id: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    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) => ({
+      "848d9fe6": checkIconColor.value,
+      "fb0e9a22": checkboxSize.value,
+      "cf55634c": checkboxSelectedColor.value,
+      "99c81ec6": checkboxBoxShadow.value
+    }));
+    const instance = getCurrentInstance();
+    const props = __props;
+    const emits = __emit;
+    const instanceId = useInstanceUniqId({
+      componentName: "MazCheckbox",
+      instance,
+      providedId: props.id
+    });
+    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 (["Enter", "Space"].includes(event.code)) {
+        event.preventDefault();
+        emitValue(!props.modelValue);
+      }
+    }
+    function emitValue(value) {
+      emits("update:model-value", value);
+      emits("change", value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        for: unref(instanceId),
+        class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled }]),
+        tabindex: "1",
+        onKeydown: keyboardHandler
+      }, [
+        createElementVNode("input", mergeProps({
+          id: unref(instanceId),
+          checked: __props.modelValue
+        }, _ctx.$attrs, {
+          disabled: __props.disabled,
+          name: __props.name,
+          type: "checkbox",
+          onChange: _cache[0] || (_cache[0] = ($event) => {
+            var _a;
+            return emitValue((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked);
+          })
+        }), null, 16, _hoisted_2),
+        createElementVNode("span", null, [
+          createVNode(Transition, {
+            name: "maz-scale",
+            persisted: ""
+          }, {
+            default: withCtx(() => [
+              withDirectives(createVNode(unref(CheckIcon), {
+                class: normalizeClass(["check-icon", checkIconSize.value])
+              }, null, 8, ["class"]), [
+                [vShow, __props.modelValue]
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 42, _hoisted_1);
+    };
+  }
+});
+const MazCheckbox_vue_vue_type_style_index_0_scoped_5b54604c_lang = "";
+const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b54604c"]]);
+export {
+  MazCheckbox as default
+};