maz-ui 3.21.4 → 3.22.0

package/components/MazCheckbox.d.ts

@@ -3,8 +3,8 @@ import type { Color, Size } from './types';
 export type { Color, Size };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
-        type: BooleanConstructor;
-        required: true;
+        type: PropType<boolean | (string | number)[]>;
+        default: undefined;
     };
     id: {
         type: StringConstructor;
@@ -14,6 +14,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Color>;
         default: string;
     };
+    value: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     name: {
         type: StringConstructor;
         default: string;
@@ -31,8 +35,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: BooleanConstructor;
-        required: true;
+        type: PropType<boolean | (string | number)[]>;
+        default: undefined;
     };
     id: {
         type: StringConstructor;
@@ -42,6 +46,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Color>;
         default: string;
     };
+    value: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     name: {
         type: StringConstructor;
         default: string;
@@ -62,7 +70,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: Color;
     disabled: boolean;
     name: string;
+    value: string | number | boolean;
     id: string;
+    modelValue: boolean | (string | number)[];
 }, {}>, {
     default?(_: {}): any;
 }>;

package/components/MazCheckbox.mjs

@@ -1,5 +1,5 @@
 import "./assets/MazCheckbox.css";
-import { computed, openBlock, createElementBlock, createElementVNode, defineComponent, useCssVars, getCurrentInstance, unref, normalizeClass, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, renderSlot } from "vue";
+import { computed, openBlock, createElementBlock, createElementVNode, defineComponent, useCssVars, getCurrentInstance, unref, normalizeClass, mergeProps, createVNode, renderSlot } from "vue";
 const useInstanceUniqId = ({
   componentName,
   instance,
@@ -39,12 +39,16 @@ const _hoisted_2 = ["id", "checked", "disabled", "name"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazCheckbox",
   props: {
-    modelValue: { type: Boolean, required: true },
+    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 }
@@ -57,10 +61,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "2887ae19": checkIconColor.value,
-      "3ea743fb": checkboxSize.value,
-      "8729aa64": checkboxSelectedColor.value,
-      "324bb1de": checkboxBoxShadow.value
+      "40cdf8ce": checkIconColor.value,
+      "25e00d0a": checkboxSize.value,
+      "5692b564": checkboxSelectedColor.value,
+      "9df23cde": checkboxBoxShadow.value
     }));
     const instance = getCurrentInstance();
     const props = __props;
@@ -70,6 +74,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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": {
@@ -120,14 +127,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => ["black", "transparent"].includes(props.color) ? `var(--maz-color-muted)` : `var(--maz-color-${props.color}-alpha)`
     );
     function keyboardHandler(event) {
-      if (["Enter", "Space"].includes(event.code)) {
+      if (["Space"].includes(event.code)) {
         event.preventDefault();
-        emitValue(!props.modelValue);
+        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) {
-      emits("update:model-value", value);
-      emits("change", value);
+      const newValue = getNewValue(value);
+      emits("update:model-value", newValue);
+      emits("change", newValue);
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
@@ -135,43 +152,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled }]),
         tabindex: "0",
         role: "checkbox",
-        "aria-checked": __props.modelValue,
+        "aria-checked": isChecked.value,
         onKeydown: keyboardHandler
       }, [
         createElementVNode("input", mergeProps({
           id: unref(instanceId),
-          checked: __props.modelValue
+          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((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked);
+            return emitValue(__props.value ?? ((_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 */
-          })
+          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_e6c359ea_lang = "";
+const MazCheckbox_vue_vue_type_style_index_0_scoped_141a5e53_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -179,7 +186,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6c359ea"]]);
+const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-141a5e53"]]);
 export {
   MazCheckbox as default
 };

package/components/MazInput.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazInput-0f978384.mjs";
+import { M } from "./chunks/MazInput-12a098d4.mjs";
 import "vue";
 export {
   M as default

package/components/MazInputNumber.mjs

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:model-value"],
   setup(__props, { emit: __emit }) {
     const MazBtn = defineAsyncComponent(() => import("./chunks/MazBtn-cf0c8fcb.mjs"));
-    const MazInput = defineAsyncComponent(() => import("./chunks/MazInput-7caedf96.mjs"));
+    const MazInput = defineAsyncComponent(() => import("./chunks/MazInput-20ea773f.mjs"));
     const PlusIcon = defineAsyncComponent(() => import("./chunks/plus-b1b0a5a8.mjs"));
     const MinusIcon = defineAsyncComponent(() => import("./chunks/minus-c9cdee90.mjs"));
     const props = __props;

package/components/MazInputPrice.mjs

@@ -1,4 +1,4 @@
-import { a } from "./chunks/MazInputPrice-fabc96a7.mjs";
+import { a } from "./chunks/MazInputPrice-eb36a7dd.mjs";
 export {
   a as default
 };

package/components/MazInputTags.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazInputTags-7fa5687d.mjs";
+import { M } from "./chunks/MazInputTags-24164d56.mjs";
 export {
   M as default
 };

package/components/MazPhoneNumberInput.d.ts

@@ -155,7 +155,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    /** Add success UI */
+    /** Add error UI */
     error: {
         type: BooleanConstructor;
         default: boolean;
@@ -318,7 +318,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    /** Add success UI */
+    /** Add error UI */
     error: {
         type: BooleanConstructor;
         default: boolean;

package/components/MazPhoneNumberInput.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazPhoneNumberInput-f1ef7be3.mjs";
+import { M } from "./chunks/MazPhoneNumberInput-4cec4ade.mjs";
 export {
   M as default
 };

package/components/MazPicker.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazPicker-d6b9fcdb.mjs";
+import { M } from "./chunks/MazPicker-9f4c724c.mjs";
 export {
   M as default
 };

package/components/MazRadio.d.ts

@@ -0,0 +1,82 @@
+import { type PropType } from 'vue';
+import type { Color, Size } from './types';
+export type { Color, Size };
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        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: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        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;
+    id: string;
+    modelValue: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazRadio.mjs

@@ -0,0 +1,133 @@
+import "./assets/MazRadio.css";
+import { computed, defineComponent, useCssVars, getCurrentInstance, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, mergeProps, renderSlot, pushScopeId, popScopeId } from "vue";
+const useInstanceUniqId = ({
+  componentName,
+  instance,
+  providedId
+}) => {
+  return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
+};
+const _withScopeId = (n) => (pushScopeId("data-v-f47afb8e"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["for", "aria-checked"];
+const _hoisted_2 = ["id", "value", "disabled", "name", "checked"];
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+  "span",
+  null,
+  [
+    /* @__PURE__ */ createElementVNode("span", { class: "round" })
+  ],
+  -1
+  /* HOISTED */
+));
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazRadio",
+  props: {
+    modelValue: { type: String, default: void 0 },
+    value: { type: String, required: true },
+    name: { type: String, required: true },
+    id: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    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) => ({
+      "2a231cf6": radioSize.value,
+      "ef04cef8": radioSelectedColor.value,
+      "f6f84072": radioBoxShadow.value
+    }));
+    const instance = getCurrentInstance();
+    const props = __props;
+    const emits = __emit;
+    const instanceId = useInstanceUniqId({
+      componentName: "MazCheckbox",
+      instance,
+      providedId: props.id
+    });
+    const isSelected = computed(() => props.modelValue === props.value);
+    const radioSize = 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 radioSelectedColor = computed(() => `var(--maz-color-${props.color})`);
+    const radioBoxShadow = computed(
+      () => ["black", "transparent"].includes(props.color) ? `var(--maz-color-muted)` : `var(--maz-color-${props.color}-alpha)`
+    );
+    function keyboardHandler(event, value) {
+      if (["Space"].includes(event.code)) {
+        event.preventDefault();
+        emitValue(value);
+      }
+    }
+    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, "--selected": isSelected.value }]),
+        tabindex: "0",
+        role: "radio",
+        "aria-checked": isSelected.value,
+        onKeydown: _cache[1] || (_cache[1] = ($event) => keyboardHandler($event, __props.value))
+      }, [
+        createElementVNode("input", mergeProps({
+          id: unref(instanceId),
+          value: __props.value
+        }, _ctx.$attrs, {
+          tabindex: "-1",
+          disabled: __props.disabled,
+          name: __props.name,
+          type: "radio",
+          checked: isSelected.value,
+          onChange: _cache[0] || (_cache[0] = ($event) => {
+            var _a;
+            return emitValue((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.value);
+          })
+        }), null, 16, _hoisted_2),
+        _hoisted_3,
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 42, _hoisted_1);
+    };
+  }
+});
+const MazRadio_vue_vue_type_style_index_0_scoped_f47afb8e_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MazRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f47afb8e"]]);
+export {
+  MazRadio as default
+};

package/components/MazSelect.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazSelect-a59a5b91.mjs";
+import { M } from "./chunks/MazSelect-757bffd7.mjs";
 export {
   M as default
 };

package/components/assets/MazCheckbox.css

@@ -1 +1 @@
-.m-checkbox[data-v-e6c359ea]{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-e6c359ea]{color:var(--2887ae19)}.m-checkbox .check-icon[data-v-e6c359ea] path{stroke-width:2.5}.m-checkbox span[data-v-e6c359ea]{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-e6c359ea]:is([class~=dark] .m-checkbox span){border-color:var(--maz-color-bg-lighter)}.m-checkbox span[data-v-e6c359ea]{width:var(--3ea743fb);height:var(--3ea743fb)}.m-checkbox input[data-v-e6c359ea]{display:none}.m-checkbox input:not(:checked)~span[data-v-e6c359ea]{background-color:var(--maz-color-bg)}[data-v-e6c359ea]:is([class~=dark] .m-checkbox input:not(:checked)~span){background-color:var(--maz-color-bg-light)}.m-checkbox input:checked~span[data-v-e6c359ea]{border-color:var(--8729aa64);background-color:var(--8729aa64)}.m-checkbox input:disabled~span[data-v-e6c359ea]{background-color:var(--maz-color-bg-light)}[data-v-e6c359ea]:is([class~=dark] .m-checkbox input:disabled~span){background-color:var(--maz-color-bg-lighter)}.m-checkbox.--disabled[data-v-e6c359ea]{cursor:not-allowed}.m-checkbox[data-v-e6c359ea]:not(.--disabled){cursor:pointer}.m-checkbox:not(.--disabled):hover span[data-v-e6c359ea],.m-checkbox:not(.--disabled):focus span[data-v-e6c359ea]{-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(--324bb1de);box-shadow:0 0 0 .125rem var(--324bb1de)}
+.m-checkbox[data-v-141a5e53]{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-141a5e53]{color:var(--40cdf8ce);--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));-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-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)}.m-checkbox .check-icon[data-v-141a5e53] path{stroke-width:2.5}.m-checkbox>span[data-v-141a5e53]{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-141a5e53]:is([class~=dark] .m-checkbox>span){border-color:var(--maz-color-bg-lighter)}.m-checkbox>span[data-v-141a5e53]{width:var(--25e00d0a);height:var(--25e00d0a)}.m-checkbox input[data-v-141a5e53]{display:none}.m-checkbox input:not(:checked)~span[data-v-141a5e53]{background-color:var(--maz-color-bg)}[data-v-141a5e53]:is([class~=dark] .m-checkbox input:not(:checked)~span){background-color:var(--maz-color-bg-light)}.m-checkbox input:checked~span[data-v-141a5e53]{border-color:var(--5692b564);background-color:var(--5692b564)}.m-checkbox input:checked~span .check-icon[data-v-141a5e53]{--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))}.m-checkbox input:disabled~span[data-v-141a5e53]{background-color:var(--maz-color-bg-light)}[data-v-141a5e53]:is([class~=dark] .m-checkbox input:disabled~span){background-color:var(--maz-color-bg-lighter)}.m-checkbox.--disabled[data-v-141a5e53]{cursor:not-allowed;color:var(--maz-color-muted)}.m-checkbox.--disabled input:checked~span[data-v-141a5e53]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}[data-v-141a5e53]:is([class~=dark] .m-checkbox.--disabled input:checked~span){border-color:var(--maz-color-bg-lighter)}.m-checkbox.--disabled input:checked~span .check-icon[data-v-141a5e53]{color:var(--maz-color-muted)}.m-checkbox[data-v-141a5e53]:not(.--disabled){cursor:pointer}.m-checkbox:not(.--disabled):hover>span[data-v-141a5e53],.m-checkbox:not(.--disabled):focus>span[data-v-141a5e53]{-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(--9df23cde);box-shadow:0 0 0 .125rem var(--9df23cde)}

package/components/assets/MazInput.css

@@ -1 +1 @@
-.m-input[data-v-4056737a]{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-4056737a]{height:4rem}.m-input.--xl .m-input-input[data-v-4056737a],.m-input.--xl .m-input-label[data-v-4056737a]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-4056737a]{height:3.5rem}.m-input.--lg .m-input-input[data-v-4056737a],.m-input.--lg .m-input-label[data-v-4056737a]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-4056737a]{height:3rem}.m-input.--md .m-input-input[data-v-4056737a],.m-input.--md .m-input-label[data-v-4056737a]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-4056737a]{height:2.5rem}.m-input.--sm .m-input-input[data-v-4056737a],.m-input.--sm .m-input-label[data-v-4056737a]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-4056737a]{height:2rem}.m-input.--xs .m-input-input[data-v-4056737a],.m-input.--xs .m-input-label[data-v-4056737a]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-4056737a]{height:1.5rem}.m-input.--mini .m-input-input[data-v-4056737a],.m-input.--mini .m-input-label[data-v-4056737a]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-4056737a]{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-4056737a]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-4056737a]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-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-4056737a],.m-input-wrapper-left[data-v-4056737a]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-4056737a]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-4056737a]>: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-4056737a],.m-input-wrapper-left[data-v-4056737a]{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-4056737a]{padding-right:.5rem}.m-input-wrapper-left[data-v-4056737a]{padding-left:.5rem}.m-input-input[data-v-4056737a]{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-4056737a]:-webkit-autofill,.m-input-input[data-v-4056737a]:-webkit-autofill:hover,.m-input-input[data-v-4056737a]:-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-4056737a]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-4056737a]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;width:calc(100% + 1.3rem);-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:not(.--should-up) .m-input-label[data-v-4056737a]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-4056737a]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-4056737a]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-4056737a]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-4056737a]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-4056737a]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-4056737a]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-4056737a]{z-index:3}.m-input.--has-label .m-input-input[data-v-4056737a]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-4056737a]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-4056737a]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-4056737a]:-webkit-autofill,html.dark .m-input-input[data-v-4056737a]:-webkit-autofill:hover,html.dark .m-input-input[data-v-4056737a]:-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-input[data-v-18b53f70]{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-18b53f70]{height:4rem}.m-input.--xl .m-input-input[data-v-18b53f70],.m-input.--xl .m-input-label[data-v-18b53f70]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-18b53f70]{height:3.5rem}.m-input.--lg .m-input-input[data-v-18b53f70],.m-input.--lg .m-input-label[data-v-18b53f70]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-18b53f70]{height:3rem}.m-input.--md .m-input-input[data-v-18b53f70],.m-input.--md .m-input-label[data-v-18b53f70]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-18b53f70]{height:2.5rem}.m-input.--sm .m-input-input[data-v-18b53f70],.m-input.--sm .m-input-label[data-v-18b53f70]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-18b53f70]{height:2rem}.m-input.--xs .m-input-input[data-v-18b53f70],.m-input.--xs .m-input-label[data-v-18b53f70]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-18b53f70]{height:1.5rem}.m-input.--mini .m-input-input[data-v-18b53f70],.m-input.--mini .m-input-label[data-v-18b53f70]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-18b53f70]{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-18b53f70]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-18b53f70]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-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-18b53f70],.m-input-wrapper-left[data-v-18b53f70]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-18b53f70]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-18b53f70]>: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-18b53f70],.m-input-wrapper-left[data-v-18b53f70]{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-18b53f70]{padding-right:.5rem}.m-input-wrapper-left[data-v-18b53f70]{padding-left:.5rem}.m-input-input[data-v-18b53f70]{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-18b53f70]:-webkit-autofill,.m-input-input[data-v-18b53f70]:-webkit-autofill:hover,.m-input-input[data-v-18b53f70]:-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-18b53f70]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-18b53f70]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.5rem;width:calc(100% + 1.3rem);-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:not(.--should-up) .m-input-label[data-v-18b53f70]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-18b53f70]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-18b53f70]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-18b53f70]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-18b53f70]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-18b53f70]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-18b53f70]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-18b53f70]{z-index:3}.m-input.--has-label .m-input-input[data-v-18b53f70]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-18b53f70]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-18b53f70]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-18b53f70]:-webkit-autofill,html.dark .m-input-input[data-v-18b53f70]:-webkit-autofill:hover,html.dark .m-input-input[data-v-18b53f70]:-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}

package/components/assets/MazInputPrice.css

@@ -1 +1 @@
-.m-input[data-v-4056737a]{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-4056737a]{height:4rem}.m-input.--xl .m-input-input[data-v-4056737a],.m-input.--xl .m-input-label[data-v-4056737a]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-4056737a]{height:3.5rem}.m-input.--lg .m-input-input[data-v-4056737a],.m-input.--lg .m-input-label[data-v-4056737a]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-4056737a]{height:3rem}.m-input.--md .m-input-input[data-v-4056737a],.m-input.--md .m-input-label[data-v-4056737a]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-4056737a]{height:2.5rem}.m-input.--sm .m-input-input[data-v-4056737a],.m-input.--sm .m-input-label[data-v-4056737a]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-4056737a]{height:2rem}.m-input.--xs .m-input-input[data-v-4056737a],.m-input.--xs .m-input-label[data-v-4056737a]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-4056737a]{height:1.5rem}.m-input.--mini .m-input-input[data-v-4056737a],.m-input.--mini .m-input-label[data-v-4056737a]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-4056737a]{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-4056737a]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-4056737a]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-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-4056737a],.m-input-wrapper-left[data-v-4056737a]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-4056737a]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-4056737a]>: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-4056737a],.m-input-wrapper-left[data-v-4056737a]{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-4056737a]{padding-right:.5rem}.m-input-wrapper-left[data-v-4056737a]{padding-left:.5rem}.m-input-input[data-v-4056737a]{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-4056737a]:-webkit-autofill,.m-input-input[data-v-4056737a]:-webkit-autofill:hover,.m-input-input[data-v-4056737a]:-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-4056737a]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-4056737a]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;width:calc(100% + 1.3rem);-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:not(.--should-up) .m-input-label[data-v-4056737a]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-4056737a]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-4056737a]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-4056737a]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-4056737a]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-4056737a]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-4056737a]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-4056737a]{z-index:3}.m-input.--has-label .m-input-input[data-v-4056737a]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-4056737a]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-4056737a]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-4056737a]:-webkit-autofill,html.dark .m-input-input[data-v-4056737a]:-webkit-autofill:hover,html.dark .m-input-input[data-v-4056737a]:-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-input[data-v-18b53f70]{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-18b53f70]{height:4rem}.m-input.--xl .m-input-input[data-v-18b53f70],.m-input.--xl .m-input-label[data-v-18b53f70]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-18b53f70]{height:3.5rem}.m-input.--lg .m-input-input[data-v-18b53f70],.m-input.--lg .m-input-label[data-v-18b53f70]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-18b53f70]{height:3rem}.m-input.--md .m-input-input[data-v-18b53f70],.m-input.--md .m-input-label[data-v-18b53f70]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-18b53f70]{height:2.5rem}.m-input.--sm .m-input-input[data-v-18b53f70],.m-input.--sm .m-input-label[data-v-18b53f70]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-18b53f70]{height:2rem}.m-input.--xs .m-input-input[data-v-18b53f70],.m-input.--xs .m-input-label[data-v-18b53f70]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-18b53f70]{height:1.5rem}.m-input.--mini .m-input-input[data-v-18b53f70],.m-input.--mini .m-input-label[data-v-18b53f70]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-18b53f70]{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-18b53f70]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-18b53f70]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-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-18b53f70],.m-input-wrapper-left[data-v-18b53f70]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-18b53f70]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-18b53f70]>: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-18b53f70],.m-input-wrapper-left[data-v-18b53f70]{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-18b53f70]{padding-right:.5rem}.m-input-wrapper-left[data-v-18b53f70]{padding-left:.5rem}.m-input-input[data-v-18b53f70]{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-18b53f70]:-webkit-autofill,.m-input-input[data-v-18b53f70]:-webkit-autofill:hover,.m-input-input[data-v-18b53f70]:-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-18b53f70]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-18b53f70]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.5rem;width:calc(100% + 1.3rem);-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:not(.--should-up) .m-input-label[data-v-18b53f70]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-18b53f70]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-18b53f70]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-18b53f70]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-18b53f70]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-18b53f70]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-18b53f70]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-18b53f70]{z-index:3}.m-input.--has-label .m-input-input[data-v-18b53f70]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-18b53f70]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-18b53f70]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-18b53f70]:-webkit-autofill,html.dark .m-input-input[data-v-18b53f70]:-webkit-autofill:hover,html.dark .m-input-input[data-v-18b53f70]:-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}

package/components/assets/MazInputTags.css

@@ -1 +1 @@
-.m-input[data-v-4056737a]{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-4056737a]{height:4rem}.m-input.--xl .m-input-input[data-v-4056737a],.m-input.--xl .m-input-label[data-v-4056737a]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-4056737a]{height:3.5rem}.m-input.--lg .m-input-input[data-v-4056737a],.m-input.--lg .m-input-label[data-v-4056737a]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-4056737a]{height:3rem}.m-input.--md .m-input-input[data-v-4056737a],.m-input.--md .m-input-label[data-v-4056737a]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-4056737a]{height:2.5rem}.m-input.--sm .m-input-input[data-v-4056737a],.m-input.--sm .m-input-label[data-v-4056737a]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-4056737a]{height:2rem}.m-input.--xs .m-input-input[data-v-4056737a],.m-input.--xs .m-input-label[data-v-4056737a]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-4056737a]{height:1.5rem}.m-input.--mini .m-input-input[data-v-4056737a],.m-input.--mini .m-input-label[data-v-4056737a]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-4056737a]{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-4056737a]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-4056737a]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-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-4056737a],.m-input-wrapper-left[data-v-4056737a]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-4056737a]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-4056737a]>: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-4056737a],.m-input-wrapper-left[data-v-4056737a]{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-4056737a]{padding-right:.5rem}.m-input-wrapper-left[data-v-4056737a]{padding-left:.5rem}.m-input-input[data-v-4056737a]{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-4056737a]:-webkit-autofill,.m-input-input[data-v-4056737a]:-webkit-autofill:hover,.m-input-input[data-v-4056737a]:-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-4056737a]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-4056737a]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-4056737a]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;width:calc(100% + 1.3rem);-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:not(.--should-up) .m-input-label[data-v-4056737a]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-4056737a]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-4056737a]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-4056737a]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-4056737a]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-4056737a]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-4056737a]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-4056737a]{z-index:3}.m-input.--has-label .m-input-input[data-v-4056737a]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-4056737a]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-4056737a]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-4056737a]:-webkit-autofill,html.dark .m-input-input[data-v-4056737a]:-webkit-autofill:hover,html.dark .m-input-input[data-v-4056737a]:-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-input-tags[data-v-edf321bd]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;border-radius:var(--maz-border-radius);border-width:2px;background-color:var(--maz-color-bg);padding-left:.25em;padding-right:.25em}.m-input-tags__tag[data-v-edf321bd]{margin-top:.25em;margin-bottom:.25em;margin-right:.25em}.m-input-tags__input[data-v-edf321bd] .m-input-wrapper{border-style:none;min-width:7.5em}.m-input-tags__input[data-v-edf321bd] input{padding-left:.4em;padding-right:.4em}html.dark .m-input-tags[data-v-edf321bd]{background-color:var(--maz-color-bg-light)}
+.m-input[data-v-18b53f70]{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-18b53f70]{height:4rem}.m-input.--xl .m-input-input[data-v-18b53f70],.m-input.--xl .m-input-label[data-v-18b53f70]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-18b53f70]{height:3.5rem}.m-input.--lg .m-input-input[data-v-18b53f70],.m-input.--lg .m-input-label[data-v-18b53f70]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-18b53f70]{height:3rem}.m-input.--md .m-input-input[data-v-18b53f70],.m-input.--md .m-input-label[data-v-18b53f70]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-18b53f70]{height:2.5rem}.m-input.--sm .m-input-input[data-v-18b53f70],.m-input.--sm .m-input-label[data-v-18b53f70]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-18b53f70]{height:2rem}.m-input.--xs .m-input-input[data-v-18b53f70],.m-input.--xs .m-input-label[data-v-18b53f70]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-18b53f70]{height:1.5rem}.m-input.--mini .m-input-input[data-v-18b53f70],.m-input.--mini .m-input-label[data-v-18b53f70]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-18b53f70]{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-18b53f70]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-18b53f70]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-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-18b53f70],.m-input-wrapper-left[data-v-18b53f70]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-18b53f70]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-18b53f70]>: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-18b53f70],.m-input-wrapper-left[data-v-18b53f70]{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-18b53f70]{padding-right:.5rem}.m-input-wrapper-left[data-v-18b53f70]{padding-left:.5rem}.m-input-input[data-v-18b53f70]{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-18b53f70]:-webkit-autofill,.m-input-input[data-v-18b53f70]:-webkit-autofill:hover,.m-input-input[data-v-18b53f70]:-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-18b53f70]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-18b53f70]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.5rem;width:calc(100% + 1.3rem);-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:not(.--should-up) .m-input-label[data-v-18b53f70]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-18b53f70]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-18b53f70]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-18b53f70]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-18b53f70]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-18b53f70]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-18b53f70]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-18b53f70]{z-index:3}.m-input.--has-label .m-input-input[data-v-18b53f70]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-18b53f70]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-18b53f70]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-18b53f70]:-webkit-autofill,html.dark .m-input-input[data-v-18b53f70]:-webkit-autofill:hover,html.dark .m-input-input[data-v-18b53f70]:-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-input-tags[data-v-edf321bd]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;border-radius:var(--maz-border-radius);border-width:2px;background-color:var(--maz-color-bg);padding-left:.25em;padding-right:.25em}.m-input-tags__tag[data-v-edf321bd]{margin-top:.25em;margin-bottom:.25em;margin-right:.25em}.m-input-tags__input[data-v-edf321bd] .m-input-wrapper{border-style:none;min-width:7.5em}.m-input-tags__input[data-v-edf321bd] input{padding-left:.4em;padding-right:.4em}html.dark .m-input-tags[data-v-edf321bd]{background-color:var(--maz-color-bg-light)}