maz-ui 4.0.0-beta.3 → 4.0.0-beta.33

package/dist/resolvers/MazModulesResolver.js

@@ -18,9 +18,11 @@ const composablesMap = {
   useDisplayNames: !0,
   useFreezeValue: !0,
   useDialog: !0,
-  useMountComponent: !0
+  useMountComponent: !0,
+  useDropzone: !0
 }, modulesMap = {
   capitalize: !0,
+  getErrorMessage: !0,
   checkAvailability: !0,
   countryCodeToUnicodeFlag: !0,
   formatCurrency: !0,
@@ -45,7 +47,9 @@ const composablesMap = {
   ScriptLoader: !0,
   Swipe: !0,
   UserVisibility: !0,
-  TextareaAutogrow: !0
+  TextareaAutogrow: !0,
+  kebabCase: !0,
+  snakeCase: !0
 };
 function MazModulesResolver(options) {
   return (name) => {

package/dist/tailwindcss/tailwind.config.js

@@ -67,7 +67,7 @@ function requirePlugin() {
 }
 var pluginExports = /* @__PURE__ */ requirePlugin();
 const plugin = /* @__PURE__ */ getDefaultExportFromCjs(pluginExports);
-function defineMazTailwindConfig(config) {
+function defineMazTailwindConfig(config, { utilities: utilities$1 } = {}) {
   return {
     darkMode: ["class", '[class~="dark"]'],
     content: [],
@@ -81,7 +81,10 @@ function defineMazTailwindConfig(config) {
     },
     plugins: [
       plugin(({ addUtilities }) => {
-        addUtilities(utilities);
+        addUtilities({
+          ...utilities,
+          ...utilities$1
+        });
       })
     ],
     ...config

package/dist/tailwindcss/variables/design-tokens.js

@@ -6,6 +6,9 @@ const designTokens = {
     lg: "calc(var(--maz-radius) + 4px)",
     xl: "calc(var(--maz-radius) + 8px)"
   },
+  borderColor: {
+    DEFAULT: "hsl(var(--maz-border) / <alpha-value>)"
+  },
   // Bordures
   borderWidth: {
     DEFAULT: "var(--maz-border-width)",

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

@@ -3,7 +3,20 @@ export interface MazAccordionProps {
     modelValue?: number;
     contentClass?: unknown;
 }
-declare function __VLS_template(): any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`title-${number}`, (_: {
+        isOpen: boolean;
+    }) => any>> & Partial<Record<`content-${number}`, (_: {
+        isOpen: boolean;
+    }) => any>> & {
+        content?(_: {
+            isOpen: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MazAccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:model-value": (...args: any[]) => void;
@@ -13,7 +26,7 @@ declare const __VLS_component: import('vue').DefineComponent<MazAccordionProps,
     id: string;
     modelValue: number;
     contentClass: undefined;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -89,6 +89,7 @@ declare function __VLS_template(): {
         icon?(_: {}): any;
         default?(_: {}): any;
         'right-icon'?(_: {}): any;
+        loader?(_: {}): any;
     };
     refs: {};
     rootEl: any;

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'vue';
-import { MazGalleryProps } from './MazGallery.vue';
 import { RouterLinkProps } from 'vue-router';
+import { MazGalleryProps } from './MazGallery.vue';
 type __VLS_Props = MazCardProps;
 export interface MazCardProps {
     /** Card variant: Must be `column | row | row-reverse | column-reverse` */

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

@@ -14,10 +14,13 @@ export interface MazCarouselProps {
     translations?: DeepPartial<MazTranslationsNestedSchema['carousel']>;
     /**
      * Hide the scrollbar when not active
-     * @type {boolean}
      * @default false
      */
     hideScrollbar?: boolean;
+    /**
+     * The title of the carousel
+     */
+    title?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

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

@@ -30,12 +30,6 @@ export interface MazCheckboxProps<T = boolean | (string | number)[]> {
     warning?: boolean;
     /** The hint text to display below the input. */
     hint?: string;
-    /**
-     * The tabindex of the checkbox
-     * @default 0
-     * @type {HTMLAttributes['tabindex']}
-     */
-    tabindex?: HTMLAttributes['tabindex'];
 }
 declare const _default: <T extends boolean | (string | number)[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

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

@@ -1,6 +1,6 @@
 import { MazTranslationsNestedSchema } from '@maz-ui/translations/src/types.js';
+import { NormalizeStringOptions } from '@maz-ui/utils/src/helpers/normalizeString.js';
 import { DeepPartial } from '@maz-ui/utils/src/ts-helpers/DeepPartial.js';
-import { NormalizeStringOptions } from '@maz-ui/utils/src/utils/normalizeString.js';
 import { MazInputProps } from './MazInput.vue';
 import { MazColor } from './types';
 export type MazChecklistItemOption = {

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

@@ -28,11 +28,12 @@ interface CheckValueResponse {
     newValue?: string;
     newCurrentDate?: string;
 }
-export declare function checkValueWithMinMaxDates({ value, minDate, maxDate, format, }: {
-    value?: string;
-    minDate?: string;
-    maxDate?: string;
+export declare function checkValueWithMinMaxDates({ value, minDate, maxDate, format, minMaxAuto, }: {
+    value: string | undefined;
+    minDate: string | undefined;
+    maxDate: string | undefined;
     format: string;
+    minMaxAuto: boolean;
 }): CheckValueResponse;
 export declare function isValueDisabledWeekly({ value, disabledWeekly, }: {
     value: string;

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;
@@ -249,18 +241,18 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly modelValue?: boolean | undefined;
-                readonly position?: import('./MazPopover.vue').PopoverPosition | undefined;
-                readonly preferPosition?: import('./MazPopover.vue').PopoverPosition | undefined;
-                readonly fallbackPosition?: import('./MazPopover.vue').PopoverPosition | undefined;
-                readonly trigger?: import('./MazPopover.vue').PopoverTrigger | undefined;
-                readonly role?: import('./MazPopover.vue').PopoverRole | 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?: string | undefined;
+                readonly transition?: "scale-pop" | "scale-fade" | string | undefined;
                 readonly teleportTo?: string | undefined;
                 readonly overlayClass?: HTMLAttributes["class"];
                 readonly panelClass?: HTMLAttributes["class"];
@@ -275,12 +267,13 @@ declare function __VLS_template(): {
                 readonly trapFocus?: boolean | undefined;
                 readonly keepOpenOnHover?: boolean | undefined;
                 readonly block?: boolean | undefined;
-                readonly positionDelay?: number | 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;
@@ -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)[];
@@ -338,11 +333,7 @@ declare function __VLS_template(): {
             };
             $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 : (... /**
-             * CSS selector for a custom element that triggers the picker
-             * @type {string}
-             * @example '#my-button', '.trigger-class'
-             */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            $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<{
@@ -351,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;
@@ -364,6 +356,7 @@ declare function __VLS_template(): {
                     close: () => void;
                     toggle: () => void;
                     isOpen: boolean;
+                    trigger: "click" | "hover" | "manual";
                 }): any;
                 default?(_: {
                     open: () => void;
@@ -392,22 +385,24 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     color: MazColor;
     disabled: boolean;
     open: boolean;
+    format: string;
+    transition: string;
+    shortcuts: MazDatePickerShortcut[] | boolean;
     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').PopoverPosition;
+    pickerPosition: import('./MazPopover.vue').MazPopoverPosition;
     onlyTime: boolean;
     useBrowserLocale: boolean;
     fetchLocal: boolean;
@@ -417,18 +412,18 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $data: {};
         $props: {
             readonly modelValue?: boolean | undefined;
-            readonly position?: import('./MazPopover.vue').PopoverPosition | undefined;
-            readonly preferPosition?: import('./MazPopover.vue').PopoverPosition | undefined;
-            readonly fallbackPosition?: import('./MazPopover.vue').PopoverPosition | undefined;
-            readonly trigger?: import('./MazPopover.vue').PopoverTrigger | undefined;
-            readonly role?: import('./MazPopover.vue').PopoverRole | 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?: string | undefined;
+            readonly transition?: "scale-pop" | "scale-fade" | string | undefined;
             readonly teleportTo?: string | undefined;
             readonly overlayClass?: HTMLAttributes["class"];
             readonly panelClass?: HTMLAttributes["class"];
@@ -443,12 +438,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly trapFocus?: boolean | undefined;
             readonly keepOpenOnHover?: boolean | undefined;
             readonly block?: boolean | undefined;
-            readonly positionDelay?: number | 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;
@@ -465,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;
@@ -475,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;
@@ -487,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)[];
@@ -506,11 +504,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         };
         $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 : (... /**
-         * CSS selector for a custom element that triggers the picker
-         * @type {string}
-         * @example '#my-button', '.trigger-class'
-         */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        $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<{
@@ -519,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;
@@ -532,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/MazDialogConfirm/useMazDialogConfirm.d.ts

@@ -0,0 +1,47 @@
+import { Ref } from 'vue';
+import { MazBtnProps } from '../MazBtn.vue';
+import { MazDialogConfirmInternalProps } from '../MazDialogConfirm.vue';
+export interface MazDialogConfirmState {
+    id: string;
+    isActive: boolean;
+    accept: (value: unknown) => void;
+    reject?: (reason?: unknown) => void;
+}
+export interface MazDialogConfirmButtonAction extends Omit<MazBtnProps, 'type'> {
+    type: never;
+    text?: string;
+    onClick: () => unknown;
+}
+export interface MazDialogConfirmButtonPromised extends Omit<MazBtnProps, 'type'> {
+    text?: string;
+    type: 'accept' | 'reject';
+    response?: unknown;
+}
+export type MazDialogConfirmButton = MazDialogConfirmButtonPromised | MazDialogConfirmButtonAction;
+export type MazDialogConfirmData = Omit<MazDialogConfirmInternalProps, 'identifier'>;
+export declare const defaultData: {
+    buttons: undefined;
+    acceptText: 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(): {
+    data: Ref<MazDialogConfirmData, MazDialogConfirmData>;
+    dialogState: Ref<MazDialogConfirmState[], MazDialogConfirmState[]>;
+    showDialogAndWaitChoice: typeof showDialogAndWaitChoice;
+    reject: (currentDialog: MazDialogConfirmState, response?: unknown, onClick?: () => unknown) => Promise<unknown>;
+    accept: (currentDialog: MazDialogConfirmState, response?: unknown, onClick?: () => unknown) => Promise<unknown>;
+};
+export {};