@fidely-ui/react/dist/components/dialog/dialog.d.ts

Fidely UI is a modern, beautifully crafted React design system powered by Ark UI and Panda CSS, delivering accessible and themeable components for building exceptional web apps

import { type Assign } from '@ark-ui/react';
import { HTMLArkProps } from '@ark-ui/react/factory';
import { Dialog as ArkDialog } from '@ark-ui/react/dialog';
import { type DialogVariantProps } from '@fidely-ui/styled-system/recipes';
import { type HTMLStyledProps } from '@fidely-ui/styled-system/types';
export interface DialogRootProviderProps extends Assign<ArkDialog.RootProviderProps, DialogVariantProps> {
}
export declare const DialogRootProvider: {
    (props: DialogRootProviderProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export interface DialogRootProps extends Assign<ArkDialog.RootProps, DialogVariantProps> {
}
export declare const DialogRoot: {
    (props: DialogRootProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export interface DialogContentProps extends Assign<HTMLStyledProps<'div'>, ArkDialog.ContentBaseProps> {
}
export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface DialogDescriptionProps extends Assign<HTMLStyledProps<'div'>, ArkDialog.DescriptionBaseProps> {
}
export declare const DialogDescription: import("react").ForwardRefExoticComponent<Omit<DialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface DialogTitleProps extends Assign<HTMLStyledProps<'h2'>, ArkDialog.TitleBaseProps> {
}
export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
export interface DialogCloseTriggerProps extends Assign<HTMLStyledProps<'button'>, ArkDialog.CloseTriggerBaseProps> {
}
export declare const DialogCloseTrigger: import("react").ForwardRefExoticComponent<Omit<DialogCloseTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
export interface DialogTriggerProps extends Assign<HTMLStyledProps<'button'>, ArkDialog.TriggerBaseProps> {
}
export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<DialogTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
export interface DialogCloseActionProps extends HTMLArkProps<'button'> {
}
export declare const DialogCloseAction: import("react").ForwardRefExoticComponent<DialogCloseActionProps & import("react").RefAttributes<HTMLButtonElement>>;
export interface DialogPositionerProps extends Assign<HTMLStyledProps<'div'>, ArkDialog.PositionerBaseProps> {
}
export declare const DialogPositioner: import("react").ForwardRefExoticComponent<Omit<DialogPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface DialogBackdropProps extends Assign<HTMLStyledProps<'div'>, ArkDialog.BackdropBaseProps> {
}
export declare const DialogBackdrop: import("react").ForwardRefExoticComponent<Omit<DialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface DialogBodyProps extends HTMLStyledProps<'div'> {
}
export declare const DialogBody: import("react").ForwardRefExoticComponent<Omit<DialogBodyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface DialogHeaderProps extends HTMLStyledProps<'div'> {
}
export declare const DialogHeader: import("react").ForwardRefExoticComponent<Omit<DialogHeaderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface DialogFooterProps extends HTMLStyledProps<'div'> {
}
export declare const DialogFooter: import("react").ForwardRefExoticComponent<Omit<DialogFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export declare const DialogContext: (props: ArkDialog.ContextProps) => import("react").ReactNode;
export interface DialogOpenChangeDetails extends ArkDialog.OpenChangeDetails {
}