@cerberus-design/react
Version:
The Cerberus Design React component library.
58 lines (57 loc) • 3.3 kB
TypeScript
import { Dialog, DialogBackdropProps as ArkDialogBackdropProps, DialogContentProps as ArkDialogContentProps, DialogDescriptionProps as ArkDialogDescriptionProps, DialogPositionerProps as ArkDialogPositionerProps, DialogRootProps as ArkDialogRootProps, DialogTitleProps as ArkDialogTitleProps, DialogTriggerProps as ArkDialogTriggerProps } from '@ark-ui/react/dialog';
import { DialogVariantProps } from 'styled-system/recipes';
import { CerberusPrimitiveProps } from '../../system/index';
import { ForwardRefExoticComponent, RefAttributes } from 'react';
/**
* The provider that controls the dialog components.
*/
export type DialogRootProps = CerberusPrimitiveProps<ArkDialogRootProps>;
export declare const DialogRoot: {
(props: CerberusPrimitiveProps<Dialog.RootProps>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* An abstraction of the DialogRoot component for naming consistency.
*/
export declare const DialogProvider: {
(props: CerberusPrimitiveProps<Dialog.RootProps>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The trigger that opens the dialog.
*/
export type DialogTriggerProps = CerberusPrimitiveProps<ArkDialogTriggerProps>;
export declare const DialogTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The overlay of the dialog.
*/
export type DialogBackdropProps = CerberusPrimitiveProps<ArkDialogBackdropProps>;
export declare const DialogBackdrop: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.BackdropProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The container that positions the dialog.
*/
export type DialogPositionerProps = CerberusPrimitiveProps<ArkDialogPositionerProps>;
export declare const DialogPositioner: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.PositionerProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The visible content of the dialog.
*/
export type DialogContentProps = CerberusPrimitiveProps<ArkDialogContentProps & DialogVariantProps>;
export declare const DialogContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The heading of the dialog.
*/
export type DialogHeadingProps = CerberusPrimitiveProps<ArkDialogTitleProps>;
export declare const DialogHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.TitleProps & RefAttributes<HTMLHeadingElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The description of the dialog.
*/
export type DialogDescriptionProps = CerberusPrimitiveProps<ArkDialogDescriptionProps>;
export declare const DialogDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.DescriptionProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The trigger that closes the dialog.
*/
export type DialogCloseTriggerProps = CerberusPrimitiveProps<ArkDialogTriggerProps>;
export declare const DialogCloseTrigger: {
(props: CerberusPrimitiveProps<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};