import * as react_jsx_runtime from 'react/jsx-runtime';
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
import { ElementProps, FCC } from '../../types/index.js';
import * as React from 'react';
import { Root, Content, Overlay } from '../dialog/index.js';
import { DialogProps } from '../dialog/dialog.js';
import { DialogTriggerProps } from '../dialog/dialog-trigger.js';
import { DialogCloseProps } from '../dialog/dialog-close.js';
import { DialogPortalProps } from '../dialog/dialog-portal.js';
import { DialogTitleProps } from '../dialog/dialog-title.js';
import { DialogDescriptionProps } from '../dialog/dialog-description.js';
import '../dialog/dialog-content.js';
import '@radix-ui/react-dismissable-layer';
import '@radix-ui/react-focus-scope';
import '@radix-ui/react-primitive';
import '../dialog/dialog-overlay.js';
import '@radix-ui/react-portal';

interface DrawerProps extends ElementProps<typeof Root> {
}
declare const Drawer: FCC<DialogProps>;
declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
declare const DrawerClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
declare const DrawerPortal: React.FC<DialogPortalProps>;
declare const drawerOverlayVariants: tailwind_variants.TVReturnType<{
    blur: {
        true: string;
    };
}, undefined, "bg-overlay/70 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0  data-[state=open]:fade-in-0 fixed inset-0 z-100", tailwind_variants_dist_config.TVConfig<{
    blur: {
        true: string;
    };
}, {
    blur: {
        true: string;
    };
}>, {
    blur: {
        true: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    blur: {
        true: string;
    };
}, undefined, "bg-overlay/70 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0  data-[state=open]:fade-in-0 fixed inset-0 z-100", tailwind_variants_dist_config.TVConfig<{
    blur: {
        true: string;
    };
}, {
    blur: {
        true: string;
    };
}>, unknown, unknown, undefined>>;
interface DrawerOverlayProps extends ElementProps<typeof Overlay>, VariantProps<typeof drawerOverlayVariants> {
}
declare const DrawerOverlay: React.ForwardRefExoticComponent<DrawerOverlayProps & React.RefAttributes<HTMLDivElement>>;
declare const drawerVariants: tailwind_variants.TVReturnType<{
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}, undefined, "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-100 gap-4 p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", tailwind_variants_dist_config.TVConfig<{
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}, {
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}>, {
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}, undefined, "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-100 gap-4 p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", tailwind_variants_dist_config.TVConfig<{
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}, {
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}>, unknown, unknown, undefined>>;
interface DrawerContentProps extends ElementProps<typeof Content>, VariantProps<typeof drawerVariants> {
    hideOverlay?: boolean;
    hideCloseIcon?: boolean;
    blur?: boolean;
}
declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
declare const DrawerHeader: {
    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
    displayName: string;
};
declare const DrawerFooter: {
    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
    displayName: string;
};
declare const DrawerTitle: React.ForwardRefExoticComponent<ElementProps<React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>> & React.RefAttributes<HTMLHeadingElement>>;
declare const DrawerDescription: React.ForwardRefExoticComponent<ElementProps<React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>> & React.RefAttributes<HTMLParagraphElement>>;

export { Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, DrawerTitle, DrawerTrigger };