@spark-ui/components 12.2.0 → 13.0.1

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;