@club-employes/utopia/dist/components/molecules/Modal/Modal.d.ts

🎨 Modern Vue 3 design system with multi-brand theming, design tokens, and 30+ components. Supports Club Employés & Gifteo brands with light/dark modes.

import { nextTick, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
import { ModalProps, ModalChangeReason, ModalSize, ModalAnimation, ModalPosition, ModalMobileBehavior } from './types';
import { ButtonProps } from '../../..';
import { OnCleanup } from '@vue/reactivity';
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        header?(_: {}): any;
        default?(_: {}): any;
        footer?(_: {}): any;
    };
    refs: {
        panelRef: HTMLDivElement;
        closeButtonRef: ({
            $: ComponentInternalInstance;
            $data: {};
            $props: {
                readonly variant?: "primary" | "secondary" | "tertiary" | undefined;
                readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
                readonly disabled?: boolean | undefined;
                readonly loading?: boolean | undefined;
                readonly icon?: string | undefined;
                readonly iconPosition?: "left" | "right" | undefined;
                readonly ariaLabel?: string | undefined;
                readonly onClick?: ((event: MouseEvent) => any) | undefined;
            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            };
            $slots: Readonly<{
                [name: string]: Slot<any> | undefined;
            }>;
            $root: ComponentPublicInstance | null;
            $parent: ComponentPublicInstance | null;
            $host: Element | null;
            $emit: (event: "click", event: MouseEvent) => void;
            $el: HTMLButtonElement;
            $options: ComponentOptionsBase<Readonly< ButtonProps> & Readonly<{
                onClick?: ((event: MouseEvent) => any) | undefined;
            }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
                click: (event: MouseEvent) => any;
            }, string, {
                size: "xs" | "sm" | "md" | "lg" | "xl";
                variant: "primary" | "secondary" | "tertiary";
                disabled: boolean;
                loading: boolean;
                iconPosition: "left" | "right";
                ariaLabel: string;
            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
        } & Readonly<{
            size: "xs" | "sm" | "md" | "lg" | "xl";
            variant: "primary" | "secondary" | "tertiary";
            disabled: boolean;
            loading: boolean;
            iconPosition: "left" | "right";
            ariaLabel: string;
        }> & Omit<Readonly< ButtonProps> & Readonly<{
            onClick?: ((event: MouseEvent) => any) | undefined;
        }>, "size" | "variant" | "disabled" | "loading" | "iconPosition" | "ariaLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
            $slots: {
                default?(_: {}): any;
            };
        }) | null;
    };
    rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: DefineComponent<ModalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:open": (value: boolean) => any;
    openChange: (open: boolean, reason: ModalChangeReason) => any;
}, string, PublicProps, Readonly<ModalProps> & Readonly<{
    "onUpdate:open"?: ((value: boolean) => any) | undefined;
    onOpenChange?: ((open: boolean, reason: ModalChangeReason) => any) | undefined;
}>, {
    title: string;
    size: ModalSize;
    closeOnOverlayClick: boolean;
    disableScrollLock: boolean;
    animation: ModalAnimation;
    position: ModalPosition;
    showCloseButton: boolean;
    showHeader: boolean;
    showFooter: boolean;
    focusTrap: boolean;
    blurBackdrop: boolean;
    mobileBehavior: ModalMobileBehavior;
}, {}, {}, {}, string, ComponentProvideOptions, false, {
    panelRef: HTMLDivElement;
    closeButtonRef: ({
        $: ComponentInternalInstance;
        $data: {};
        $props: {
            readonly variant?: "primary" | "secondary" | "tertiary" | undefined;
            readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
            readonly disabled?: boolean | undefined;
            readonly loading?: boolean | undefined;
            readonly icon?: string | undefined;
            readonly iconPosition?: "left" | "right" | undefined;
            readonly ariaLabel?: string | undefined;
            readonly onClick?: ((event: MouseEvent) => any) | undefined;
        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: Slot<any> | undefined;
        }>;
        $root: ComponentPublicInstance | null;
        $parent: ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: "click", event: MouseEvent) => void;
        $el: HTMLButtonElement;
        $options: ComponentOptionsBase<Readonly< ButtonProps> & Readonly<{
            onClick?: ((event: MouseEvent) => any) | undefined;
        }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
            click: (event: MouseEvent) => any;
        }, string, {
            size: "xs" | "sm" | "md" | "lg" | "xl";
            variant: "primary" | "secondary" | "tertiary";
            disabled: boolean;
            loading: boolean;
            iconPosition: "left" | "right";
            ariaLabel: string;
        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
    } & Readonly<{
        size: "xs" | "sm" | "md" | "lg" | "xl";
        variant: "primary" | "secondary" | "tertiary";
        disabled: boolean;
        loading: boolean;
        iconPosition: "left" | "right";
        ariaLabel: string;
    }> & Omit<Readonly< ButtonProps> & Readonly<{
        onClick?: ((event: MouseEvent) => any) | undefined;
    }>, "size" | "variant" | "disabled" | "loading" | "iconPosition" | "ariaLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
        $slots: {
            default?(_: {}): 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;
    };
};