@kopexa/sight/dist/components/dialog/dialog.d.ts

Kopexa Sight Design System — React component library for GRC applications

import * as react_jsx_runtime from 'react/jsx-runtime';
import { Dialog } from '@base-ui/react/dialog';
import { DialogVariantProps, dialog } from '@kopexa/theme';
import { ComponentProps } from 'react';

type DialogContextValue = {
    styles: ReturnType<typeof dialog>;
    open: boolean;
    placement?: "top" | "bottom" | "left" | "right";
    size?: DialogVariantProps["size"];
    radius?: DialogVariantProps["radius"];
};
declare const useDialogContext: () => DialogContextValue;

type DialogRootProps = Omit<ComponentProps<typeof Dialog.Root>, "onOpenChange"> & DialogVariantProps & {
    onOpenChange?: (open: boolean) => void;
};
declare const DialogRoot: (props: DialogRootProps) => react_jsx_runtime.JSX.Element;
type DialogTriggerProps = ComponentProps<typeof Dialog.Trigger>;
declare function DialogTrigger({ ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
type DialogPortalProps = ComponentProps<typeof Dialog.Portal>;
declare function DialogPortal({ ...props }: DialogPortalProps): react_jsx_runtime.JSX.Element;
type DialogCloseProps = ComponentProps<typeof Dialog.Close>;
declare function DialogClose({ ...props }: DialogCloseProps): react_jsx_runtime.JSX.Element;
type DialogOverlayProps = ComponentProps<typeof Dialog.Backdrop>;
declare function DialogOverlay({ className, ...props }: DialogOverlayProps): react_jsx_runtime.JSX.Element;
type DialogContentProps = ComponentProps<typeof Dialog.Popup> & {
    showCloseButton?: boolean;
};
declare function DialogContent({ className, children, showCloseButton, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
type DialogHeaderProps = ComponentProps<"div">;
declare function DialogHeader({ className, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
type DialogFooterProps = ComponentProps<"div">;
declare function DialogFooter({ className, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
type DialogBodyProps = ComponentProps<"div">;
declare function DialogBody({ className, ...props }: DialogBodyProps): react_jsx_runtime.JSX.Element;
type DialogTitleProps = ComponentProps<typeof Dialog.Title>;
declare function DialogTitle({ className, ...props }: DialogTitleProps): react_jsx_runtime.JSX.Element;
type DialogDescriptionProps = ComponentProps<typeof Dialog.Description>;
declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
type DialogCloseTriggerProps = ComponentProps<typeof Dialog.Close>;
declare function DialogCloseTrigger({ className, ...props }: DialogCloseTriggerProps): react_jsx_runtime.JSX.Element;

export { DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogCloseTrigger, type DialogCloseTriggerProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, DialogRoot, type DialogRootProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, useDialogContext };