maz-ui 3.22.0 → 3.22.1

package/components/chunks/{MazPicker-9f4c724c.mjs → MazPicker-50fc11d1.mjs}

@@ -690,9 +690,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:model-value", "update:calendar-date", "close"],
   setup(__props, { emit: __emit }) {
-    const MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime-031062b2.mjs"));
-    const MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader-d8687abf.mjs"));
-    const MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar-35fe36ab.mjs").then((n) => n.M));
+    const MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime-5e4475da.mjs"));
+    const MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader-63d45179.mjs"));
+    const MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar-cacb361c.mjs").then((n) => n.M));
     const props = __props;
     const emits = __emit;
     const currentDate = computed({
@@ -938,7 +938,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:model-value", "close"],
   setup(__props, { emit: __emit }) {
     const ChevronDownIcon = defineAsyncComponent(() => import("./chevron-down-a78b9604.mjs"));
-    const MazInput = defineAsyncComponent(() => import("./MazInput-4313d3cc.mjs"));
+    const MazInput = defineAsyncComponent(() => import("./MazInput-713b00d0.mjs"));
     dayjs.extend(customParseFormat);
     dayjs.extend(isBetween);
     const defaultInputDateStyle = {

package/components/chunks/{MazPickerCalendar-35fe36ab.mjs → MazPickerCalendar-cacb361c.mjs}

@@ -1,7 +1,7 @@
 import "../assets/MazPickerCalendar.css";
 import { openBlock, createElementBlock, createElementVNode, defineComponent, computed, createVNode, withCtx, unref, createTextVNode, toDisplayString, useCssVars, ref, watch, TransitionGroup, Fragment, renderList, normalizeClass, createBlock, defineAsyncComponent, createCommentVNode, Transition } from "vue";
-import { d as dayjs, c as capitalize, a as date, _ as _export_sfc, g as getDaysInMonth, b as getFirstDayOfMonth, i as isSameDate, e as isToday, h as isSameDay, j as getDaysOfWeek } from "./MazPicker-9f4c724c.mjs";
-import MazBtn from "./MazBtn-a3a285eb.mjs";
+import { d as dayjs, c as capitalize, a as date, _ as _export_sfc, g as getDaysInMonth, b as getFirstDayOfMonth, i as isSameDate, e as isToday, h as isSameDay, j as getDaysOfWeek } from "./MazPicker-50fc11d1.mjs";
+import MazBtn from "./MazBtn-0e02f0da.mjs";
 import { d as debounce } from "./debounce-7d66ffa9.mjs";
 const _hoisted_1$3 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -568,9 +568,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:model-value", "update:calendar-date"],
   setup(__props, { emit: __emit }) {
-    const MazPickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher-739ed62a.mjs"));
-    const MazPickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher-2a006a30.mjs"));
-    const MazPickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts-68622fe8.mjs"));
+    const MazPickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher-913c6e2c.mjs"));
+    const MazPickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher-dd4fa89c.mjs"));
+    const MazPickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts-c6fabfc6.mjs"));
     const props = __props;
     const emits = __emit;
     const hoverredDay = ref();

package/components/chunks/{MazPickerHeader-d8687abf.mjs → MazPickerHeader-63d45179.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazPickerHeader.css";
 import { defineComponent, computed, ref, watch, openBlock, createElementBlock, normalizeClass, createVNode, TransitionGroup, withCtx, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
-import { a as date, c as capitalize, d as dayjs, _ as _export_sfc } from "./MazPicker-9f4c724c.mjs";
+import { a as date, c as capitalize, d as dayjs, _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "m-picker-header__date"

package/components/chunks/{MazPickerMonthSwitcher-739ed62a.mjs → MazPickerMonthSwitcher-913c6e2c.mjs}

@@ -1,7 +1,7 @@
 import "../assets/MazPickerMonthSwitcher.css";
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, normalizeClass, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
-import { d as dayjs, c as capitalize, a as date, i as isSameDate, _ as _export_sfc } from "./MazPicker-9f4c724c.mjs";
-import MazBtn from "./MazBtn-a3a285eb.mjs";
+import { d as dayjs, c as capitalize, a as date, i as isSameDate, _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
+import MazBtn from "./MazBtn-0e02f0da.mjs";
 import { X as XIcon } from "./x-mark-3b05101b.mjs";
 const _hoisted_1 = { class: "maz-picker-month-switcher" };
 const _hoisted_2 = { class: "maz-picker-month-switcher__header" };

package/components/chunks/{MazPickerShortcuts-68622fe8.mjs → MazPickerShortcuts-c6fabfc6.mjs}

@@ -1,7 +1,7 @@
 import "../assets/MazPickerShortcuts.css";
 import { defineComponent, ref, watch, openBlock, createElementBlock, Fragment, renderList, createBlock, normalizeClass, withModifiers, withCtx, createTextVNode, toDisplayString } from "vue";
-import MazBtn from "./MazBtn-a3a285eb.mjs";
-import { _ as _export_sfc } from "./MazPicker-9f4c724c.mjs";
+import MazBtn from "./MazBtn-0e02f0da.mjs";
+import { _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
 const _hoisted_1 = { class: "maz-picker-shortcuts" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPickerShortcuts",

package/components/chunks/{MazPickerTime-031062b2.mjs → MazPickerTime-5e4475da.mjs}

@@ -1,7 +1,7 @@
 import "../assets/MazPickerTime.css";
 import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, normalizeStyle, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from "vue";
-import { d as dayjs, f as findNearestNumberInList, s as scrollToTarget, _ as _export_sfc } from "./MazPicker-9f4c724c.mjs";
-import MazBtn from "./MazBtn-a3a285eb.mjs";
+import { d as dayjs, f as findNearestNumberInList, s as scrollToTarget, _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
+import MazBtn from "./MazBtn-0e02f0da.mjs";
 const _hoisted_1 = { class: "m-picker-time__column__items" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPickerTime",

package/components/chunks/{MazPickerYearSwitcher-2a006a30.mjs → MazPickerYearSwitcher-dd4fa89c.mjs}

@@ -1,9 +1,9 @@
 import "../assets/MazPickerYearSwitcher.css";
 import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, Fragment, renderList, createBlock, normalizeClass, createTextVNode, toDisplayString } from "vue";
-import { d as dayjs, a as date, i as isSameDate, _ as _export_sfc } from "./MazPicker-9f4c724c.mjs";
-import MazBtn from "./MazBtn-a3a285eb.mjs";
+import { d as dayjs, a as date, i as isSameDate, _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
+import MazBtn from "./MazBtn-0e02f0da.mjs";
 import { X as XIcon } from "./x-mark-3b05101b.mjs";
-import { C as ChevronLeftIcon } from "./MazPickerCalendar-35fe36ab.mjs";
+import { C as ChevronLeftIcon } from "./MazPickerCalendar-cacb361c.mjs";
 const _hoisted_1 = { class: "maz-picker-year-switcher" };
 const _hoisted_2 = { class: "maz-picker-year-switcher__header" };
 const _hoisted_3 = { class: "maz-flex maz-space-x-2" };

package/components/chunks/{MazSelect-757bffd7.mjs → MazSelect-2e5cd411.mjs}

@@ -1,5 +1,5 @@
 import "../assets/MazSelect.css";
-import { computed, defineAsyncComponent, defineComponent, ref, getCurrentInstance, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx, useCssVars, onBeforeMount, watch, unref, Transition, normalizeStyle, Fragment, renderList, nextTick } from "vue";
+import { computed, defineComponent, defineAsyncComponent, ref, getCurrentInstance, onMounted, useSlots, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, unref, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx, useCssVars, onBeforeMount, watch, Transition, Fragment, renderList, nextTick } from "vue";
 function debounce(fn, delay) {
   let timeout2;
   return function(...args) {
@@ -16,21 +16,25 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
-const MazBtn = defineAsyncComponent(() => import("./MazBtn-001d4174.mjs"));
-const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
-const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-342420ff.mjs"));
-const EyeIcon = defineAsyncComponent(() => import("./eye-fbb13657.mjs"));
-const CheckIcon = defineAsyncComponent(() => import("./check-8da249b1.mjs"));
-const _sfc_main$1 = defineComponent({
-  components: {
-    MazBtn,
-    MazIcon,
-    CheckIcon,
-    EyeIcon,
-    EyeOffIcon
+const _hoisted_1$1 = {
+  key: 0,
+  class: "m-input-wrapper-left"
+};
+const _hoisted_2$1 = { class: "m-input-wrapper-input" };
+const _hoisted_3$1 = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"];
+const _hoisted_4$1 = { key: 0 };
+const _hoisted_5$1 = {
+  key: 1,
+  class: "m-input-wrapper-right"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
   },
-  inheritAttrs: false,
+  __name: "MazInput",
   props: {
+    style: { type: [String, Array, Object], default: void 0 },
+    class: { type: String, default: void 0 },
     modelValue: {
       type: [String, Number, Boolean],
       default: void 0
@@ -89,7 +93,14 @@ const _sfc_main$1 = defineComponent({
     rightIcon: { type: String, default: void 0 }
   },
   emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
-  setup(props, { emit, slots }) {
+  setup(__props, { emit: __emit }) {
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-2f4fa942.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
+    const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-342420ff.mjs"));
+    const EyeIcon = defineAsyncComponent(() => import("./eye-fbb13657.mjs"));
+    const CheckIcon = defineAsyncComponent(() => import("./check-8da249b1.mjs"));
+    const props = __props;
+    const emits = __emit;
     const hasPasswordVisible = ref(false);
     const isFocused = ref(false);
     const input = ref();
@@ -105,6 +116,7 @@ const _sfc_main$1 = defineComponent({
         (_a = input.value) == null ? void 0 : _a.focus();
       }
     });
+    const inheritClasses = computed(() => props.class);
     const isPasswordType = computed(() => props.type === "password");
     const inputType = computed(() => hasPasswordVisible.value ? "text" : props.type);
     const borderStyle = computed(() => {
@@ -136,6 +148,7 @@ const _sfc_main$1 = defineComponent({
       }
       return "--default-border";
     });
+    const slots = useSlots();
     const computedPlaceholder = computed(() => {
       const { required, placeholder } = props;
       if (!placeholder)
@@ -158,44 +171,162 @@ const _sfc_main$1 = defineComponent({
       return !!slots["left-icon"] || !!props.leftIcon;
     };
     const focus = (event) => {
-      emit("focus", event);
+      emits("focus", event);
       isFocused.value = true;
     };
     const blur = (event) => {
-      emit("blur", event);
+      emits("blur", event);
       isFocused.value = false;
     };
-    const change = (event) => emit("change", event);
+    const change = (event) => emits("change", event);
     const debounceEmitValue = debounce((value) => {
-      emit("update:model-value", value);
+      emits("update:model-value", value);
     }, props.debounceDelay);
     const emitValue = (value) => {
       if (props.debounce)
         return debounceEmitValue(value);
-      emit("update:model-value", value);
+      emits("update:model-value", value);
     };
-    return {
-      inputValue,
-      shouldUp,
-      hasLabel,
-      computedPlaceholder,
-      isPasswordType,
-      inputType,
-      input,
-      isFocused,
-      hasPasswordVisible,
-      borderStyle,
-      focus,
-      blur,
-      change,
-      emitValue,
-      hasRightPart,
-      hasLeftPart,
-      instanceId
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["m-input", [
+            {
+              "--is-focused": isFocused.value || __props.borderActive,
+              "--should-up": shouldUp.value,
+              "--has-label": hasLabel.value,
+              "--is-disabled": __props.disabled,
+              "--is-readonly": __props.readonly,
+              "--has-z-2": __props.error || __props.warning || __props.success,
+              "--has-state": __props.error || __props.warning || __props.success
+            },
+            inheritClasses.value,
+            `--${__props.color}`,
+            `--${__props.size}`
+          ]]),
+          style: normalizeStyle(__props.style)
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(["m-input-wrapper", [__props.inputClasses, borderStyle.value, { "maz-rounded": !__props.noRadius }]])
+            },
+            [
+              hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+                _ctx.$slots["left-icon"] || __props.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
+                  createVNode(unref(MazIcon), {
+                    name: __props.leftIcon,
+                    class: "maz-text-xl maz-text-muted"
+                  }, null, 8, ["name"])
+                ], true) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true),
+              createElementVNode("div", _hoisted_2$1, [
+                withDirectives(createElementVNode("input", mergeProps({
+                  id: unref(instanceId),
+                  ref_key: "input",
+                  ref: input,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+                  type: inputType.value,
+                  name: __props.name
+                }, _ctx.$attrs, {
+                  placeholder: computedPlaceholder.value,
+                  "aria-label": __props.label || __props.placeholder,
+                  disabled: __props.disabled,
+                  readonly: __props.readonly,
+                  required: __props.required,
+                  class: "m-input-input"
+                }, toHandlers({
+                  blur,
+                  focus,
+                  change
+                }, true), {
+                  onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
+                }), null, 16, _hoisted_3$1), [
+                  [vModelDynamic, inputValue.value]
+                ]),
+                __props.label || __props.hint ? (openBlock(), createElementBlock(
+                  "span",
+                  {
+                    key: 0,
+                    ref: "label",
+                    class: normalizeClass(["m-input-label", [
+                      {
+                        "maz-text-danger-600": __props.error,
+                        "maz-text-success-600": __props.success,
+                        "maz-text-warning-600": __props.warning
+                      }
+                    ]])
+                  },
+                  [
+                    createTextVNode(
+                      toDisplayString(__props.hint || __props.label) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    __props.required ? (openBlock(), createElementBlock("sup", _hoisted_4$1, "*")) : createCommentVNode("v-if", true)
+                  ],
+                  2
+                  /* CLASS */
+                )) : createCommentVNode("v-if", true)
+              ]),
+              hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+                _ctx.$slots["right-icon"] || __props.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
+                  createVNode(unref(MazIcon), {
+                    name: __props.rightIcon,
+                    class: "maz-text-xl maz-text-muted"
+                  }, null, 8, ["name"])
+                ], true) : createCommentVNode("v-if", true),
+                isPasswordType.value ? (openBlock(), createBlock(unref(MazBtn), {
+                  key: 1,
+                  color: "transparent",
+                  tabindex: "-1",
+                  size: "mini",
+                  onClick: _cache[2] || (_cache[2] = withModifiers(($event) => hasPasswordVisible.value = !hasPasswordVisible.value, ["stop"]))
+                }, {
+                  default: withCtx(() => [
+                    hasPasswordVisible.value ? (openBlock(), createBlock(unref(EyeOffIcon), {
+                      key: 0,
+                      class: "maz-text-xl maz-text-muted"
+                    })) : (openBlock(), createBlock(unref(EyeIcon), {
+                      key: 1,
+                      class: "maz-text-xl maz-text-muted"
+                    }))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })) : createCommentVNode("v-if", true),
+                _ctx.$slots["valid-button"] || __props.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
+                  createVNode(unref(MazBtn), {
+                    color: "transparent",
+                    disabled: __props.disabled,
+                    tabindex: "-1",
+                    loading: __props.validButtonLoading,
+                    class: "m-input-valid-button",
+                    size: "mini",
+                    type: "submit"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(CheckIcon), { class: "maz-text-2xl maz-text-normal" })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["disabled", "loading"])
+                ], true) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      );
     };
   }
 });
-const MazInput_vue_vue_type_style_index_0_scoped_18b53f70_lang = "";
+const MazInput_vue_vue_type_style_index_0_scoped_32fa5093_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -203,158 +334,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$1 = {
-  key: 0,
-  class: "m-input-wrapper-left"
-};
-const _hoisted_2$1 = { class: "m-input-wrapper-input" };
-const _hoisted_3$1 = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"];
-const _hoisted_4$1 = { key: 0 };
-const _hoisted_5$1 = {
-  key: 1,
-  class: "m-input-wrapper-right"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_MazIcon = resolveComponent("MazIcon");
-  const _component_EyeOffIcon = resolveComponent("EyeOffIcon");
-  const _component_EyeIcon = resolveComponent("EyeIcon");
-  const _component_MazBtn = resolveComponent("MazBtn");
-  const _component_CheckIcon = resolveComponent("CheckIcon");
-  return openBlock(), createElementBlock(
-    "div",
-    {
-      class: normalizeClass(["m-input", [
-        {
-          "--is-focused": _ctx.isFocused || _ctx.borderActive,
-          "--should-up": _ctx.shouldUp,
-          "--has-label": _ctx.hasLabel,
-          "--is-disabled": _ctx.disabled,
-          "--is-readonly": _ctx.readonly,
-          "--has-z-2": _ctx.error || _ctx.warning || _ctx.success,
-          "--has-state": _ctx.error || _ctx.warning || _ctx.success
-        },
-        _ctx.$attrs.class,
-        `--${_ctx.color}`,
-        `--${_ctx.size}`
-      ]])
-    },
-    [
-      createElementVNode(
-        "div",
-        {
-          class: normalizeClass(["m-input-wrapper", [_ctx.inputClasses, _ctx.borderStyle, { "maz-rounded": !_ctx.noRadius }]])
-        },
-        [
-          _ctx.hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-            _ctx.$slots["left-icon"] || _ctx.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
-              createVNode(_component_MazIcon, {
-                name: _ctx.leftIcon,
-                class: "maz-text-xl maz-text-muted"
-              }, null, 8, ["name"])
-            ], true) : createCommentVNode("v-if", true)
-          ])) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_2$1, [
-            withDirectives(createElementVNode("input", mergeProps({
-              id: _ctx.instanceId,
-              ref: "input",
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
-              type: _ctx.inputType,
-              name: _ctx.name
-            }, _ctx.$attrs, {
-              placeholder: _ctx.computedPlaceholder,
-              "aria-label": _ctx.label || _ctx.placeholder,
-              disabled: _ctx.disabled,
-              readonly: _ctx.readonly,
-              required: _ctx.required,
-              class: "m-input-input"
-            }, toHandlers({
-              blur: _ctx.blur,
-              focus: _ctx.focus,
-              change: _ctx.change
-            }, true), {
-              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
-            }), null, 16, _hoisted_3$1), [
-              [vModelDynamic, _ctx.inputValue]
-            ]),
-            _ctx.label || _ctx.hint ? (openBlock(), createElementBlock(
-              "span",
-              {
-                key: 0,
-                ref: "label",
-                class: normalizeClass(["m-input-label", [
-                  {
-                    "maz-text-danger-600": _ctx.error,
-                    "maz-text-success-600": _ctx.success,
-                    "maz-text-warning-600": _ctx.warning
-                  }
-                ]])
-              },
-              [
-                createTextVNode(
-                  toDisplayString(_ctx.hint || _ctx.label) + " ",
-                  1
-                  /* TEXT */
-                ),
-                _ctx.required ? (openBlock(), createElementBlock("sup", _hoisted_4$1, "*")) : createCommentVNode("v-if", true)
-              ],
-              2
-              /* CLASS */
-            )) : createCommentVNode("v-if", true)
-          ]),
-          _ctx.hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-            _ctx.$slots["right-icon"] || _ctx.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
-              createVNode(_component_MazIcon, {
-                name: _ctx.rightIcon,
-                class: "maz-text-xl maz-text-muted"
-              }, null, 8, ["name"])
-            ], true) : createCommentVNode("v-if", true),
-            _ctx.isPasswordType ? (openBlock(), createBlock(_component_MazBtn, {
-              key: 1,
-              color: "transparent",
-              tabindex: "-1",
-              size: "mini",
-              onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.hasPasswordVisible = !_ctx.hasPasswordVisible, ["stop"]))
-            }, {
-              default: withCtx(() => [
-                _ctx.hasPasswordVisible ? (openBlock(), createBlock(_component_EyeOffIcon, {
-                  key: 0,
-                  class: "maz-text-xl maz-text-muted"
-                })) : (openBlock(), createBlock(_component_EyeIcon, {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                }))
-              ]),
-              _: 1
-              /* STABLE */
-            })) : createCommentVNode("v-if", true),
-            _ctx.$slots["valid-button"] || _ctx.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
-              createVNode(_component_MazBtn, {
-                color: "transparent",
-                disabled: _ctx.disabled,
-                tabindex: "-1",
-                loading: _ctx.validButtonLoading,
-                class: "m-input-valid-button",
-                size: "mini",
-                type: "submit"
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_CheckIcon, { class: "maz-text-2xl maz-text-normal" })
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "loading"])
-            ], true) : createCommentVNode("v-if", true)
-          ])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      )
-    ],
-    2
-    /* CLASS */
-  );
-}
-const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-18b53f70"]]);
+const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-32fa5093"]]);
 ref("system");
 ref("system");
 ref();
@@ -380,8 +360,13 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "MazSelect",
   props: {
+    style: { type: [String, Array, Object], default: void 0 },
+    class: { type: String, default: void 0 },
     modelValue: {
       type: [Number, String, Boolean, Array],
       default: void 0
@@ -403,13 +388,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     required: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
     open: { type: Boolean, default: false },
+    /** Choose color of the input */
     color: {
       type: String,
       default: "primary"
     },
+    /** Choose the option list item height */
     itemHeight: { type: Number, default: 40 },
     maxListHeight: { type: Number, default: 240 },
+    /** Add max-width value to option list */
     maxListWidth: { type: Number, default: void 0 },
+    /** Choose size of the input */
     size: {
       type: String,
       default: "md",
@@ -417,8 +406,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
       }
     },
+    /** Display search input in option list */
     search: { type: Boolean, default: false },
+    /** Search input placeholder */
     searchPlaceholder: { type: String, default: "Search in options" },
+    /** Enable feature to select multiple values */
     multiple: { type: Boolean, default: false }
   },
   emits: [
@@ -433,11 +425,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "6af9d50f": keyboardSelectedBgColor.value,
-      "c012bde4": selectedTextColor.value,
-      "46d74214": selectedBgColor.value
+      "0804a86d": keyboardSelectedBgColor.value,
+      "4502d2ec": selectedTextColor.value,
+      "381f7054": selectedBgColor.value
     }));
-    const MazCheckbox = defineAsyncComponent(() => import("./MazCheckbox-90f20e7f.mjs"));
+    const MazCheckbox = defineAsyncComponent(() => import("./MazCheckbox-e0bbe6ec.mjs"));
     const SearchIcon = defineAsyncComponent(() => import("./magnifying-glass-5dffa35e.mjs"));
     const ChevronDownIcon = defineAsyncComponent(() => import("./chevron-down-a78b9604.mjs"));
     const NoSymbolIcon = defineAsyncComponent(() => import("./no-symbol-975ce547.mjs"));
@@ -499,11 +491,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return props.modelValue.map(
           (value) => {
             var _a2, _b2;
-            return (_b2 = (_a2 = optionsList.value) == null ? void 0 : _a2.find((option) => option[props.optionValueKey] === value)) == null ? void 0 : _b2[props.optionInputValueKey];
+            return (_b2 = (_a2 = props.options) == null ? void 0 : _a2.find((option) => option[props.optionValueKey] === value)) == null ? void 0 : _b2[props.optionInputValueKey];
           }
         ).join(", ");
       }
-      return (_b = (_a = optionsList.value) == null ? void 0 : _a.find((option) => option[props.optionValueKey] === props.modelValue)) == null ? void 0 : _b[props.optionInputValueKey];
+      return (_b = (_a = props.options) == null ? void 0 : _a.find((option) => option[props.optionValueKey] === props.modelValue)) == null ? void 0 : _b[props.optionInputValueKey];
     });
     const listTransition = computed(
       () => props.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
@@ -553,16 +545,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("open", listOpened.value);
     };
     function focusMainInput() {
-      var _a;
-      (_a = mazInputComponent.value) == null ? void 0 : _a.input.focus();
+      var _a, _b;
+      (_b = ((_a = mazInputComponent.value) == null ? void 0 : _a.$el).querySelector("input")) == null ? void 0 : _b.focus();
     }
     function toggleList(event) {
       listOpened.value ? closeList(event) : focusMainInput();
     }
     function focusSearchInputAndSetQuery(q) {
-      var _a;
+      var _a, _b;
       searchQuery.value = q;
-      (_a = searchInputComponent.value) == null ? void 0 : _a.input.focus();
+      (_b = ((_a = searchInputComponent.value) == null ? void 0 : _a.$el).querySelector("input")) == null ? void 0 : _b.focus();
     }
     function searchOptionWithQuery(keyPressed) {
       var _a;
@@ -703,7 +695,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         {
           ref_key: "mazSelectElement",
           ref: mazSelectElement,
-          class: normalizeClass(["m-select", { "--is-open": hasListOpened.value, "--disabled": __props.disabled }]),
+          class: normalizeClass(["m-select", [{ "--is-open": hasListOpened.value, "--disabled": __props.disabled }, props.class]]),
+          style: normalizeStyle(__props.style),
           onBlurCapture: closeList
         },
         [
@@ -842,14 +835,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             /* FORWARDED */
           }, 8, ["name"])
         ],
-        34
-        /* CLASS, HYDRATE_EVENTS */
+        38
+        /* CLASS, STYLE, HYDRATE_EVENTS */
       );
     };
   }
 });
-const MazSelect_vue_vue_type_style_index_0_scoped_4ee0f4f3_lang = "";
-const MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4ee0f4f3"]]);
+const MazSelect_vue_vue_type_style_index_0_scoped_c313b4a6_lang = "";
+const MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c313b4a6"]]);
 export {
   MazSelect as M,
   _export_sfc as _,

package/components/chunks/{MazSpinner-d356ad25.mjs → MazSpinner-100c99b8.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazInput-12a098d4.mjs";
+import { _ as _export_sfc } from "./MazInput-b9386887.mjs";
 const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["width", "height"];
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(