@arolariu/components 0.5.0 → 1.1.0

package/dist/components/ui/alert-dialog.d.ts

@@ -1,21 +1,312 @@
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { AlertDialog as BaseAlertDialog } from "@base-ui/react/alert-dialog";
+import { useRender } from "@base-ui/react/use-render";
 import * as React from "react";
-declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
-declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const AlertDialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface AlertDialogProps extends React.ComponentPropsWithRef<typeof BaseAlertDialog.Root> {
+}
+interface AlertDialogTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Trigger>, "className"> {
+    /** Additional CSS classes merged with the alert-dialog trigger styles. @default undefined */
+    className?: string;
+    /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer Base UI's `render` prop. */
+    asChild?: boolean;
+}
+interface AlertDialogOverlayProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Backdrop>, "className"> {
+    /** Additional CSS classes merged with the alert-dialog backdrop styles. @default undefined */
+    className?: string;
+}
+interface AlertDialogContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Popup>, "className"> {
+    /** Additional CSS classes merged with the alert-dialog popup styles. @default undefined */
+    className?: string;
+}
+interface AlertDialogHeaderProps extends React.ComponentPropsWithRef<"div"> {
+    /** Additional CSS classes merged with the alert-dialog header layout styles. @default undefined */
+    className?: string;
+    /** Custom element or render callback used to replace the default header container. @default undefined */
+    render?: useRender.RenderProp<Record<string, never>>;
+    /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */
+    asChild?: boolean;
+}
+interface AlertDialogFooterProps extends React.ComponentPropsWithRef<"div"> {
+    /** Additional CSS classes merged with the alert-dialog footer layout styles. @default undefined */
+    className?: string;
+    /** Custom element or render callback used to replace the default footer container. @default undefined */
+    render?: useRender.RenderProp<Record<string, never>>;
+    /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */
+    asChild?: boolean;
+}
+interface AlertDialogTitleProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Title>, "className"> {
+    /** Additional CSS classes merged with the alert-dialog title styles. @default undefined */
+    className?: string;
+}
+interface AlertDialogDescriptionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Description>, "className"> {
+    /** Additional CSS classes merged with the alert-dialog description styles. @default undefined */
+    className?: string;
+}
+interface AlertDialogActionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, "className"> {
+    /** Additional CSS classes merged with the primary action button styles. @default undefined */
+    className?: string;
+}
+interface AlertDialogCancelProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, "className"> {
+    /** Additional CSS classes merged with the cancel action button styles. @default undefined */
+    className?: string;
+}
+/**
+ * Coordinates destructive confirmation dialogs with modal accessibility behavior.
+ *
+ * @remarks
+ * - Renders no DOM element by default and coordinates descendant alert-dialog parts
+ * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
+ * - Supports composition through descendant `render` props
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AlertDialog>
+ *   <AlertDialogTrigger>Delete</AlertDialogTrigger>
+ *   <AlertDialogContent>
+ *     <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ *   </AlertDialogContent>
+ * </AlertDialog>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
+ */
+declare function AlertDialog(props: Readonly<AlertDialog.Props>): React.ReactElement;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+/**
+ * Opens the alert dialog from an interactive trigger element.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AlertDialogTrigger>Delete</AlertDialogTrigger>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
+ */
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Portals alert-dialog descendants outside the local DOM hierarchy.
+ *
+ * @remarks
+ * - Renders no DOM element by default and portals descendants into the document body
+ * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
+ * - Does not expose a `render` prop because it only controls mounting context
+ * - Styling via CSS Modules with `--ac-*` custom properties through descendant components
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AlertDialogPortal>
+ *   <AlertDialogOverlay />
+ *   <AlertDialogContent />
+ * </AlertDialogPortal>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
+ */
+declare const AlertDialogPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders the dimmed backdrop behind the alert dialog popup.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AlertDialogOverlay />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
+ */
+declare function AlertDialogOverlay(props: Readonly<AlertDialogOverlay.Props>): React.ReactElement;
+declare namespace AlertDialogOverlay {
+    var displayName: string;
+}
+/**
+ * Renders the alert dialog popup inside a portal with its backdrop.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AlertDialogContent>
+ *   <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ * </AlertDialogContent>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
+ */
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Lays out the alert dialog heading and supporting content.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AlertDialogHeader>
+ *   <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ * </AlertDialogHeader>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
+ */
+declare function AlertDialogHeader(props: Readonly<AlertDialogHeader.Props>): React.ReactElement;
+declare namespace AlertDialogHeader {
+    var displayName: string;
+}
+/**
+ * Lays out confirmation and dismissal actions at the bottom edge.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AlertDialogFooter>
+ *   <AlertDialogCancel>Cancel</AlertDialogCancel>
+ * </AlertDialogFooter>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
+ */
+declare function AlertDialogFooter(props: Readonly<AlertDialogFooter.Props>): React.ReactElement;
+declare namespace AlertDialogFooter {
+    var displayName: string;
+}
+/**
+ * Renders the accessible heading for alert dialog content.
+ *
+ * @remarks
+ * - Renders an `<h2>` element by default
+ * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
+ */
+declare function AlertDialogTitle(props: Readonly<AlertDialogTitle.Props>): React.ReactElement;
+declare namespace AlertDialogTitle {
+    var displayName: string;
+}
+/**
+ * Renders supporting copy beneath the alert dialog title.
+ *
+ * @remarks
+ * - Renders a `<p>` element by default
+ * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
+ */
+declare function AlertDialogDescription(props: Readonly<AlertDialogDescription.Props>): React.ReactElement;
+declare namespace AlertDialogDescription {
+    var displayName: string;
+}
+/**
+ * Renders the primary confirmation action inside the alert dialog.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AlertDialogAction>Continue</AlertDialogAction>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
+ */
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Renders the secondary dismissal action inside the alert dialog.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AlertDialogCancel>Cancel</AlertDialogCancel>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
+ */
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogCancelProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare namespace AlertDialog {
+    type Props = AlertDialogProps;
+    type State = BaseAlertDialog.Root.State;
+}
+declare namespace AlertDialogTrigger {
+    type Props = AlertDialogTriggerProps;
+    type State = BaseAlertDialog.Trigger.State;
+}
+declare namespace AlertDialogOverlay {
+    type Props = AlertDialogOverlayProps;
+    type State = BaseAlertDialog.Backdrop.State;
+}
+declare namespace AlertDialogContent {
+    type Props = AlertDialogContentProps;
+    type State = BaseAlertDialog.Popup.State;
+}
+declare namespace AlertDialogHeader {
+    type Props = AlertDialogHeaderProps;
+    type State = Record<string, never>;
+}
+declare namespace AlertDialogFooter {
+    type Props = AlertDialogFooterProps;
+    type State = Record<string, never>;
+}
+declare namespace AlertDialogTitle {
+    type Props = AlertDialogTitleProps;
+    type State = BaseAlertDialog.Title.State;
+}
+declare namespace AlertDialogDescription {
+    type Props = AlertDialogDescriptionProps;
+    type State = BaseAlertDialog.Description.State;
+}
+declare namespace AlertDialogAction {
+    type Props = AlertDialogActionProps;
+    type State = BaseAlertDialog.Close.State;
+}
+declare namespace AlertDialogCancel {
+    type Props = AlertDialogCancelProps;
+    type State = BaseAlertDialog.Close.State;
+}
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/ui/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAExD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,wKAYtB,CAAC;AAGH,QAAA,MAAM,kBAAkB,wKAetB,CAAC;AAGH,QAAA,MAAM,iBAAiB;8BAA2B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKrF,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAA2B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKrF,CAAC;AAGF,QAAA,MAAM,gBAAgB,8KASpB,CAAC;AAGH,QAAA,MAAM,sBAAsB,wLAS1B,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/alert-dialog.js

@@ -1,65 +1,162 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Action, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-alert-dialog";
-import { forwardRef } from "react";
-import { buttonVariants } from "./button.js";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
-const AlertDialog = Root;
-const AlertDialogTrigger = Trigger;
-const AlertDialogPortal = Portal;
-const AlertDialogOverlay = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Overlay, {
-        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
-        ...props,
-        ref: ref
-    }));
-AlertDialogOverlay.displayName = Overlay.displayName;
-const AlertDialogContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs(AlertDialogPortal, {
+import alert_dialog_module from "./alert-dialog.module.js";
+import button_module from "./button.module.js";
+function alert_dialog_AlertDialog(props) {
+    return /*#__PURE__*/ jsx(AlertDialog.Root, {
+        ...props
+    });
+}
+alert_dialog_AlertDialog.displayName = "AlertDialog";
+const alert_dialog_AlertDialogTrigger = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return /*#__PURE__*/ jsx(AlertDialog.Trigger, {
+        ...otherProps,
+        ref: forwardedRef,
+        render: useRender({
+            defaultTagName: "button",
+            render: renderProp,
+            props: mergeProps({
+                className
+            }, {})
+        }),
+        children: renderProp ? void 0 : children
+    });
+});
+alert_dialog_AlertDialogTrigger.displayName = "AlertDialogTrigger";
+const AlertDialogPortal = AlertDialog.Portal;
+AlertDialogPortal.displayName = "AlertDialogPortal";
+function AlertDialogOverlay(props) {
+    const { className, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(AlertDialog.Backdrop, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(alert_dialog_module.backdrop, className)
+            }, {})
+        })
+    });
+}
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+const alert_dialog_AlertDialogContent = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(AlertDialogPortal, {
         children: [
             /*#__PURE__*/ jsx(AlertDialogOverlay, {}),
-            /*#__PURE__*/ jsx(Content, {
-                ref: ref,
-                className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950", className),
-                ...props
+            /*#__PURE__*/ jsx(AlertDialog.Popup, {
+                ...otherProps,
+                ref: forwardedRef,
+                render: useRender({
+                    defaultTagName: "div",
+                    render: render,
+                    props: mergeProps({
+                        className: cn(alert_dialog_module.popup, className)
+                    }, {})
+                }),
+                children: children
             })
         ]
-    }));
-AlertDialogContent.displayName = Content.displayName;
-const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
-        className: cn("flex flex-col space-y-2 text-center sm:text-left", className),
-        ...props
     });
+});
+alert_dialog_AlertDialogContent.displayName = "AlertDialogContent";
+function AlertDialogHeader(props) {
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return useRender({
+        defaultTagName: "div",
+        render: renderProp,
+        props: mergeProps({
+            className: cn(alert_dialog_module.header, className)
+        }, otherProps, {
+            children: renderProp ? void 0 : children
+        })
+    });
+}
 AlertDialogHeader.displayName = "AlertDialogHeader";
-const AlertDialogFooter = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
-        className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
-        ...props
+function AlertDialogFooter(props) {
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return useRender({
+        defaultTagName: "div",
+        render: renderProp,
+        props: mergeProps({
+            className: cn(alert_dialog_module.footer, className)
+        }, otherProps, {
+            children: renderProp ? void 0 : children
+        })
     });
+}
 AlertDialogFooter.displayName = "AlertDialogFooter";
-const AlertDialogTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Title, {
-        ref: ref,
-        className: cn("text-lg font-semibold", className),
-        ...props
-    }));
-AlertDialogTitle.displayName = Title.displayName;
-const AlertDialogDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Description, {
-        ref: ref,
-        className: cn("text-sm text-neutral-500 dark:text-neutral-400", className),
-        ...props
-    }));
-AlertDialogDescription.displayName = Description.displayName;
-const AlertDialogAction = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Action, {
-        ref: ref,
-        className: cn(buttonVariants(), className),
-        ...props
-    }));
-AlertDialogAction.displayName = Action.displayName;
-const AlertDialogCancel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Cancel, {
-        ref: ref,
-        className: cn(buttonVariants({
-            variant: "outline"
-        }), "mt-2 sm:mt-0", className),
-        ...props
-    }));
-AlertDialogCancel.displayName = Cancel.displayName;
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+function AlertDialogTitle(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(AlertDialog.Title, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "h2",
+            render: render,
+            props: mergeProps({
+                className: cn(alert_dialog_module.title, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+AlertDialogTitle.displayName = "AlertDialogTitle";
+function AlertDialogDescription(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(AlertDialog.Description, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "p",
+            render: render,
+            props: mergeProps({
+                className: cn(alert_dialog_module.description, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+AlertDialogDescription.displayName = "AlertDialogDescription";
+const alert_dialog_AlertDialogAction = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(AlertDialog.Close, {
+        ...otherProps,
+        ref: forwardedRef,
+        render: useRender({
+            defaultTagName: "button",
+            render: render,
+            props: mergeProps({
+                className: cn(button_module.button, button_module["default"], button_module.sizeDefault, className)
+            }, {})
+        }),
+        children: children
+    });
+});
+alert_dialog_AlertDialogAction.displayName = "AlertDialogAction";
+const alert_dialog_AlertDialogCancel = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(AlertDialog.Close, {
+        ...otherProps,
+        ref: forwardedRef,
+        render: useRender({
+            defaultTagName: "button",
+            render: render,
+            props: mergeProps({
+                className: cn(button_module.button, button_module.outline, button_module.sizeDefault, alert_dialog_module.cancel, className)
+            }, {})
+        }),
+        children: children
+    });
+});
+alert_dialog_AlertDialogCancel.displayName = "AlertDialogCancel";
+export { AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, alert_dialog_AlertDialog as AlertDialog, alert_dialog_AlertDialogAction as AlertDialogAction, alert_dialog_AlertDialogCancel as AlertDialogCancel, alert_dialog_AlertDialogContent as AlertDialogContent, alert_dialog_AlertDialogTrigger as AlertDialogTrigger };
 
 //# sourceMappingURL=alert-dialog.js.map

package/dist/components/ui/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/alert-dialog.js","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\r\nimport * as React from \"react\";\r\n\r\nimport {buttonVariants} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst AlertDialog = AlertDialogPrimitive.Root;\r\n\r\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\r\n\r\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\r\n\r\nconst AlertDialogOverlay = React.forwardRef<\r\n  React.ComponentRef<typeof AlertDialogPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPrimitive.Overlay\r\n    className={cn(\r\n      \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\r\n      className,\r\n    )}\r\n    {...props}\r\n    ref={ref}\r\n  />\r\n));\r\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\r\n\r\nconst AlertDialogContent = React.forwardRef<\r\n  React.ComponentRef<typeof AlertDialogPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPortal>\r\n    <AlertDialogOverlay />\r\n    <AlertDialogPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </AlertDialogPortal>\r\n));\r\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\r\n\r\nconst AlertDialogHeader = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)}\r\n    {...props}\r\n  />\r\n);\r\nAlertDialogHeader.displayName = \"AlertDialogHeader\";\r\n\r\nconst AlertDialogFooter = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\r\n    {...props}\r\n  />\r\n);\r\nAlertDialogFooter.displayName = \"AlertDialogFooter\";\r\n\r\nconst AlertDialogTitle = React.forwardRef<\r\n  React.ComponentRef<typeof AlertDialogPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPrimitive.Title\r\n    ref={ref}\r\n    className={cn(\"text-lg font-semibold\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\r\n\r\nconst AlertDialogDescription = React.forwardRef<\r\n  React.ComponentRef<typeof AlertDialogPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPrimitive.Description\r\n    ref={ref}\r\n    className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\r\n\r\nconst AlertDialogAction = React.forwardRef<\r\n  React.ComponentRef<typeof AlertDialogPrimitive.Action>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPrimitive.Action\r\n    ref={ref}\r\n    className={cn(buttonVariants(), className)}\r\n    {...props}\r\n  />\r\n));\r\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\r\n\r\nconst AlertDialogCancel = React.forwardRef<\r\n  React.ComponentRef<typeof AlertDialogPrimitive.Cancel>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPrimitive.Cancel\r\n    ref={ref}\r\n    className={cn(buttonVariants({variant: \"outline\"}), \"mt-2 sm:mt-0\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\r\n\r\nexport {\r\n  AlertDialog,\r\n  AlertDialogAction,\r\n  AlertDialogCancel,\r\n  AlertDialogContent,\r\n  AlertDialogDescription,\r\n  AlertDialogFooter,\r\n  AlertDialogHeader,\r\n  AlertDialogOverlay,\r\n  AlertDialogPortal,\r\n  AlertDialogTitle,\r\n  AlertDialogTrigger,\r\n};\r\n"],"names":["AlertDialog","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":";;;;;;AAQA,MAAMA,cAAcC;AAEpB,MAAMC,qBAAqBD;AAE3B,MAAME,oBAAoBF;AAE1B,MAAMG,qBAAqB,WAArBA,GAAqBC,WAGzB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,SAA4B;QAC3B,WAAWQ,GACT,0JACAH;QAED,GAAGC,KAAK;QACT,KAAKC;;AAGTJ,mBAAmB,WAAW,GAAGH,QAAAA,WAAwC;AAEzE,MAAMS,qBAAqB,WAArBA,GAAqBL,WAGzB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,KAACL,mBAAAA;;0BACC,IAACC,oBAAAA,CAAAA;0BACD,IAACH,SAA4B;gBAC3B,KAAKO;gBACL,WAAWC,GACT,yjBACAH;gBAED,GAAGC,KAAK;;;;AAIfG,mBAAmB,WAAW,GAAGT,QAAAA,WAAwC;AAEzE,MAAMU,oBAAoB,CAAC,EAACL,SAAS,EAAE,GAAGC,OAA4C,iBACpF,IAAC;QACC,WAAWE,GAAG,oDAAoDH;QACjE,GAAGC,KAAK;;AAGbI,kBAAkB,WAAW,GAAG;AAEhC,MAAMC,oBAAoB,CAAC,EAACN,SAAS,EAAE,GAAGC,OAA4C,iBACpF,IAAC;QACC,WAAWE,GAAG,iEAAiEH;QAC9E,GAAGC,KAAK;;AAGbK,kBAAkB,WAAW,GAAG;AAEhC,MAAMC,mBAAmB,WAAnBA,GAAmBR,WAGvB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,OAA0B;QACzB,KAAKO;QACL,WAAWC,GAAG,yBAAyBH;QACtC,GAAGC,KAAK;;AAGbM,iBAAiB,WAAW,GAAGZ,MAAAA,WAAsC;AAErE,MAAMa,yBAAyB,WAAzBA,GAAyBT,WAG7B,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,aAAgC;QAC/B,KAAKO;QACL,WAAWC,GAAG,kDAAkDH;QAC/D,GAAGC,KAAK;;AAGbO,uBAAuB,WAAW,GAAGb,YAAAA,WAA4C;AAEjF,MAAMc,oBAAoB,WAApBA,GAAoBV,WAGxB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,QAA2B;QAC1B,KAAKO;QACL,WAAWC,GAAGO,kBAAkBV;QAC/B,GAAGC,KAAK;;AAGbQ,kBAAkB,WAAW,GAAGd,OAAAA,WAAuC;AAEvE,MAAMgB,oBAAoB,WAApBA,GAAoBZ,WAGxB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,QAA2B;QAC1B,KAAKO;QACL,WAAWC,GAAGO,eAAe;YAAC,SAAS;QAAS,IAAI,gBAAgBV;QACnE,GAAGC,KAAK;;AAGbU,kBAAkB,WAAW,GAAGhB,OAAAA,WAAuC"}
+{"version":3,"file":"components/ui/alert-dialog.js","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {AlertDialog as BaseAlertDialog} from \"@base-ui/react/alert-dialog\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./alert-dialog.module.css\";\r\nimport buttonStyles from \"./button.module.css\";\r\n\r\ninterface AlertDialogProps extends React.ComponentPropsWithRef<typeof BaseAlertDialog.Root> {}\r\n\r\ninterface AlertDialogTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Trigger>, \"className\"> {\r\n  /** Additional CSS classes merged with the alert-dialog trigger styles. @default undefined */\r\n  className?: string;\r\n  /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer Base UI's `render` prop. */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogOverlayProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Backdrop>, \"className\"> {\r\n  /** Additional CSS classes merged with the alert-dialog backdrop styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface AlertDialogContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Popup>, \"className\"> {\r\n  /** Additional CSS classes merged with the alert-dialog popup styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface AlertDialogHeaderProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /** Additional CSS classes merged with the alert-dialog header layout styles. @default undefined */\r\n  className?: string;\r\n  /** Custom element or render callback used to replace the default header container. @default undefined */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogFooterProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /** Additional CSS classes merged with the alert-dialog footer layout styles. @default undefined */\r\n  className?: string;\r\n  /** Custom element or render callback used to replace the default footer container. @default undefined */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogTitleProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Title>, \"className\"> {\r\n  /** Additional CSS classes merged with the alert-dialog title styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface AlertDialogDescriptionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Description>, \"className\"> {\r\n  /** Additional CSS classes merged with the alert-dialog description styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface AlertDialogActionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, \"className\"> {\r\n  /** Additional CSS classes merged with the primary action button styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface AlertDialogCancelProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, \"className\"> {\r\n  /** Additional CSS classes merged with the cancel action button styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Coordinates destructive confirmation dialogs with modal accessibility behavior.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and coordinates descendant alert-dialog parts\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports composition through descendant `render` props\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialog>\r\n *   <AlertDialogTrigger>Delete</AlertDialogTrigger>\r\n *   <AlertDialogContent>\r\n *     <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n *   </AlertDialogContent>\r\n * </AlertDialog>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialog(props: Readonly<AlertDialog.Props>): React.ReactElement {\r\n  return <BaseAlertDialog.Root {...props} />;\r\n}\r\nAlertDialog.displayName = \"AlertDialog\";\r\n\r\n/**\r\n * Opens the alert dialog from an interactive trigger element.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogTrigger>Delete</AlertDialogTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTrigger.Props>(function AlertDialogTrigger(props, forwardedRef) {\r\n  // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return (\r\n    <BaseAlertDialog.Trigger\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: renderProp as never,\r\n        props: mergeProps({className}, {}),\r\n      })}>\r\n      {renderProp ? undefined : children}\r\n    </BaseAlertDialog.Trigger>\r\n  );\r\n});\r\nAlertDialogTrigger.displayName = \"AlertDialogTrigger\";\r\n\r\n/**\r\n * Portals alert-dialog descendants outside the local DOM hierarchy.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and portals descendants into the document body\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Does not expose a `render` prop because it only controls mounting context\r\n * - Styling via CSS Modules with `--ac-*` custom properties through descendant components\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogPortal>\r\n *   <AlertDialogOverlay />\r\n *   <AlertDialogContent />\r\n * </AlertDialogPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogPortal = BaseAlertDialog.Portal;\r\nAlertDialogPortal.displayName = \"AlertDialogPortal\";\r\n\r\n/**\r\n * Renders the dimmed backdrop behind the alert dialog popup.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogOverlay />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogOverlay(props: Readonly<AlertDialogOverlay.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseAlertDialog.Backdrop\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.backdrop, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n}\r\nAlertDialogOverlay.displayName = \"AlertDialogOverlay\";\r\n\r\n/**\r\n * Renders the alert dialog popup inside a portal with its backdrop.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogContent>\r\n *   <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * </AlertDialogContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContent.Props>(function AlertDialogContent(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <AlertDialogPortal>\r\n      <AlertDialogOverlay />\r\n      <BaseAlertDialog.Popup\r\n        {...otherProps}\r\n        ref={forwardedRef}\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.popup, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseAlertDialog.Popup>\r\n    </AlertDialogPortal>\r\n  );\r\n});\r\nAlertDialogContent.displayName = \"AlertDialogContent\";\r\n\r\n/**\r\n * Lays out the alert dialog heading and supporting content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogHeader>\r\n *   <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * </AlertDialogHeader>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogHeader(props: Readonly<AlertDialogHeader.Props>): React.ReactElement {\r\n  // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.header, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\nAlertDialogHeader.displayName = \"AlertDialogHeader\";\r\n\r\n/**\r\n * Lays out confirmation and dismissal actions at the bottom edge.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogFooter>\r\n *   <AlertDialogCancel>Cancel</AlertDialogCancel>\r\n * </AlertDialogFooter>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogFooter(props: Readonly<AlertDialogFooter.Props>): React.ReactElement {\r\n  // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.footer, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\nAlertDialogFooter.displayName = \"AlertDialogFooter\";\r\n\r\n/**\r\n * Renders the accessible heading for alert dialog content.\r\n *\r\n * @remarks\r\n * - Renders an `<h2>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogTitle(props: Readonly<AlertDialogTitle.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseAlertDialog.Title\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"h2\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.title, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseAlertDialog.Title>\r\n  );\r\n}\r\nAlertDialogTitle.displayName = \"AlertDialogTitle\";\r\n\r\n/**\r\n * Renders supporting copy beneath the alert dialog title.\r\n *\r\n * @remarks\r\n * - Renders a `<p>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogDescription(props: Readonly<AlertDialogDescription.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseAlertDialog.Description\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"p\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.description, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseAlertDialog.Description>\r\n  );\r\n}\r\nAlertDialogDescription.displayName = \"AlertDialogDescription\";\r\n\r\n/**\r\n * Renders the primary confirmation action inside the alert dialog.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogAction>Continue</AlertDialogAction>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogAction = React.forwardRef<HTMLButtonElement, AlertDialogAction.Props>(function AlertDialogAction(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseAlertDialog.Close\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps(\r\n          {\r\n            className: cn(buttonStyles.button, buttonStyles.default, buttonStyles.sizeDefault, className),\r\n          },\r\n          {},\r\n        ),\r\n      })}>\r\n      {children}\r\n    </BaseAlertDialog.Close>\r\n  );\r\n});\r\nAlertDialogAction.displayName = \"AlertDialogAction\";\r\n\r\n/**\r\n * Renders the secondary dismissal action inside the alert dialog.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogCancel>Cancel</AlertDialogCancel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogCancel = React.forwardRef<HTMLButtonElement, AlertDialogCancel.Props>(function AlertDialogCancel(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseAlertDialog.Close\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps(\r\n          {\r\n            className: cn(buttonStyles.button, buttonStyles.outline, buttonStyles.sizeDefault, styles.cancel, className),\r\n          },\r\n          {},\r\n        ),\r\n      })}>\r\n      {children}\r\n    </BaseAlertDialog.Close>\r\n  );\r\n});\r\nAlertDialogCancel.displayName = \"AlertDialogCancel\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialog {\r\n  export type Props = AlertDialogProps;\r\n  export type State = BaseAlertDialog.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogTrigger {\r\n  export type Props = AlertDialogTriggerProps;\r\n  export type State = BaseAlertDialog.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogOverlay {\r\n  export type Props = AlertDialogOverlayProps;\r\n  export type State = BaseAlertDialog.Backdrop.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogContent {\r\n  export type Props = AlertDialogContentProps;\r\n  export type State = BaseAlertDialog.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogHeader {\r\n  export type Props = AlertDialogHeaderProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogFooter {\r\n  export type Props = AlertDialogFooterProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogTitle {\r\n  export type Props = AlertDialogTitleProps;\r\n  export type State = BaseAlertDialog.Title.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogDescription {\r\n  export type Props = AlertDialogDescriptionProps;\r\n  export type State = BaseAlertDialog.Description.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogAction {\r\n  export type Props = AlertDialogActionProps;\r\n  export type State = BaseAlertDialog.Close.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogCancel {\r\n  export type Props = AlertDialogCancelProps;\r\n  export type State = BaseAlertDialog.Close.State;\r\n}\r\n\r\nexport {\r\n  AlertDialog,\r\n  AlertDialogAction,\r\n  AlertDialogCancel,\r\n  AlertDialogContent,\r\n  AlertDialogDescription,\r\n  AlertDialogFooter,\r\n  AlertDialogHeader,\r\n  AlertDialogOverlay,\r\n  AlertDialogPortal,\r\n  AlertDialogTitle,\r\n  AlertDialogTrigger,\r\n};\r\n"],"names":["AlertDialog","props","BaseAlertDialog","AlertDialogTrigger","React","forwardedRef","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","AlertDialogPortal","AlertDialogOverlay","cn","styles","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonStyles","AlertDialogCancel"],"mappings":"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"}