@vela-ui/react/dist/components/modal.d.ts

Vela UI React components

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import { ModalOverlayProps, Modal as Modal$1, ModalOverlay as ModalOverlay$1 } from 'react-aria-components';

declare const modalOverlayVariants: tailwind_variants.TVReturnType<{
    placement: {
        top: string;
        center: string;
        bottom: string;
    };
    scrollBehavior: {
        inside: string;
        outside: string;
    };
    isEntering: {
        true: string;
    };
    isExiting: {
        true: string;
    };
}, undefined, "fixed top-0 left-0 isolate z-50 flex w-full items-center justify-center bg-black/50 duration-200", {
    placement: {
        top: string;
        center: string;
        bottom: string;
    };
    scrollBehavior: {
        inside: string;
        outside: string;
    };
    isEntering: {
        true: string;
    };
    isExiting: {
        true: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    placement: {
        top: string;
        center: string;
        bottom: string;
    };
    scrollBehavior: {
        inside: string;
        outside: string;
    };
    isEntering: {
        true: string;
    };
    isExiting: {
        true: string;
    };
}, undefined, "fixed top-0 left-0 isolate z-50 flex w-full items-center justify-center bg-black/50 duration-200", unknown, unknown, undefined>>;
declare const modalVariants: tailwind_variants.TVReturnType<{
    scrollBehavior: {
        inside: string;
        outside: string;
    };
    isEntering: {
        true: string;
    };
    isExiting: {
        true: string;
    };
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        "3xl": string;
        "4xl": string;
        "5xl": string;
        full: string;
    };
}, undefined, "bg-background my-16 w-full max-w-[calc(100%-2rem)] rounded-lg border shadow-lg transition duration-200", {
    scrollBehavior: {
        inside: string;
        outside: string;
    };
    isEntering: {
        true: string;
    };
    isExiting: {
        true: string;
    };
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        "3xl": string;
        "4xl": string;
        "5xl": string;
        full: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    scrollBehavior: {
        inside: string;
        outside: string;
    };
    isEntering: {
        true: string;
    };
    isExiting: {
        true: string;
    };
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        "3xl": string;
        "4xl": string;
        "5xl": string;
        full: string;
    };
}, undefined, "bg-background my-16 w-full max-w-[calc(100%-2rem)] rounded-lg border shadow-lg transition duration-200", unknown, unknown, undefined>>;
declare function ModalOverlay({ className, placement, scrollBehavior, ...props }: React.ComponentProps<typeof ModalOverlay$1> & VariantProps<typeof modalOverlayVariants>): react_jsx_runtime.JSX.Element;
declare function Modal({ className, size, scrollBehavior, ...props }: React.ComponentProps<typeof Modal$1> & VariantProps<typeof modalVariants>): react_jsx_runtime.JSX.Element;
interface ModalContentProps extends ModalOverlayProps, VariantProps<typeof modalVariants> {
    isDismissable?: boolean;
    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full";
    placement?: "top" | "center" | "bottom";
    scrollBehavior?: "inside" | "outside";
    overlayClassName?: ModalOverlayProps["className"];
}
declare function ModalContent({ className, overlayClassName, isDismissable, size, placement, scrollBehavior, ...props }: ModalContentProps): react_jsx_runtime.JSX.Element;

export { Modal, ModalContent, type ModalContentProps, ModalOverlay };