@spark-ui/components 12.2.0 → 13.0.1-beta.0

package/dist/DialogTrigger-8oDlAJjU.d.mts

@@ -0,0 +1,142 @@
+import { Dialog as Dialog$1 } from 'radix-ui';
+import { ReactElement, ReactNode, Ref } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+interface DialogProps {
+    /**
+     * Children of the component.
+     */
+    children?: Dialog$1.DialogProps['children'];
+    /**
+     * Specifies if the dialog is open or not.
+     */
+    open?: Dialog$1.DialogProps['open'];
+    /**
+     * Default open state.
+     */
+    defaultOpen?: Dialog$1.DialogProps['defaultOpen'];
+    /**
+     * Handler executen on every dialog open state change.
+     */
+    onOpenChange?: Dialog$1.DialogProps['onOpenChange'];
+    /**
+     * Specifies if the dialog is a modal.
+     */
+    modal?: Dialog$1.DialogProps['modal'];
+    /**
+     * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).
+     */
+    withFade?: boolean;
+}
+declare const Dialog: {
+    ({ children, withFade, ...rest }: DialogProps): ReactElement;
+    displayName: string;
+};
+
+interface BodyProps {
+    children: ReactNode;
+    className?: string;
+    tabIndex?: number;
+    ref?: Ref<HTMLDivElement>;
+    inset?: boolean;
+}
+declare const Body: {
+    ({ children, className, inset, ref: forwardedRef, ...rest }: BodyProps): ReactElement;
+    displayName: string;
+};
+
+type CloseProps = Dialog$1.DialogCloseProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Close: {
+    (props: CloseProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const dialogContentStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | "fullscreen" | null | undefined;
+    isNarrow?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>;
+
+interface ContentProps extends Dialog$1.DialogContentProps, DialogContentStylesProps {
+    /**
+     * When set to true, the content will adjust its width to fit the content rather than taking up the full available width.
+     */
+    isNarrow?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Content: {
+    ({ children, className, isNarrow, size, onInteractOutside, ref, ...rest }: ContentProps): ReactElement;
+    displayName: string;
+};
+
+type DescriptionProps = Dialog$1.DialogDescriptionProps & {
+    ref?: Ref<HTMLParagraphElement>;
+};
+declare const Description: {
+    (props: DescriptionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface FooterProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Footer: {
+    ({ children, className, ref, ...rest }: FooterProps): ReactElement;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): ReactElement;
+    displayName: string;
+};
+
+type OverlayProps = Dialog$1.DialogOverlayProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Overlay: {
+    ({ className, ref, ...rest }: OverlayProps): ReactElement | null;
+    displayName: string;
+};
+
+type PortalProps = Dialog$1.DialogPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TitleProps = Dialog$1.DialogTitleProps & {
+    ref?: Ref<HTMLHeadingElement>;
+};
+declare const Title: {
+    ({ className, ref, ...others }: TitleProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface TriggerProps {
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: Dialog$1.DialogTriggerProps['asChild'];
+    ref?: Ref<HTMLButtonElement>;
+}
+declare const Trigger: {
+    (props: TriggerProps): ReactElement;
+    displayName: string;
+};
+
+export { Body as B, type CloseProps as C, Dialog as D, Footer as F, Header as H, Overlay as O, Portal as P, Trigger as T, Content as a, Close as b, Title as c, Description as d, type DialogProps as e, type ContentProps as f, type HeaderProps as g, type BodyProps as h, type FooterProps as i, type TriggerProps as j, type OverlayProps as k, type PortalProps as l, type TitleProps as m, type DescriptionProps as n };

package/dist/DialogTrigger-8oDlAJjU.d.ts

@@ -0,0 +1,142 @@
+import { Dialog as Dialog$1 } from 'radix-ui';
+import { ReactElement, ReactNode, Ref } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+interface DialogProps {
+    /**
+     * Children of the component.
+     */
+    children?: Dialog$1.DialogProps['children'];
+    /**
+     * Specifies if the dialog is open or not.
+     */
+    open?: Dialog$1.DialogProps['open'];
+    /**
+     * Default open state.
+     */
+    defaultOpen?: Dialog$1.DialogProps['defaultOpen'];
+    /**
+     * Handler executen on every dialog open state change.
+     */
+    onOpenChange?: Dialog$1.DialogProps['onOpenChange'];
+    /**
+     * Specifies if the dialog is a modal.
+     */
+    modal?: Dialog$1.DialogProps['modal'];
+    /**
+     * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).
+     */
+    withFade?: boolean;
+}
+declare const Dialog: {
+    ({ children, withFade, ...rest }: DialogProps): ReactElement;
+    displayName: string;
+};
+
+interface BodyProps {
+    children: ReactNode;
+    className?: string;
+    tabIndex?: number;
+    ref?: Ref<HTMLDivElement>;
+    inset?: boolean;
+}
+declare const Body: {
+    ({ children, className, inset, ref: forwardedRef, ...rest }: BodyProps): ReactElement;
+    displayName: string;
+};
+
+type CloseProps = Dialog$1.DialogCloseProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Close: {
+    (props: CloseProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const dialogContentStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | "fullscreen" | null | undefined;
+    isNarrow?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>;
+
+interface ContentProps extends Dialog$1.DialogContentProps, DialogContentStylesProps {
+    /**
+     * When set to true, the content will adjust its width to fit the content rather than taking up the full available width.
+     */
+    isNarrow?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Content: {
+    ({ children, className, isNarrow, size, onInteractOutside, ref, ...rest }: ContentProps): ReactElement;
+    displayName: string;
+};
+
+type DescriptionProps = Dialog$1.DialogDescriptionProps & {
+    ref?: Ref<HTMLParagraphElement>;
+};
+declare const Description: {
+    (props: DescriptionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface FooterProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Footer: {
+    ({ children, className, ref, ...rest }: FooterProps): ReactElement;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): ReactElement;
+    displayName: string;
+};
+
+type OverlayProps = Dialog$1.DialogOverlayProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Overlay: {
+    ({ className, ref, ...rest }: OverlayProps): ReactElement | null;
+    displayName: string;
+};
+
+type PortalProps = Dialog$1.DialogPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TitleProps = Dialog$1.DialogTitleProps & {
+    ref?: Ref<HTMLHeadingElement>;
+};
+declare const Title: {
+    ({ className, ref, ...others }: TitleProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface TriggerProps {
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: Dialog$1.DialogTriggerProps['asChild'];
+    ref?: Ref<HTMLButtonElement>;
+}
+declare const Trigger: {
+    (props: TriggerProps): ReactElement;
+    displayName: string;
+};
+
+export { Body as B, type CloseProps as C, Dialog as D, Footer as F, Header as H, Overlay as O, Portal as P, Trigger as T, Content as a, Close as b, Title as c, Description as d, type DialogProps as e, type ContentProps as f, type HeaderProps as g, type BodyProps as h, type FooterProps as i, type TriggerProps as j, type OverlayProps as k, type PortalProps as l, type TitleProps as m, type DescriptionProps as n };

package/dist/alert-dialog/index.d.mts

@@ -1,104 +1,144 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { e as DialogProps, C as CloseProps, h as BodyProps, f as ContentProps, n as DescriptionProps, i as FooterProps, g as HeaderProps, k as OverlayProps, l as PortalProps, m as TitleProps, j as TriggerProps } from '../DialogTrigger-woU7vsJi.mjs';
-import { Ref, MutableRefObject } from 'react';
-import 'radix-ui';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
+import { AlertDialog as AlertDialog$2 } from '@base-ui-components/react/alert-dialog';
+import { ComponentProps, Ref, ReactNode, ReactElement, MutableRefObject } from 'react';
 
-type AlertDialogProps = Omit<DialogProps, 'modal'>;
+interface AlertDialogProps extends Omit<ComponentProps<typeof AlertDialog$2.Root>, 'onOpenChange' | 'render'> {
+    /**
+     * Specifies if the dialog is open or not.
+     */
+    open?: boolean;
+    /**
+     * Default open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler executed on every dialog open state change.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).
+     */
+    withFade?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
 declare const AlertDialog$1: {
-    (props: AlertDialogProps): react_jsx_runtime.JSX.Element;
+    ({ onOpenChange, withFade, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogActionProps = CloseProps & {
+interface AlertDialogActionProps extends Omit<ComponentProps<typeof AlertDialog$2.Close>, 'render'> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
     ref?: Ref<HTMLButtonElement>;
-};
+}
 declare const AlertDialogAction: {
-    (props: AlertDialogActionProps): react_jsx_runtime.JSX.Element;
+    ({ asChild, ...props }: AlertDialogActionProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogBodyProps = BodyProps & {
+interface AlertDialogBodyProps {
+    children: ReactNode;
+    className?: string;
+    tabIndex?: number;
     ref?: Ref<HTMLDivElement>;
-};
+    inset?: boolean;
+}
 declare const AlertDialogBody: {
-    (props: AlertDialogBodyProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, inset, ref: forwardedRef, ...rest }: AlertDialogBodyProps): ReactElement;
     displayName: string;
 };
 
-type AlertDialogCancelProps = CloseProps & {
+interface AlertDialogCancelProps extends Omit<ComponentProps<typeof AlertDialog$2.Close>, 'render'> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
     ref?: Ref<HTMLButtonElement>;
-};
+}
 declare const AlertDialogCancel: {
-    ({ ref: forwardedRef, ...props }: AlertDialogCancelProps): react_jsx_runtime.JSX.Element;
+    ({ asChild, ref: forwardedRef, ...props }: AlertDialogCancelProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogContentProps = Omit<ContentProps, 'size' | 'isNarrow' | 'onPointerDownOutside' | 'onInteractOutside'> & {
+interface AlertDialogContentProps extends Omit<ComponentProps<typeof AlertDialog$2.Popup>, 'render'> {
     ref?: Ref<HTMLDivElement>;
-};
+}
 declare const AlertDialogContent: {
-    ({ className, onOpenAutoFocus, ref, ...others }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
+    ({ className, ref, initialFocus, ...others }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogDescriptionProps = DescriptionProps & {
+interface AlertDialogDescriptionProps extends Omit<ComponentProps<typeof AlertDialog$2.Description>, 'render'> {
     ref?: Ref<HTMLParagraphElement>;
-};
+}
 declare const AlertDialogDescription: {
     (props: AlertDialogDescriptionProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogFooterProps = FooterProps & {
+interface AlertDialogFooterProps {
+    children: ReactNode;
+    className?: string;
     ref?: Ref<HTMLDivElement>;
-};
+}
 declare const AlertDialogFooter: {
-    (props: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, ref, ...rest }: AlertDialogFooterProps): ReactElement;
     displayName: string;
 };
 
-type AlertDialogHeaderProps = HeaderProps & {
+interface AlertDialogHeaderProps {
+    children: ReactNode;
+    className?: string;
     ref?: Ref<HTMLDivElement>;
-};
+}
 declare const AlertDialogHeader: {
-    (props: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, ref, ...rest }: AlertDialogHeaderProps): ReactElement;
     displayName: string;
 };
 
-type AlertDialogOverlayProps = OverlayProps & {
+interface AlertDialogOverlayProps extends Omit<ComponentProps<typeof AlertDialog$2.Backdrop>, 'render'> {
     ref?: Ref<HTMLDivElement>;
-};
+}
 declare const AlertDialogOverlay: {
-    (props: AlertDialogOverlayProps): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: AlertDialogOverlayProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogPortalProps = PortalProps;
+type AlertDialogPortalProps = ComponentProps<typeof AlertDialog$2.Portal>;
 declare const AlertDialogPortal: {
     (props: AlertDialogPortalProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogTitleProps = TitleProps & {
-    ref?: Ref<HTMLParagraphElement>;
-};
+interface AlertDialogTitleProps extends Omit<ComponentProps<typeof AlertDialog$2.Title>, 'render'> {
+    ref?: Ref<HTMLHeadingElement>;
+}
 declare const AlertDialogTitle: {
-    (props: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogTriggerProps = TriggerProps & {
+interface AlertDialogTriggerProps extends Omit<ComponentProps<typeof AlertDialog$2.Trigger>, 'render'> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
     ref?: Ref<HTMLButtonElement>;
-};
+}
 declare const AlertDialogTrigger: {
-    (props: AlertDialogTriggerProps): react_jsx_runtime.JSX.Element;
+    ({ asChild, ...props }: AlertDialogTriggerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 interface AlertDialogContextValue {
     cancelRef: MutableRefObject<HTMLButtonElement | null>;
+    withFade: boolean;
 }
 declare const useAlertDialog: () => AlertDialogContextValue;
 

package/dist/alert-dialog/index.d.ts

@@ -1,104 +1,144 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { e as DialogProps, C as CloseProps, h as BodyProps, f as ContentProps, n as DescriptionProps, i as FooterProps, g as HeaderProps, k as OverlayProps, l as PortalProps, m as TitleProps, j as TriggerProps } from '../DialogTrigger-woU7vsJi.js';
-import { Ref, MutableRefObject } from 'react';
-import 'radix-ui';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
+import { AlertDialog as AlertDialog$2 } from '@base-ui-components/react/alert-dialog';
+import { ComponentProps, Ref, ReactNode, ReactElement, MutableRefObject } from 'react';
 
-type AlertDialogProps = Omit<DialogProps, 'modal'>;
+interface AlertDialogProps extends Omit<ComponentProps<typeof AlertDialog$2.Root>, 'onOpenChange' | 'render'> {
+    /**
+     * Specifies if the dialog is open or not.
+     */
+    open?: boolean;
+    /**
+     * Default open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler executed on every dialog open state change.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).
+     */
+    withFade?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
 declare const AlertDialog$1: {
-    (props: AlertDialogProps): react_jsx_runtime.JSX.Element;
+    ({ onOpenChange, withFade, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogActionProps = CloseProps & {
+interface AlertDialogActionProps extends Omit<ComponentProps<typeof AlertDialog$2.Close>, 'render'> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
     ref?: Ref<HTMLButtonElement>;
-};
+}
 declare const AlertDialogAction: {
-    (props: AlertDialogActionProps): react_jsx_runtime.JSX.Element;
+    ({ asChild, ...props }: AlertDialogActionProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogBodyProps = BodyProps & {
+interface AlertDialogBodyProps {
+    children: ReactNode;
+    className?: string;
+    tabIndex?: number;
     ref?: Ref<HTMLDivElement>;
-};
+    inset?: boolean;
+}
 declare const AlertDialogBody: {
-    (props: AlertDialogBodyProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, inset, ref: forwardedRef, ...rest }: AlertDialogBodyProps): ReactElement;
     displayName: string;
 };
 
-type AlertDialogCancelProps = CloseProps & {
+interface AlertDialogCancelProps extends Omit<ComponentProps<typeof AlertDialog$2.Close>, 'render'> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
     ref?: Ref<HTMLButtonElement>;
-};
+}
 declare const AlertDialogCancel: {
-    ({ ref: forwardedRef, ...props }: AlertDialogCancelProps): react_jsx_runtime.JSX.Element;
+    ({ asChild, ref: forwardedRef, ...props }: AlertDialogCancelProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogContentProps = Omit<ContentProps, 'size' | 'isNarrow' | 'onPointerDownOutside' | 'onInteractOutside'> & {
+interface AlertDialogContentProps extends Omit<ComponentProps<typeof AlertDialog$2.Popup>, 'render'> {
     ref?: Ref<HTMLDivElement>;
-};
+}
 declare const AlertDialogContent: {
-    ({ className, onOpenAutoFocus, ref, ...others }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
+    ({ className, ref, initialFocus, ...others }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogDescriptionProps = DescriptionProps & {
+interface AlertDialogDescriptionProps extends Omit<ComponentProps<typeof AlertDialog$2.Description>, 'render'> {
     ref?: Ref<HTMLParagraphElement>;
-};
+}
 declare const AlertDialogDescription: {
     (props: AlertDialogDescriptionProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogFooterProps = FooterProps & {
+interface AlertDialogFooterProps {
+    children: ReactNode;
+    className?: string;
     ref?: Ref<HTMLDivElement>;
-};
+}
 declare const AlertDialogFooter: {
-    (props: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, ref, ...rest }: AlertDialogFooterProps): ReactElement;
     displayName: string;
 };
 
-type AlertDialogHeaderProps = HeaderProps & {
+interface AlertDialogHeaderProps {
+    children: ReactNode;
+    className?: string;
     ref?: Ref<HTMLDivElement>;
-};
+}
 declare const AlertDialogHeader: {
-    (props: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, ref, ...rest }: AlertDialogHeaderProps): ReactElement;
     displayName: string;
 };
 
-type AlertDialogOverlayProps = OverlayProps & {
+interface AlertDialogOverlayProps extends Omit<ComponentProps<typeof AlertDialog$2.Backdrop>, 'render'> {
     ref?: Ref<HTMLDivElement>;
-};
+}
 declare const AlertDialogOverlay: {
-    (props: AlertDialogOverlayProps): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: AlertDialogOverlayProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogPortalProps = PortalProps;
+type AlertDialogPortalProps = ComponentProps<typeof AlertDialog$2.Portal>;
 declare const AlertDialogPortal: {
     (props: AlertDialogPortalProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogTitleProps = TitleProps & {
-    ref?: Ref<HTMLParagraphElement>;
-};
+interface AlertDialogTitleProps extends Omit<ComponentProps<typeof AlertDialog$2.Title>, 'render'> {
+    ref?: Ref<HTMLHeadingElement>;
+}
 declare const AlertDialogTitle: {
-    (props: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AlertDialogTriggerProps = TriggerProps & {
+interface AlertDialogTriggerProps extends Omit<ComponentProps<typeof AlertDialog$2.Trigger>, 'render'> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
     ref?: Ref<HTMLButtonElement>;
-};
+}
 declare const AlertDialogTrigger: {
-    (props: AlertDialogTriggerProps): react_jsx_runtime.JSX.Element;
+    ({ asChild, ...props }: AlertDialogTriggerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 interface AlertDialogContextValue {
     cancelRef: MutableRefObject<HTMLButtonElement | null>;
+    withFade: boolean;
 }
 declare const useAlertDialog: () => AlertDialogContextValue;