maz-ui 4.3.2-beta.2 → 4.3.3

package/dist/components/MazDropdown.vue.d.ts

@@ -224,7 +224,140 @@ declare function __VLS_template(): {
             toggle: () => void;
         }): any;
     };
-    refs: {};
+    refs: {
+        mazPopoverRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: boolean | undefined;
+                readonly position?: import('./MazPopover.vue').MazPopoverPosition | undefined;
+                readonly preferPosition?: import('./MazPopover.vue').MazPopoverPreferPosition | undefined;
+                readonly fallbackPosition?: import('./MazPopover.vue').MazPopoverFallbackPosition | undefined;
+                readonly trigger?: import('./MazPopover.vue').MazPopoverTrigger | undefined;
+                readonly role?: import('./MazPopover.vue').MazPopoverRole | undefined;
+                readonly ariaLabel?: string | undefined;
+                readonly announceChanges?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly offset?: number | undefined;
+                readonly delay?: number | undefined;
+                readonly hoverDelay?: number | undefined;
+                readonly transition?: "scale-pop" | "scale-fade" | string | undefined;
+                readonly teleportTo?: string | undefined;
+                readonly overlayClass?: HTMLAttributes["class"];
+                readonly panelClass?: HTMLAttributes["class"];
+                readonly panelStyle?: import('vue').StyleValue;
+                readonly closeOnClickOutside?: boolean | undefined;
+                readonly closeOnEscape?: boolean | undefined;
+                readonly persistent?: boolean | undefined;
+                readonly id?: string | undefined;
+                readonly ariaLabelledby?: string | undefined;
+                readonly ariaDescribedby?: string | undefined;
+                readonly color?: (MazColor | "background") | undefined;
+                readonly trapFocus?: boolean | undefined;
+                readonly keepOpenOnHover?: boolean | undefined;
+                readonly block?: boolean | undefined;
+                readonly positionReference?: (string | HTMLElement) | undefined;
+                readonly onClose?: (() => any) | undefined;
+                readonly onToggle?: ((value: boolean) => any) | undefined;
+                readonly onOpen?: (() => any) | undefined;
+                readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                readonly "onAfter-close-animation"?: (() => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                trigger: HTMLDivElement;
+                panel: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "close") => void) & ((event: "toggle", value: boolean) => void) & ((event: "open") => void) & ((event: "update:model-value", value: boolean) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "after-close-animation") => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: boolean;
+            } & MazPopoverProps> & Readonly<{
+                onClose?: (() => any) | undefined;
+                onToggle?: ((value: boolean) => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                "onAfter-close-animation"?: (() => any) | undefined;
+            }>, {
+                open: () => void;
+                close: () => void;
+                toggle: () => void;
+                isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
+                updatePosition: () => void;
+                panelRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                close: () => any;
+                toggle: (value: boolean) => any;
+                open: () => any;
+                "update:model-value": (value: boolean) => any;
+                "update:modelValue": (value: boolean) => any;
+                "after-close-animation": () => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            modelValue?: boolean;
+        } & MazPopoverProps> & Readonly<{
+            onClose?: (() => any) | undefined;
+            onToggle?: ((value: boolean) => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onAfter-close-animation"?: (() => any) | undefined;
+        }>, "close" | "toggle" | "open" | "isOpen" | "updatePosition" | "panelRef"> & import('vue').ShallowUnwrapRef<{
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+            isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
+            updatePosition: () => void;
+            panelRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                trigger?(_: {
+                    open: () => void;
+                    close: () => void;
+                    toggle: () => void;
+                    isOpen: boolean;
+                    trigger: "click" | "hover" | "manual";
+                }): any;
+                default?(_: {
+                    open: () => void;
+                    close: () => void;
+                    toggle: () => void;
+                    isOpen: true;
+                }): any;
+            };
+        }) | null;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -236,7 +369,140 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onMenuitem-clicked"?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    mazPopoverRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: boolean | undefined;
+            readonly position?: import('./MazPopover.vue').MazPopoverPosition | undefined;
+            readonly preferPosition?: import('./MazPopover.vue').MazPopoverPreferPosition | undefined;
+            readonly fallbackPosition?: import('./MazPopover.vue').MazPopoverFallbackPosition | undefined;
+            readonly trigger?: import('./MazPopover.vue').MazPopoverTrigger | undefined;
+            readonly role?: import('./MazPopover.vue').MazPopoverRole | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly announceChanges?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly offset?: number | undefined;
+            readonly delay?: number | undefined;
+            readonly hoverDelay?: number | undefined;
+            readonly transition?: "scale-pop" | "scale-fade" | string | undefined;
+            readonly teleportTo?: string | undefined;
+            readonly overlayClass?: HTMLAttributes["class"];
+            readonly panelClass?: HTMLAttributes["class"];
+            readonly panelStyle?: import('vue').StyleValue;
+            readonly closeOnClickOutside?: boolean | undefined;
+            readonly closeOnEscape?: boolean | undefined;
+            readonly persistent?: boolean | undefined;
+            readonly id?: string | undefined;
+            readonly ariaLabelledby?: string | undefined;
+            readonly ariaDescribedby?: string | undefined;
+            readonly color?: (MazColor | "background") | undefined;
+            readonly trapFocus?: boolean | undefined;
+            readonly keepOpenOnHover?: boolean | undefined;
+            readonly block?: boolean | undefined;
+            readonly positionReference?: (string | HTMLElement) | undefined;
+            readonly onClose?: (() => any) | undefined;
+            readonly onToggle?: ((value: boolean) => any) | undefined;
+            readonly onOpen?: (() => any) | undefined;
+            readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            readonly "onAfter-close-animation"?: (() => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            trigger: HTMLDivElement;
+            panel: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "close") => void) & ((event: "toggle", value: boolean) => void) & ((event: "open") => void) & ((event: "update:model-value", value: boolean) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "after-close-animation") => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: boolean;
+        } & MazPopoverProps> & Readonly<{
+            onClose?: (() => any) | undefined;
+            onToggle?: ((value: boolean) => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onAfter-close-animation"?: (() => any) | undefined;
+        }>, {
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+            isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
+            updatePosition: () => void;
+            panelRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            close: () => any;
+            toggle: (value: boolean) => any;
+            open: () => any;
+            "update:model-value": (value: boolean) => any;
+            "update:modelValue": (value: boolean) => any;
+            "after-close-animation": () => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        modelValue?: boolean;
+    } & MazPopoverProps> & Readonly<{
+        onClose?: (() => any) | undefined;
+        onToggle?: ((value: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onAfter-close-animation"?: (() => any) | undefined;
+    }>, "close" | "toggle" | "open" | "isOpen" | "updatePosition" | "panelRef"> & import('vue').ShallowUnwrapRef<{
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+        isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
+        updatePosition: () => void;
+        panelRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            trigger?(_: {
+                open: () => void;
+                close: () => void;
+                toggle: () => void;
+                isOpen: boolean;
+                trigger: "click" | "hover" | "manual";
+            }): any;
+            default?(_: {
+                open: () => void;
+                close: () => void;
+                toggle: () => void;
+                isOpen: true;
+            }): any;
+        };
+    }) | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/MazIcon.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, onMounted, watchEffect, createElementBlock, createBlock, openBlock, mergeProps, resolveDynamicComponent, normalizeStyle, normalizeClass, nextTick } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazIcon.Cl1pfRbK.css';const _hoisted_1 = ["innerHTML"], _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazIcon.3HqpAIna.css';const _hoisted_1 = ["innerHTML"], _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",
   props: {
     icon: { type: [Function, Object] },
@@ -108,7 +108,7 @@ import '../assets/MazIcon.Cl1pfRbK.css';const _hoisted_1 = ["innerHTML"], _sfc_m
       style: normalizeStyle(svgStyle.value)
     }, null, 8, ["class", "style"]));
   }
-}), MazIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ab2a19f1"]]);
+}), MazIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f172666"]]);
 export {
   MazIcon as default
 };

package/dist/components/MazInput.js

@@ -3,7 +3,7 @@ import { MazEyeSlash, MazEye } from "@maz-ui/icons";
 import { d as debounce } from "../chunks/debounce.Brzkn9pm.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazInput.CHYQSgY8.css';const _hoisted_1 = ["for"], _hoisted_2 = {
+import '../assets/MazInput.BSmkNTOh.css';const _hoisted_1 = ["for"], _hoisted_2 = {
   key: 0,
   class: "m-input-wrapper-left"
 }, _hoisted_3 = ["id", "placeholder", "aria-label", "type", "inputmode", "name", "autocomplete", "disabled", "readonly", "required"], _hoisted_4 = {
@@ -250,7 +250,7 @@ import '../assets/MazInput.CHYQSgY8.css';const _hoisted_1 = ["for"], _hoisted_2
       }, toDisplayString(__props.assistiveText), 3)) : createCommentVNode("", !0)
     ], 6));
   }
-}), MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa5abc1f"]]);
+}), MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7034f80b"]]);
 export {
   MazInput as default
 };

package/dist/components/MazLink.js

@@ -3,7 +3,7 @@ import { MazArrowTopRightOnSquare } from "@maz-ui/icons";
 import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazLink.CXeMXonQ.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazLink.D-fVSh3z.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "MazLink",
   props: {
@@ -73,7 +73,7 @@ import '../assets/MazLink.CXeMXonQ.css';const _sfc_main = /* @__PURE__ */ define
       _: 3
     }, 16, ["id", "class", "to", "href", "title", "target", "rel", "download", "aria-label", "type", "disabled", "style"]));
   }
-}), MazLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c52f6967"]]);
+}), MazLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f0a4e08"]]);
 export {
   MazLink as default
 };

package/dist/components/MazPopover.js

@@ -5,7 +5,7 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { d as directive } from "../chunks/vClickOutside.DIOiluy0.js";
 import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPopover.DQ6XHvaR.css';const _hoisted_1 = ["id", "aria-expanded", "aria-haspopup", "aria-describedby", "aria-labelledby"], _hoisted_2 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "tabindex", "aria-live"], _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazPopover.DU4IHV-5.css';const _hoisted_1 = ["id", "aria-expanded", "aria-haspopup", "aria-describedby", "aria-labelledby"], _hoisted_2 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "tabindex", "aria-live"], _sfc_main = /* @__PURE__ */ defineComponent({
   name: "MazPopover",
   inheritAttrs: !1,
   __name: "MazPopover",
@@ -236,7 +236,14 @@ import '../assets/MazPopover.DQ6XHvaR.css';const _hoisted_1 = ["id", "aria-expan
        * @description Manually recalculate and update the popover position
        * @usage `mazPopoverInstance.value?.updatePosition()`
        */
-      updatePosition: update
+      updatePosition: update,
+      /**
+       * Panel reference
+       * @type {Ref<HTMLElement>}
+       * @description Reference to the popover panel element
+       * @usage `mazPopoverInstance.value?.panelRef`
+       */
+      panelRef
     }), (_ctx, _cache) => (openBlock(), createElementBlock(Fragment, null, [
       _ctx.$slots.trigger ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -312,7 +319,7 @@ import '../assets/MazPopover.DQ6XHvaR.css';const _hoisted_1 = ["id", "aria-expan
       ], 8, ["to"]))
     ], 64));
   }
-}), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-141e3fb8"]]);
+}), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-641d39cb"]]);
 export {
   MazPopover as default
 };

package/dist/components/MazPopover.vue.d.ts

@@ -231,6 +231,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
      * @usage `mazPopoverInstance.value?.updatePosition()`
      */
     updatePosition: () => void;
+    /**
+     * Panel reference
+     * @type {Ref<HTMLElement>}
+     * @description Reference to the popover panel element
+     * @usage `mazPopoverInstance.value?.panelRef`
+     */
+    panelRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => any;
     toggle: (value: boolean) => any;

package/dist/components/MazSelect.js

@@ -7,11 +7,11 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import MazInput from "./MazInput.js";
 import MazPopover from "./MazPopover.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSelect.HKw9qRZV.css';let timeout = null;
+import '../assets/MazSelect.uFknehxz.css';let timeout = null;
 function debounceCallback(callback, delay) {
   timeout && clearTimeout(timeout), timeout = setTimeout(callback, delay);
 }
-const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = {
+const _hoisted_1 = ["disabled", "aria-label"], _hoisted_2 = ["id"], _hoisted_3 = {
   key: 0,
   class: "m-select-list__search-wrapper"
 }, _hoisted_4 = { class: "m-select-list__no-results" }, _hoisted_5 = {
@@ -261,6 +261,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = {
       transition: __props.transition,
       offset: 0,
       position: __props.listPosition,
+      disabled: __props.disabled,
       "prefer-position": __props.preferPosition,
       "fallback-position": __props.fallbackPosition,
       "position-reference": `#${unref(instanceId)}-popover .m-input-wrapper`,
@@ -299,6 +300,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = {
             }, () => [
               createElementVNode("button", {
                 tabindex: "-1",
+                disabled: __props.disabled,
                 type: "button",
                 class: "m-select-input__toggle-button maz-custom",
                 "aria-label": `${isOpen.value ? "collapse" : "expand"} list of options`
@@ -403,9 +405,9 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = {
         ], 14, _hoisted_2)
       ]),
       _: 3
-    }, 8, ["id", "modelValue", "class", "style", "block", "transition", "position", "prefer-position", "fallback-position", "position-reference"]));
+    }, 8, ["id", "modelValue", "class", "style", "block", "transition", "position", "disabled", "prefer-position", "fallback-position", "position-reference"]));
   }
-}), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7a14967b"]]);
+}), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-021953e9"]]);
 export {
   MazSelect as default
 };

package/dist/components/MazStepper.js

@@ -3,7 +3,7 @@ import { MazCheckCircle, MazExclamationTriangle, MazExclamationCircle } from "@m
 import MazExpandAnimation from "./MazExpandAnimation.js";
 import MazIcon from "./MazIcon.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazStepper.Dg9khVJG.css';const _hoisted_1 = ["id", "disabled", "onClick"], _hoisted_2 = { class: "m-stepper__header__wrapper" }, _hoisted_3 = { class: "m-stepper__count --primary" }, _hoisted_4 = { class: "m-stepper__count__circle" }, _hoisted_5 = { class: "m-stepper__header__content" }, _hoisted_6 = { class: "m-stepper__title" }, _hoisted_7 = {
+import '../assets/MazStepper.lKRkBZZK.css';const _hoisted_1 = ["id", "disabled", "onClick"], _hoisted_2 = { class: "m-stepper__header__wrapper" }, _hoisted_3 = { class: "m-stepper__count --primary" }, _hoisted_4 = { class: "m-stepper__count__circle" }, _hoisted_5 = { class: "m-stepper__header__content" }, _hoisted_6 = { class: "m-stepper__title" }, _hoisted_7 = {
   key: 0,
   class: "m-stepper__subtitle"
 }, _hoisted_8 = {
@@ -148,7 +148,7 @@ import '../assets/MazStepper.Dg9khVJG.css';const _hoisted_1 = ["id", "disabled",
       ], 64))), 128))
     ], 4));
   }
-}), MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e28f54a1"]]);
+}), MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-99251223"]]);
 export {
   MazStepper as default
 };

package/dist/components/MazTable.js

@@ -1,7 +1,7 @@
-import { _ as _sfc_main } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.F9DFa_6O.js";
-import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.F9DFa_6O.js";
+import { _ as _sfc_main } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.C2UTYkLu.js";
+import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.C2UTYkLu.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazTable.BKlwCDt4.css';const MazTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ea14f3d"]]);
+import '../assets/MazTable.AfDvicwj.css';const MazTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3206d73d"]]);
 export {
   MazTable as default,
   m as mazTableKey

package/dist/components/MazTableCell.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
-import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.F9DFa_6O.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.C2UTYkLu.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazTableCell.BPgmqAMD.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTableCell",

package/dist/components/MazTableRow.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
-import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.F9DFa_6O.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.C2UTYkLu.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazTableRow.C0Ko4yDk.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTableRow",

package/dist/components/MazTableTitle.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
-import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.F9DFa_6O.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.C2UTYkLu.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazTableTitle.BjJMgQFY.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTableTitle",

package/dist/components/MazTabsContentItem.js

@@ -1,13 +1,16 @@
 import { defineComponent, ref, watch, computed, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, renderSlot } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazTabsContentItem.C84SDmj0.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazTabsContentItem.B1dilH-w.css';const _hoisted_1 = {
+  key: 0,
+  class: "m-tabs-content-item m-reset-css"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTabsContentItem",
   props: {
     tab: { type: Number, required: !0 }
   },
   setup(__props) {
-    const props = __props, transitionName = ref("maz-tab-transition"), MazTabsContentItem2 = ref(), { currentTab } = useInjectStrict("maz-tabs");
+    const props = __props, transitionName = ref("maz-tab-transition"), { currentTab } = useInjectStrict("maz-tabs");
     watch(
       () => currentTab.value,
       (value, oldValue) => {
@@ -21,19 +24,14 @@ import '../assets/MazTabsContentItem.C84SDmj0.css';const _sfc_main = /* @__PURE_
     const itemTabNumber = computed(() => props.tab - 1), isCurrentTab = computed(() => currentTab.value - 1 === itemTabNumber.value);
     return (_ctx, _cache) => (openBlock(), createBlock(Transition, { name: transitionName.value }, {
       default: withCtx(() => [
-        isCurrentTab.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref_key: "MazTabsContentItem",
-          ref: MazTabsContentItem2,
-          class: "m-tabs-content-item m-reset-css"
-        }, [
+        isCurrentTab.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "default", {}, void 0, !0)
-        ], 512)) : createCommentVNode("", !0)
+        ])) : createCommentVNode("", !0)
       ]),
       _: 3
     }, 8, ["name"]));
   }
-}), MazTabsContentItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36798058"]]);
+}), MazTabsContentItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87e5244d"]]);
 export {
   MazTabsContentItem as default
 };

package/dist/components/MazTabsContentItem.vue.d.ts

@@ -3,9 +3,7 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {
-        MazTabsContentItem: HTMLDivElement;
-    };
+    refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -19,9 +17,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: NumberConstructor;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    MazTabsContentItem: HTMLDivElement;
-}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/index.js

@@ -18,7 +18,7 @@ import { M } from "../chunks/MazDatePicker.DmPXmc_M.js";
 import { default as default17 } from "./MazDialog.js";
 import { _ as _2, u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BaOg5MoP.js";
 import { default as default18 } from "./MazDrawer.js";
-import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.BnTHMdrm.js";
+import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.Cym3Pk2B.js";
 import { default as default19 } from "./MazDropzone.js";
 import { default as default20 } from "./MazExpandAnimation.js";
 import { default as default21 } from "./MazFullscreenLoader.js";

package/dist/plugins/toast.js

@@ -3,7 +3,7 @@ import { defineComponent, defineAsyncComponent, ref, computed, watch, onMounted,
 import { MazExclamationCircle, MazCheckCircle, MazInformationCircle, MazExclamationTriangle, MazXMark, MazArrowTopRightOnSquare, MazLinkIcon } from "@maz-ui/icons";
 import { useTimer } from "../composables/useTimer.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/toast.ClbXOwsL.css';const _hoisted_1 = ["textContent", "innerHTML"], _hoisted_2 = {
+import '../assets/toast.DRXp_3fJ.css';const _hoisted_1 = ["textContent", "innerHTML"], _hoisted_2 = {
   key: 1,
   class: "m-toast__progress-bar"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -190,7 +190,7 @@ import '../assets/toast.ClbXOwsL.css';const _hoisted_1 = ["textContent", "innerH
       _: 1
     }, 8, ["name"]));
   }
-}), MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-156c6100"]]), DEFAULT_OPTIONS = {
+}), MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d1646cf7"]]), DEFAULT_OPTIONS = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1

package/dist/types/components/MazDatePicker.vue.d.ts

@@ -325,6 +325,7 @@ declare function __VLS_template(): {
                 toggle: () => void;
                 isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
                 updatePosition: () => void;
+                panelRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 close: () => any;
                 toggle: (value: boolean) => any;
@@ -361,12 +362,13 @@ declare function __VLS_template(): {
             "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onAfter-close-animation"?: (() => any) | undefined;
-        }>, "close" | "toggle" | "open" | "isOpen" | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+        }>, "close" | "toggle" | "open" | "isOpen" | "updatePosition" | "panelRef"> & import('vue').ShallowUnwrapRef<{
             open: () => void;
             close: () => void;
             toggle: () => void;
             isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
             updatePosition: () => void;
+            panelRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 trigger?(_: {
@@ -498,6 +500,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             toggle: () => void;
             isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
             updatePosition: () => void;
+            panelRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             close: () => any;
             toggle: (value: boolean) => any;
@@ -534,12 +537,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onAfter-close-animation"?: (() => any) | undefined;
-    }>, "close" | "toggle" | "open" | "isOpen" | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+    }>, "close" | "toggle" | "open" | "isOpen" | "updatePosition" | "panelRef"> & import('vue').ShallowUnwrapRef<{
         open: () => void;
         close: () => void;
         toggle: () => void;
         isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
         updatePosition: () => void;
+        panelRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             trigger?(_: {