maz-ui 4.1.7 → 4.1.8-beta.1

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

@@ -1,36 +0,0 @@
-import { PropType } from 'vue';
-import { MazColor } from '../types';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    color: {
-        type: PropType<MazColor>;
-        required: true;
-    };
-    locale: {
-        type: StringConstructor;
-        required: true;
-    };
-    calendarDate: {
-        type: StringConstructor;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-    "update:calendar-date": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    color: {
-        type: PropType<MazColor>;
-        required: true;
-    };
-    locale: {
-        type: StringConstructor;
-        required: true;
-    };
-    calendarDate: {
-        type: StringConstructor;
-        required: true;
-    };
-}>> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:calendar-date"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;

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

@@ -1,14 +0,0 @@
-export interface MazDatePickerRangeValue {
-    start: string;
-    end: string;
-}
-export type MazDatePickerPartialRangeValue = Partial<MazDatePickerRangeValue>;
-export type MazDatePickerValue = string | undefined | MazDatePickerPartialRangeValue;
-export interface MazDatePickerShortcut {
-    identifier: string;
-    label: string;
-    value: {
-        start: string;
-        end: string;
-    };
-}

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

@@ -1,61 +0,0 @@
-import { MazUiTranslationsNestedSchema } from '@maz-ui/translations';
-import { ConfigType, OpUnitType } from 'dayjs';
-import { MazDatePickerPartialRangeValue, MazDatePickerValue } from './types';
-export type DateTimeFormatOptions = Pick<Intl.DateTimeFormatOptions, 'hour12' | 'dateStyle' | 'timeStyle' | 'timeZone'>;
-export declare function getFormattedDate({ value, locale, options, }: {
-    value?: string;
-    locale: string;
-    options?: Intl.DateTimeFormatOptions;
-}): string | undefined;
-export declare function getRangeFormattedDate({ value, locale, options, }: {
-    value: MazDatePickerPartialRangeValue;
-    locale: string;
-    options: Intl.DateTimeFormatOptions;
-}): string | undefined;
-export declare function getFirstDayOfMonth(value: ConfigType): number;
-export declare function getDaysOfWeek(locale: string, firstDayOfWeek: number): string[];
-export declare function getDaysInMonth(date: ConfigType): number;
-export declare function isToday(date: ConfigType): boolean;
-export declare function isSameDate(date: ConfigType, date2: ConfigType, unit: OpUnitType): boolean;
-export declare function isSmaller(date: ConfigType, date2: ConfigType): boolean;
-export declare function isSameDay(date: ConfigType, dayNumber: number): boolean;
-export declare function getISODate(value?: ConfigType, format?: string): string | undefined;
-export declare function getRangeISODate(value?: MazDatePickerPartialRangeValue, format?: string): {
-    start: string | undefined;
-    end: string | undefined;
-} | undefined;
-interface CheckValueResponse {
-    newValue?: string;
-    newCurrentDate?: 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;
-    disabledWeekly: number[];
-}): boolean;
-export declare function isValueDisabledDate({ value, disabledDates, }: {
-    value: string;
-    disabledDates: string[];
-}): boolean;
-export declare function scrollToTarget(scrollContainer: HTMLElement, target: HTMLElement, offset?: number, hasSmoothEffect?: boolean): void;
-export declare function findNearestNumberInList(list: number[], number: number): number;
-export declare function convertHour24to12Format(baseHour: number): number;
-export declare function convertHour12to24Format(baseHour: number): number;
-export declare function convert12To24TimeFormat(timeStr: string): string;
-export declare function isRangeValue(value: MazDatePickerValue): value is MazDatePickerPartialRangeValue;
-export declare function isValidDate(value: unknown): value is ConfigType;
-export declare function getDefaultsShortcuts(t: MazUiTranslationsNestedSchema['datePicker']['shortcuts']): {
-    label: string;
-    identifier: string;
-    value: {
-        start: string;
-        end: string;
-    };
-}[];
-export {};

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

@@ -1,567 +0,0 @@
-import { HTMLAttributes } from 'vue';
-import { MazDatePickerShortcut, MazDatePickerValue } from './MazDatePicker/types';
-import { MazInputProps } from './MazInput.vue';
-import { MazPopoverProps } from './MazPopover.vue';
-import { MazColor } from './types';
-type __VLS_Props = MazDatePickerProps;
-export type { MazDatePickerPartialRangeValue, MazDatePickerRangeValue, MazDatePickerShortcut, MazDatePickerValue } from './MazDatePicker/types';
-export interface MazDatePickerProps {
-    /**
-     * The unique identifier of the component
-     * @type {string}
-     */
-    id?: string;
-    /**
-     * The inline style object for the component
-     * @type {HTMLAttributes['style']}
-     */
-    style?: HTMLAttributes['style'];
-    /**
-     * The CSS class(es) to apply to the component
-     * @type {HTMLAttributes['class']}
-     */
-    class?: HTMLAttributes['class'];
-    /**
-     * The props to apply to the input component
-     * @default undefined
-     * @type {MazInputProps}
-     */
-    inputProps?: MazInputProps;
-    /**
-     * The value of the date picker component
-     * If an object is provided, the picker will be a range picker
-     * @type {MazDatePickerValue}
-     * @default undefined
-     */
-    modelValue?: MazDatePickerValue;
-    /**
-     * The format pattern for date display and parsing
-     * @type {string}
-     * @default 'YYYY-MM-DD'
-     * @example 'YYYY-MM-DD', 'DD/MM/YYYY', 'YYYY-MM-DD HH:mm'
-     */
-    format?: string;
-    /**
-     * Controls whether the picker window is open
-     * @type {boolean}
-     * @default false
-     * @model
-     */
-    open?: boolean;
-    /**
-     * The label text displayed above the input field
-     * @type {string}
-     */
-    label?: string;
-    /**
-     * The placeholder text shown when no value is selected
-     * @type {string}
-     */
-    placeholder?: string;
-    /**
-     * The Intl.DateTimeFormatOptions for styling the input date display
-     * @type {Intl.DateTimeFormatOptions}
-     * @default { dateStyle: 'medium', timeStyle: 'short' }
-     */
-    inputDateFormat?: Intl.DateTimeFormatOptions;
-    /**
-     * Custom function to transform the formatted date display
-     * @type {Function}
-     * @param {object} payload - The transformation payload
-     * @param {string} payload.formattedDate - The formatted date string
-     * @param {MazDatePickerValue} payload.value - The current picker value
-     * @param {string} payload.locale - The current locale
-     * @returns {string} The transformed date string
-     */
-    inputDateTransformer?: (payload: {
-        formattedDate?: string;
-        value?: MazDatePickerValue;
-        locale: string;
-    }) => string;
-    /**
-     * The locale string for date formatting and localization
-     * @example 'en-US', 'fr-FR', 'de-DE'
-     */
-    locale?: string;
-    /**
-     * Controls whether the calendar header is hidden
-     * @default false
-     */
-    hideHeader?: boolean;
-    /**
-     * Controls whether the component is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The first day of the week in the calendar
-     * @values 0, 1, 2, 3, 4, 5, 6
-     * @default 0
-     * @example 0 (Sunday), 1 (Monday), 6 (Saturday)
-     */
-    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    /**
-     * Controls whether the picker closes automatically after date selection
-     * @default false
-     */
-    autoClose?: boolean;
-    /**
-     * CSS selector for a custom element that triggers the picker
-     * @example '#my-button', '.trigger-class'
-     */
-    customElementSelector?: string;
-    /**
-     * Controls whether the picker displays two months side by side
-     * @default false
-     */
-    double?: boolean;
-    /**
-     * Controls whether the picker is displayed inline without input field
-     * @default false
-     */
-    inline?: boolean;
-    /**
-     * The color theme of the component
-     * @type {MazColor}
-     * @values primary, secondary, success, destructive, warning, info, accent, contrast
-     * @default 'primary'
-     */
-    color?: MazColor;
-    /**
-     * The position where the picker popover should appear
-     * @type {MazPopoverProps['position']}
-     * @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'];
-    /**
-     * The preferred position of the picker popover
-     * @type {MazPopoverProps['preferPosition']}
-     * @values top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start
-     * @default 'bottom-start'
-     */
-    pickerPreferPosition?: MazPopoverProps['preferPosition'];
-    /**
-     * The fallback position of the picker popover
-     * @type {MazPopoverProps['fallbackPosition']}
-     * @values top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start
-     * @default 'top-start'
-     */
-    pickerFallbackPosition?: MazPopoverProps['fallbackPosition'];
-    /**
-     * Controls whether the picker includes a time selector
-     * @default false
-     */
-    time?: boolean;
-    /**
-     * Controls whether the picker shows only time selection (no date)
-     * @default false
-     */
-    onlyTime?: boolean;
-    /**
-     * The interval in minutes for the time picker minute selection
-     * @default 5
-     * @values 1, 5, 10, 15, 30
-     */
-    minuteInterval?: number;
-    /**
-     * Controls whether to automatically detect and use the browser's locale
-     * @default true
-     */
-    useBrowserLocale?: boolean;
-    /**
-     * Controls whether to fetch locale data dynamically
-     * @default true
-     */
-    fetchLocal?: boolean;
-    /**
-     * Array of predefined date range shortcuts or false to disable
-     * @type {MazDatePickerShortcut[] | false}
-     * @default [predefined shortcuts array]
-     */
-    shortcuts?: MazDatePickerShortcut[] | boolean;
-    /**
-     * The identifier of the currently selected shortcut
-     * @type {MazDatePickerShortcut['identifier']}
-     */
-    shortcut?: MazDatePickerShortcut['identifier'];
-    /**
-     * The minimum selectable date in ISO format
-     * @example '2023-01-01'
-     */
-    minDate?: string;
-    /**
-     * The maximum selectable date in ISO format
-     * @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)
-     * @default []
-     * @example [0, 6] to disable weekends
-     */
-    disabledWeekly?: number[];
-    /**
-     * Array of specific dates to disable in ISO format
-     * @default []
-     * @example ['2023-12-25', '2024-01-01']
-     */
-    disabledDates?: string[];
-    /**
-     * Array of hour numbers to disable in the time picker (0-23)
-     * @default []
-     * @example [0, 1, 2, 22, 23] to disable night hours
-     */
-    disabledHours?: number[];
-    /**
-     * Controls whether the input displays in full width
-     * @default false
-     */
-    block?: boolean;
-    /**
-     * Controls whether the picker operates in range selection mode
-     * @default false
-     */
-    range?: boolean;
-    /**
-     * The transition name of the popover
-     * @type {MazPopoverProps['transition']}
-     * @default 'scale-fade'
-     */
-    transition?: MazPopoverProps['transition'];
-}
-declare const __VLS_defaults: {
-    locale: undefined;
-    open: boolean;
-};
-type __VLS_PublicProps = {
-    'locale'?: string;
-    'open'?: typeof __VLS_defaults['open'];
-} & __VLS_Props;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        trigger?(_: {
-            isOpen: boolean;
-            close: () => void;
-            open: () => void;
-            toggle: () => void;
-        }): any;
-    };
-    refs: {
-        popover: ({
-            $: 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;
-            }, {}, {}, {}, 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"> & import('vue').ShallowUnwrapRef<{
-            open: () => void;
-            close: () => void;
-            toggle: () => void;
-            isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
-            updatePosition: () => void;
-        }> & {} & 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>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: (args_0: void) => any;
-    "update:model-value": (value: MazDatePickerValue) => any;
-    "update:locale": (value: string) => any;
-    "update:open": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: ((args_0?: void | undefined) => any) | undefined;
-    "onUpdate:model-value"?: ((value: MazDatePickerValue) => any) | undefined;
-    "onUpdate:locale"?: ((value: string) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {
-    time: boolean;
-    color: MazColor;
-    disabled: boolean;
-    open: (typeof __VLS_defaults)["open"];
-    format: string;
-    transition: string;
-    double: boolean;
-    inline: boolean;
-    range: boolean;
-    shortcuts: MazDatePickerShortcut[] | boolean;
-    minDate: string;
-    maxDate: string;
-    minMaxAuto: boolean;
-    disabledWeekly: number[];
-    disabledDates: string[];
-    firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    minuteInterval: number;
-    disabledHours: number[];
-    hideHeader: boolean;
-    inputDateFormat: Intl.DateTimeFormatOptions;
-    autoClose: boolean;
-    pickerPosition: import('./MazPopover.vue').MazPopoverPosition;
-    pickerPreferPosition: import('./MazPopover.vue').MazPopoverPreferPosition;
-    pickerFallbackPosition: import('./MazPopover.vue').MazPopoverFallbackPosition;
-    onlyTime: boolean;
-    useBrowserLocale: boolean;
-    fetchLocal: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    popover: ({
-        $: 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;
-        }, {}, {}, {}, 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"> & import('vue').ShallowUnwrapRef<{
-        open: () => void;
-        close: () => void;
-        toggle: () => void;
-        isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
-        updatePosition: () => void;
-    }> & {} & 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 & {
-    new (): {
-        $slots: S;
-    };
-};