maz-ui 4.0.0-beta.8 → 4.0.0

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

@@ -63,7 +63,7 @@ export interface MazDatePickerProps {
      * @type {Intl.DateTimeFormatOptions}
      * @default { dateStyle: 'medium', timeStyle: 'full' }
      */
-    inputFormat?: Intl.DateTimeFormatOptions;
+    inputDateFormat?: Intl.DateTimeFormatOptions;
     /**
      * Custom function to transform the formatted date display
      * @type {Function}
@@ -80,25 +80,21 @@ export interface MazDatePickerProps {
     }) => string;
     /**
      * The locale string for date formatting and localization
-     * @type {string}
      * @example 'en-US', 'fr-FR', 'de-DE'
      */
     locale?: string;
     /**
      * Controls whether the calendar header is hidden
-     * @type {boolean}
      * @default false
      */
     hideHeader?: boolean;
     /**
      * Controls whether the component is disabled
-     * @type {boolean}
      * @default false
      */
     disabled?: boolean;
     /**
      * The first day of the week in the calendar
-     * @type {number}
      * @values 0, 1, 2, 3, 4, 5, 6
      * @default 0
      * @example 0 (Sunday), 1 (Monday), 6 (Saturday)
@@ -106,25 +102,21 @@ export interface MazDatePickerProps {
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * Controls whether the picker closes automatically after date selection
-     * @type {boolean}
      * @default false
      */
     autoClose?: boolean;
     /**
      * CSS selector for a custom element that triggers the picker
-     * @type {string}
      * @example '#my-button', '.trigger-class'
      */
     customElementSelector?: string;
     /**
      * Controls whether the picker displays two months side by side
-     * @type {boolean}
      * @default false
      */
     double?: boolean;
     /**
      * Controls whether the picker is displayed inline without input field
-     * @type {boolean}
      * @default false
      */
     inline?: boolean;
@@ -138,37 +130,33 @@ export interface MazDatePickerProps {
     /**
      * The position where the picker popover should appear
      * @type {MazPopoverProps['position']}
-     * @values top, bottom, left, right, top-left, top-right, bottom-left, bottom-right
+     * @values top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start
+     * @default 'auto'
      */
     pickerPosition?: MazPopoverProps['position'];
     /**
      * Controls whether the picker includes a time selector
-     * @type {boolean}
      * @default false
      */
     time?: boolean;
     /**
      * Controls whether the picker shows only time selection (no date)
-     * @type {boolean}
      * @default false
      */
     onlyTime?: boolean;
     /**
      * The interval in minutes for the time picker minute selection
-     * @type {number}
      * @default 5
      * @values 1, 5, 10, 15, 30
      */
     minuteInterval?: number;
     /**
      * Controls whether to automatically detect and use the browser's locale
-     * @type {boolean}
      * @default true
      */
     useBrowserLocale?: boolean;
     /**
      * Controls whether to fetch locale data dynamically
-     * @type {boolean}
      * @default true
      */
     fetchLocal?: boolean;
@@ -180,54 +168,58 @@ export interface MazDatePickerProps {
     shortcuts?: MazDatePickerShortcut[] | boolean;
     /**
      * The identifier of the currently selected shortcut
-     * @type {string}
+     * @type {MazDatePickerShortcut['identifier']}
      */
     shortcut?: MazDatePickerShortcut['identifier'];
     /**
      * The minimum selectable date in ISO format
-     * @type {string}
      * @example '2023-01-01'
      */
     minDate?: string;
     /**
      * The maximum selectable date in ISO format
-     * @type {string}
      * @example '2024-12-31'
      */
     maxDate?: string;
+    /**
+     * When minDate or maxDate are provided, if the current date is not between minDate and maxDate, the current date will be set to the minDate or maxDate
+     * @default true
+     */
+    minMaxAuto?: boolean;
     /**
      * Array of weekday numbers to disable (0 = Sunday, 6 = Saturday)
-     * @type {number[]}
      * @default []
      * @example [0, 6] to disable weekends
      */
     disabledWeekly?: number[];
     /**
      * Array of specific dates to disable in ISO format
-     * @type {string[]}
      * @default []
      * @example ['2023-12-25', '2024-01-01']
      */
     disabledDates?: string[];
     /**
      * Array of hour numbers to disable in the time picker (0-23)
-     * @type {number[]}
      * @default []
      * @example [0, 1, 2, 22, 23] to disable night hours
      */
     disabledHours?: number[];
     /**
      * Controls whether the input displays in full width
-     * @type {boolean}
      * @default false
      */
     block?: boolean;
     /**
      * Controls whether the picker operates in range selection mode
-     * @type {boolean}
      * @default false
      */
     range?: boolean;
+    /**
+     * The transition name of the popover
+     * @type {MazPopoverProps['transition']}
+     * @default 'scale-fade'
+     */
+    transition?: MazPopoverProps['transition'];
 }
 type __VLS_PublicProps = {
     'locale'?: string;
@@ -250,8 +242,8 @@ declare function __VLS_template(): {
             $props: {
                 readonly modelValue?: boolean | undefined;
                 readonly position?: import('./MazPopover.vue').MazPopoverPosition | undefined;
-                readonly preferPosition?: import('./MazPopover.vue').MazPopoverPosition | undefined;
-                readonly fallbackPosition?: 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;
@@ -260,7 +252,7 @@ declare function __VLS_template(): {
                 readonly offset?: number | undefined;
                 readonly delay?: number | undefined;
                 readonly hoverDelay?: number | undefined;
-                readonly transition?: string | undefined;
+                readonly transition?: "scale-pop" | "scale-fade" | string | undefined;
                 readonly teleportTo?: string | undefined;
                 readonly overlayClass?: HTMLAttributes["class"];
                 readonly panelClass?: HTMLAttributes["class"];
@@ -281,6 +273,7 @@ declare function __VLS_template(): {
                 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;
@@ -297,7 +290,7 @@ declare function __VLS_template(): {
             $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);
+            $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;
@@ -307,6 +300,7 @@ declare function __VLS_template(): {
                 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;
@@ -319,6 +313,7 @@ declare function __VLS_template(): {
                 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)[];
@@ -347,6 +342,7 @@ declare function __VLS_template(): {
             onOpen?: (() => any) | undefined;
             "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onAfter-close-animation"?: (() => any) | undefined;
         }>, "close" | "toggle" | "open" | "updatePosition" | "isOpen"> & import('vue').ShallowUnwrapRef<{
             open: () => void;
             close: () => void;
@@ -360,6 +356,7 @@ declare function __VLS_template(): {
                     close: () => void;
                     toggle: () => void;
                     isOpen: boolean;
+                    trigger: "click" | "hover" | "manual";
                 }): any;
                 default?(_: {
                     open: () => void;
@@ -388,20 +385,22 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     color: MazColor;
     disabled: boolean;
     open: boolean;
+    format: string;
+    transition: string;
     double: boolean;
     inline: boolean;
     range: boolean;
     shortcuts: MazDatePickerShortcut[] | boolean;
-    format: string;
     minDate: string;
     maxDate: string;
+    minMaxAuto: boolean;
     disabledWeekly: number[];
     disabledDates: string[];
     firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     minuteInterval: number;
     disabledHours: number[];
     hideHeader: boolean;
-    inputFormat: Intl.DateTimeFormatOptions;
+    inputDateFormat: Intl.DateTimeFormatOptions;
     autoClose: boolean;
     pickerPosition: import('./MazPopover.vue').MazPopoverPosition;
     onlyTime: boolean;
@@ -414,8 +413,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $props: {
             readonly modelValue?: boolean | undefined;
             readonly position?: import('./MazPopover.vue').MazPopoverPosition | undefined;
-            readonly preferPosition?: import('./MazPopover.vue').MazPopoverPosition | undefined;
-            readonly fallbackPosition?: 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;
@@ -424,7 +423,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly offset?: number | undefined;
             readonly delay?: number | undefined;
             readonly hoverDelay?: number | undefined;
-            readonly transition?: string | undefined;
+            readonly transition?: "scale-pop" | "scale-fade" | string | undefined;
             readonly teleportTo?: string | undefined;
             readonly overlayClass?: HTMLAttributes["class"];
             readonly panelClass?: HTMLAttributes["class"];
@@ -445,6 +444,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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;
@@ -461,7 +461,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $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);
+        $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;
@@ -471,6 +471,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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;
@@ -483,6 +484,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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)[];
@@ -511,6 +513,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         onOpen?: (() => any) | undefined;
         "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onAfter-close-animation"?: (() => any) | undefined;
     }>, "close" | "toggle" | "open" | "updatePosition" | "isOpen"> & import('vue').ShallowUnwrapRef<{
         open: () => void;
         close: () => void;
@@ -524,6 +527,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 close: () => void;
                 toggle: () => void;
                 isOpen: boolean;
+                trigger: "click" | "hover" | "manual";
             }): any;
             default?(_: {
                 open: () => void;

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

@@ -24,16 +24,13 @@ declare function __VLS_template(): {
     slots: {
         header?(_: {
             close: () => void;
-            onBackdropClicked: () => void;
         }): any;
         title?(_: {}): any;
         default?(_: {
             close: () => void;
-            onBackdropClicked: () => void;
         }): any;
         footer?(_: {
             close: () => void;
-            onBackdropClicked: () => void;
         }): any;
     };
     refs: {
@@ -53,6 +50,8 @@ declare function __VLS_template(): {
                 readonly justify?: "center" | "end" | "start" | "space-between" | "space-around" | "none" | undefined;
                 readonly align?: "center" | "end" | "start" | "none" | undefined;
                 readonly variant?: "bottom-sheet" | "dialog" | "drawer" | undefined;
+                readonly ariaLabelledby?: string | undefined;
+                readonly ariaDescribedby?: string | undefined;
                 readonly onClose?: ((value?: void | undefined) => any) | undefined;
                 readonly onOpen?: ((value?: void | undefined) => any) | undefined;
                 readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
@@ -78,12 +77,10 @@ declare function __VLS_template(): {
                 "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
                 "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
             }>, {
-                onBackdropAnimationEnter: () => void;
                 onBackdropAnimationLeave: () => void;
-                onBackdropClicked: () => void;
                 close: () => void;
                 present: import('vue').Ref<boolean, boolean>;
-                toggleModal: (value: boolean) => Promise<void>;
+                toggleModal: (value?: boolean) => Promise<void>;
                 onKeyPress: (event: KeyboardEvent) => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 close: (value: void) => any;
@@ -115,19 +112,16 @@ declare function __VLS_template(): {
             onOpen?: ((value?: void | undefined) => any) | undefined;
             "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
             "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
-        }>, "close" | "onBackdropAnimationEnter" | "onBackdropAnimationLeave" | "onBackdropClicked" | "present" | "toggleModal" | "onKeyPress"> & import('vue').ShallowUnwrapRef<{
-            onBackdropAnimationEnter: () => void;
+        }>, "close" | "onBackdropAnimationLeave" | "present" | "toggleModal" | "onKeyPress"> & import('vue').ShallowUnwrapRef<{
             onBackdropAnimationLeave: () => void;
-            onBackdropClicked: () => void;
             close: () => void;
             present: import('vue').Ref<boolean, boolean>;
-            toggleModal: (value: boolean) => Promise<void>;
+            toggleModal: (value?: boolean) => Promise<void>;
             onKeyPress: (event: KeyboardEvent) => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {
                     close: () => void;
-                    onBackdropClicked: () => void;
                 }): any;
             };
         }) | null;
@@ -167,6 +161,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             readonly justify?: "center" | "end" | "start" | "space-between" | "space-around" | "none" | undefined;
             readonly align?: "center" | "end" | "start" | "none" | undefined;
             readonly variant?: "bottom-sheet" | "dialog" | "drawer" | undefined;
+            readonly ariaLabelledby?: string | undefined;
+            readonly ariaDescribedby?: string | undefined;
             readonly onClose?: ((value?: void | undefined) => any) | undefined;
             readonly onOpen?: ((value?: void | undefined) => any) | undefined;
             readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
@@ -192,12 +188,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
             "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
         }>, {
-            onBackdropAnimationEnter: () => void;
             onBackdropAnimationLeave: () => void;
-            onBackdropClicked: () => void;
             close: () => void;
             present: import('vue').Ref<boolean, boolean>;
-            toggleModal: (value: boolean) => Promise<void>;
+            toggleModal: (value?: boolean) => Promise<void>;
             onKeyPress: (event: KeyboardEvent) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             close: (value: void) => any;
@@ -229,19 +223,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         onOpen?: ((value?: void | undefined) => any) | undefined;
         "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
         "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
-    }>, "close" | "onBackdropAnimationEnter" | "onBackdropAnimationLeave" | "onBackdropClicked" | "present" | "toggleModal" | "onKeyPress"> & import('vue').ShallowUnwrapRef<{
-        onBackdropAnimationEnter: () => void;
+    }>, "close" | "onBackdropAnimationLeave" | "present" | "toggleModal" | "onKeyPress"> & import('vue').ShallowUnwrapRef<{
         onBackdropAnimationLeave: () => void;
-        onBackdropClicked: () => void;
         close: () => void;
         present: import('vue').Ref<boolean, boolean>;
-        toggleModal: (value: boolean) => Promise<void>;
+        toggleModal: (value?: boolean) => Promise<void>;
         onKeyPress: (event: KeyboardEvent) => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {
                 close: () => void;
-                onBackdropClicked: () => void;
             }): any;
         };
     }) | null;

package/dist/types/components/MazDialogConfirm/useMazDialogConfirm.d.ts

@@ -21,18 +21,20 @@ export type MazDialogConfirmButton = MazDialogConfirmButtonPromised | MazDialogC
 export type MazDialogConfirmData = Omit<MazDialogConfirmInternalProps, 'identifier'>;
 export declare const defaultData: {
     buttons: undefined;
-    rejectText: string;
     acceptText: string;
-    rejectProps: {
-        color: "destructive";
-        type: "reject";
-        response: string;
-    };
+    hideAcceptButton: false;
     acceptProps: {
         color: "success";
         type: "accept";
         response: string;
     };
+    rejectText: string;
+    hideRejectButton: false;
+    rejectProps: {
+        color: "destructive";
+        type: "reject";
+        response: string;
+    };
 };
 declare function showDialogAndWaitChoice(identifier: string, callback?: () => unknown): Promise<unknown>;
 export declare function useMazDialogConfirm(): {

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

@@ -1,7 +1,7 @@
+import { ComponentPublicInstance, ComputedRef } from 'vue';
 import { MazBtnProps } from './MazBtn.vue';
 import { MazDialogProps } from './MazDialog.vue';
 import { MazDialogConfirmButton, MazDialogConfirmData } from './MazDialogConfirm/useMazDialogConfirm';
-import { ComponentPublicInstance, ComputedRef } from 'vue';
 export interface MazDialogConfirmInternalProps {
     /**
      * Uniq identifier of the dialog
@@ -27,6 +27,11 @@ export interface MazDialogConfirmInternalProps {
      * @type {Omit<MazBtnProps, 'type'> & MazDialogConfirmButton}
      */
     rejectProps?: Omit<MazBtnProps, 'type'> & MazDialogConfirmButton;
+    /**
+     * Whether to display the reject button
+     * @default true
+     */
+    hideRejectButton?: boolean;
     /**
      * Text for the accept button
      * @default undefined
@@ -38,6 +43,11 @@ export interface MazDialogConfirmInternalProps {
      * @type {Omit<MazBtnProps, 'type'> & MazDialogConfirmButton}
      */
     acceptProps?: Omit<MazBtnProps, 'type'> & MazDialogConfirmButton;
+    /**
+     * Whether to display the accept button
+     * @default true
+     */
+    hideAcceptButton?: boolean;
     /**
      * Buttons to display in the footer
      * @default undefined
@@ -78,6 +88,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ma
             readonly justify?: "center" | "end" | "start" | "space-between" | "space-around" | "none" | undefined;
             readonly align?: "center" | "end" | "start" | "none" | undefined;
             readonly variant?: "bottom-sheet" | "dialog" | "drawer" | undefined;
+            readonly ariaLabelledby?: string | undefined;
+            readonly ariaDescribedby?: string | undefined;
             readonly onClose?: ((value?: void | undefined) => any) | undefined;
             readonly onOpen?: ((value?: void | undefined) => any) | undefined;
             readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
@@ -104,6 +116,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ma
                     readonly justify?: "center" | "end" | "start" | "space-between" | "space-around" | "none" | undefined;
                     readonly align?: "center" | "end" | "start" | "none" | undefined;
                     readonly variant?: "bottom-sheet" | "dialog" | "drawer" | undefined;
+                    readonly ariaLabelledby?: string | undefined;
+                    readonly ariaDescribedby?: string | undefined;
                     readonly onClose?: ((value?: void | undefined) => any) | undefined;
                     readonly onOpen?: ((value?: void | undefined) => any) | undefined;
                     readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
@@ -129,12 +143,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ma
                     "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
                     "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
                 }>, {
-                    onBackdropAnimationEnter: () => void;
                     onBackdropAnimationLeave: () => void;
-                    onBackdropClicked: () => void;
                     close: () => void;
                     present: import('vue').Ref<boolean, boolean>;
-                    toggleModal: (value: boolean) => Promise<void>;
+                    toggleModal: (value?: boolean) => Promise<void>;
                     onKeyPress: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     close: (value: void) => any;
@@ -166,19 +178,16 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ma
                 onOpen?: ((value?: void | undefined) => any) | undefined;
                 "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
                 "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
-            }>, "close" | "onBackdropAnimationEnter" | "onBackdropAnimationLeave" | "onBackdropClicked" | "present" | "toggleModal" | "onKeyPress"> & import('vue').ShallowUnwrapRef<{
-                onBackdropAnimationEnter: () => void;
+            }>, "close" | "onBackdropAnimationLeave" | "present" | "toggleModal" | "onKeyPress"> & import('vue').ShallowUnwrapRef<{
                 onBackdropAnimationLeave: () => void;
-                onBackdropClicked: () => void;
                 close: () => void;
                 present: import('vue').Ref<boolean, boolean>;
-                toggleModal: (value: boolean) => Promise<void>;
+                toggleModal: (value?: boolean) => Promise<void>;
                 onKeyPress: (event: KeyboardEvent) => void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     default?(_: {
                         close: () => void;
-                        onBackdropClicked: () => void;
                     }): any;
                 };
             }) | null;
@@ -232,16 +241,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ma
         $slots: {
             header?(_: {
                 close: () => void;
-                onBackdropClicked: () => void;
             }): any;
             title?(_: {}): any;
             default?(_: {
                 close: () => void;
-                onBackdropClicked: () => void;
             }): any;
             footer?(_: {
                 close: () => void;
-                onBackdropClicked: () => void;
             }): any;
         };
     }) | null;

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

@@ -2,8 +2,8 @@ import { IconComponent } from '@maz-ui/icons';
 import { HTMLAttributes } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
 import { MazLinkProps } from './MazLink.vue';
-import { MazColor, MazSize } from './types';
 import { MazPopoverProps } from './MazPopover.vue';
+import { MazColor, MazSize } from './types';
 type __VLS_Props = MazDropdownProps;
 type MazDropdownItemBase = Record<string, unknown> & {
     label: string;
@@ -106,9 +106,9 @@ export interface MazDropdownProps extends Omit<MazPopoverProps, 'modelValue'> {
     chevron?: boolean;
     /**
      * Accessible description for screen readers describing the dropdown functionality
-     * If not provided, the default translation of MazTranslations plugin will be used
+     * If not provided, the default translation of MazUiTranslations plugin will be used
      * @type {string}
-     * @default MazTranslationsSchema['dropdown']['screenReaderDescription']
+     * @default MazUiTranslationsSchema['dropdown']['screenReaderDescription']
      */
     screenReaderDescription?: string;
     /**
@@ -150,6 +150,13 @@ export interface MazDropdownProps extends Omit<MazPopoverProps, 'modelValue'> {
      * @default 'md'
      */
     size?: MazSize;
+    /**
+     * Transition to use when the dropdown is opened or closed
+     * @type {MazPopoverProps['transition']}
+     * @values 'scale-pop' | 'scale-fade' | string
+     * @default 'scale-pop'
+     */
+    transition?: MazPopoverProps['transition'];
 }
 type __VLS_PublicProps = {
     modelValue?: boolean;

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'vue';
-import { MazSize } from './types';
 import { MazInputProps } from './MazInput.vue';
+import { MazSize } from './types';
 export interface MazInputNumberProps {
     /**
      * The inline style object for the component.
@@ -115,11 +115,11 @@ declare const _default: import('vue').DefineComponent<MazInputNumberProps, {}, {
     style: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
     class: HTMLAttributes["class"];
     disabled: boolean;
+    max: number;
+    min: number;
     modelValue: number;
     step: number;
-    min: number;
-    max: number;
-    inputmode: "search" | "text" | "none" | "decimal" | "email" | "url" | "numeric" | "tel";
+    inputmode: "search" | "text" | "none" | "decimal" | "email" | "url" | "tel" | "numeric";
     textCenter: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/MazInputPhoneNumber/PhoneInput.vue.d.ts

@@ -7,7 +7,7 @@ type PhoneInputProps = Omit<MazInputProps, 'modelValue'> & {
     };
     example: boolean;
     hasRadius: boolean;
-    autoFormat: boolean;
+    autoFormat: 'blur' | 'typing' | 'disabled' | false;
 };
 type __VLS_Props = PhoneInputProps;
 type __VLS_PublicProps = {

package/dist/types/components/MazInputPhoneNumber/useLibphonenumber.d.ts

@@ -8,7 +8,7 @@ declare function getPhoneNumberResults({ phoneNumber, countryCode, checkCountryC
 }): MazInputPhoneNumberData;
 declare function getPhoneNumberExamplesFile(): Promise<Examples>;
 declare function getPhoneNumberExample(countryCode?: CountryCode | undefined | null): string | undefined;
-declare function getAsYouTypeFormat(countryCode?: CountryCode | undefined | null, phoneNumber?: string | undefined | null): string | undefined;
+declare function getAsYouTypeFormat(countryCode?: CountryCode | undefined | null, phoneNumber?: string | undefined | null): string | undefined | null;
 declare function isSameCountryCallingCode(countryCode: CountryCode, countryCode2: CountryCode): boolean;
 declare function loadExamples(): Promise<void>;
 export declare function useLibphonenumber(): {

package/dist/types/components/MazInputPhoneNumber/useMazInputPhoneNumber.d.ts

@@ -16,9 +16,11 @@ declare function fetchCountryCode(): Promise<{
     data: undefined;
     error: Error;
 }>;
+declare function sanitizePhoneNumber(input?: string | undefined | null): string;
 export declare function useMazInputPhoneNumber(): {
     fetchCountryCode: typeof fetchCountryCode;
     getBrowserLocale: typeof getBrowserLocale;
     getCountryList: typeof getCountryList;
+    sanitizePhoneNumber: typeof sanitizePhoneNumber;
 };
 export {};