/**
 * Scalar Modal component
 *
 * A dialog overlay with configurable size and variant.
 * Use the {@link useModal} hook to control the open state.
 *
 * @example
 * <ScalarModal :state="modal" title="My Modal">
 *   Modal content
 * </ScalarModal>
 */
declare const _default: typeof __VLS_export;
export default _default;
/** Hook for creating a reactive modal state */
export declare function useModal(): {
    open: boolean;
    show: () => void;
    hide: () => void;
};
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
    state: ReturnType<typeof useModal>;
    title?: string;
    bodyClass?: string;
    maxWidth?: string;
    size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs" | undefined;
    variant?: "form" | "search" | "error" | undefined;
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
    close: () => any;
}, string, import("vue").PublicProps, Readonly<{
    state: ReturnType<typeof useModal>;
    title?: string;
    bodyClass?: string;
    maxWidth?: string;
    size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "xxs" | undefined;
    variant?: "form" | "search" | "error" | undefined;
}> & Readonly<{
    onClose?: (() => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
    default?: (props: {}) => any;
} & {
    default?: (props: {}) => any;
}>;
type __VLS_WithSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
//# sourceMappingURL=ScalarModal.vue.d.ts.map