@ngrok/mantle 0.66.0 → 0.66.2

package/dist/alert-dialog.d.ts

@@ -1,22 +1,23 @@
-import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
-import { D as DeepNonNullable } from './deep-non-nullable-SmpSvoSd.js';
-import * as class_variance_authority from 'class-variance-authority';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as react from 'react';
-import { ComponentProps, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { W as WithAsChild } from './as-child-DJ7x3JFV.js';
-import { R as Root$1 } from './primitive-CBR_XmVa.js';
-import { S as SvgAttributes } from './types-BuKAGhC-.js';
+import { t as SvgAttributes } from "./types-Dh4BVhXC.js";
+import { t as DeepNonNullable } from "./deep-non-nullable-BLM3Gz0I.js";
+import { t as WithAsChild } from "./as-child-XMVTepJu.js";
+import { t as Root$1 } from "./primitive-tuHqhoRE.js";
+import * as react from "react";
+import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as class_variance_authority0 from "class-variance-authority";
+import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
+//#region src/components/alert-dialog/alert-dialog.d.ts
 declare const priorities: readonly ["info", "danger"];
 type Priority = (typeof priorities)[number];
 type AlertDialogProps = ComponentProps<typeof Root$1> & {
-    /**
-     * Indicates the importance or impact level of the AlertDialog, affecting its
-     * color and styling to communicate its purpose to the user.
-     */
-    priority: Priority;
+  /**
+   * Indicates the importance or impact level of the AlertDialog, affecting its
+   * color and styling to communicate its purpose to the user.
+   */
+  priority: Priority;
 };
 /**
  * A modal dialog that interrupts the user with important content and expects a
@@ -55,12 +56,15 @@ type AlertDialogProps = ComponentProps<typeof Root$1> & {
  * </AlertDialog.Root>
  * ```
  */
-declare function Root({ priority, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare function Root({
+  priority,
+  ...props
+}: AlertDialogProps): react_jsx_runtime0.JSX.Element;
 declare namespace Root {
-    var displayName: string;
+  var displayName: string;
 }
 type AlertDialogIconProps = Omit<SvgAttributes, "children"> & {
-    svg?: ReactNode;
+  svg?: ReactNode;
 };
 /**
  * A modal dialog that interrupts the user with important content and expects a
@@ -99,268 +103,269 @@ type AlertDialogIconProps = Omit<SvgAttributes, "children"> & {
  * ```
  */
 declare const AlertDialog: {
+  /**
+   * A modal dialog that interrupts the user with important content and expects a response.
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogroot
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Root priority="danger">
+   *   <AlertDialog.Trigger asChild>
+   *     <Button type="button" appearance="outlined">
+   *       Show Alert Dialog
+   *     </Button>
+   *   </AlertDialog.Trigger>
+   *   <AlertDialog.Content>
+   *     <AlertDialog.Icon />
+   *     <AlertDialog.Body>
+   *       <AlertDialog.Header>
+   *         <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
+   *         <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+   *       </AlertDialog.Header>
+   *       <AlertDialog.Footer>
+   *         <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
+   *         <AlertDialog.Action>Continue</AlertDialog.Action>
+   *       </AlertDialog.Footer>
+   *     </AlertDialog.Body>
+   *   </AlertDialog.Content>
+   * </AlertDialog.Root>
+   * ```
+   */
+  readonly Root: typeof Root;
+  /**
+   * A button that confirms the Alert Dialog action.
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogaction
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Footer>
+   *   <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
+   *   <AlertDialog.Action>Continue</AlertDialog.Action>
+   * </AlertDialog.Footer>
+   * ```
+   */
+  readonly Action: react.ForwardRefExoticComponent<(Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
+    appearance?: "link" | "ghost" | "outlined" | "filled" | null | undefined;
+    isLoading?: boolean | null | undefined;
+    priority?: "danger" | "neutral" | "default" | null | undefined;
+  } & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
+    icon?: ReactNode;
+    iconPlacement?: "start" | "end";
+  } & {
+    asChild: true;
+    type?: ComponentProps<"button">["type"];
+  }, "ref"> | Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
+    appearance?: "link" | "ghost" | "outlined" | "filled" | null | undefined;
+    isLoading?: boolean | null | undefined;
+    priority?: "danger" | "neutral" | "default" | null | undefined;
+  } & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
+    icon?: ReactNode;
+    iconPlacement?: "start" | "end";
+  } & {
+    asChild?: false | undefined;
+    type: Exclude<ComponentProps<"button">["type"], undefined>;
+  }, "ref">) & react.RefAttributes<HTMLButtonElement>>;
+  /**
+   * Contains the main content of the alert dialog.
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogbody
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Content>
+   *   <AlertDialog.Icon />
+   *   <AlertDialog.Body>
+   *     <AlertDialog.Header>
+   *       <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
+   *       <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+   *     </AlertDialog.Header>
+   *     <AlertDialog.Footer>
+   *       <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
+   *       <AlertDialog.Action>Continue</AlertDialog.Action>
+   *     </AlertDialog.Footer>
+   *   </AlertDialog.Body>
+   * </AlertDialog.Content>
+   * ```
+   */
+  readonly Body: react.ForwardRefExoticComponent<Omit<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & WithAsChild, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * A button that closes the dialog and cancels the action.
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogcancel
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Footer>
+   *   <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
+   *   <AlertDialog.Action>Continue</AlertDialog.Action>
+   * </AlertDialog.Footer>
+   * ```
+   */
+  readonly Cancel: react.ForwardRefExoticComponent<(Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
+    appearance?: "link" | "ghost" | "outlined" | "filled" | null | undefined;
+    isLoading?: boolean | null | undefined;
+    priority?: "danger" | "neutral" | "default" | null | undefined;
+  } & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
+    icon?: ReactNode;
+    iconPlacement?: "start" | "end";
+  } & {
+    asChild: true;
+    type?: ComponentProps<"button">["type"];
+  }, "ref"> | Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
+    appearance?: "link" | "ghost" | "outlined" | "filled" | null | undefined;
+    isLoading?: boolean | null | undefined;
+    priority?: "danger" | "neutral" | "default" | null | undefined;
+  } & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
+    icon?: ReactNode;
+    iconPlacement?: "start" | "end";
+  } & {
+    asChild?: false | undefined;
+    type: Exclude<ComponentProps<"button">["type"], undefined>;
+  }, "ref">) & react.RefAttributes<HTMLButtonElement>>;
+  /**
+   * A button that closes the Alert Dialog. (Unstyled)
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogclose
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Close asChild>
+   *   <AlertDialog.Action
+   *     type="button"
+   *     onClick={() => doThing()}
+   *   >
+   *     Do thing and close
+   *   </AlertDialog.Action>
+   * </AlertDialog.Close>
+   * ```
+   */
+  readonly Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+  /**
+   * The popover alert dialog container.
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogcontent
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Content>
+   *   <AlertDialog.Icon />
+   *   <AlertDialog.Body>
+   *     <AlertDialog.Header>
+   *       <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
+   *       <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+   *     </AlertDialog.Header>
+   *     <AlertDialog.Footer>
+   *       <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
+   *       <AlertDialog.Action>Continue</AlertDialog.Action>
+   *     </AlertDialog.Footer>
+   *   </AlertDialog.Body>
+   * </AlertDialog.Content>
+   * ```
+   */
+  readonly Content: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     /**
-     * A modal dialog that interrupts the user with important content and expects a response.
-     *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogroot
-     *
-     * @example
-     * ```tsx
-     * <AlertDialog.Root priority="danger">
-     *   <AlertDialog.Trigger asChild>
-     *     <Button type="button" appearance="outlined">
-     *       Show Alert Dialog
-     *     </Button>
-     *   </AlertDialog.Trigger>
-     *   <AlertDialog.Content>
-     *     <AlertDialog.Icon />
-     *     <AlertDialog.Body>
-     *       <AlertDialog.Header>
-     *         <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
-     *         <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
-     *       </AlertDialog.Header>
-     *       <AlertDialog.Footer>
-     *         <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
-     *         <AlertDialog.Action>Continue</AlertDialog.Action>
-     *       </AlertDialog.Footer>
-     *     </AlertDialog.Body>
-     *   </AlertDialog.Content>
-     * </AlertDialog.Root>
-     * ```
-     */
-    readonly Root: typeof Root;
-    /**
-     * A button that confirms the Alert Dialog action.
-     *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogaction
-     *
-     * @example
-     * ```tsx
-     * <AlertDialog.Footer>
-     *   <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
-     *   <AlertDialog.Action>Continue</AlertDialog.Action>
-     * </AlertDialog.Footer>
-     * ```
-     */
-    readonly Action: react.ForwardRefExoticComponent<(Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority.VariantProps<(props?: ({
-        appearance?: "filled" | "link" | "ghost" | "outlined" | null | undefined;
-        isLoading?: boolean | null | undefined;
-        priority?: "default" | "danger" | "neutral" | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string>>> & {
-        icon?: ReactNode;
-        iconPlacement?: "start" | "end";
-    } & {
-        asChild: true;
-        type?: ComponentProps<"button">["type"];
-    }, "ref"> | Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority.VariantProps<(props?: ({
-        appearance?: "filled" | "link" | "ghost" | "outlined" | null | undefined;
-        isLoading?: boolean | null | undefined;
-        priority?: "default" | "danger" | "neutral" | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string>>> & {
-        icon?: ReactNode;
-        iconPlacement?: "start" | "end";
-    } & {
-        asChild?: false | undefined;
-        type: Exclude<ComponentProps<"button">["type"], undefined>;
-    }, "ref">) & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * Contains the main content of the alert dialog.
-     *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogbody
-     *
-     * @example
-     * ```tsx
-     * <AlertDialog.Content>
-     *   <AlertDialog.Icon />
-     *   <AlertDialog.Body>
-     *     <AlertDialog.Header>
-     *       <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
-     *       <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
-     *     </AlertDialog.Header>
-     *     <AlertDialog.Footer>
-     *       <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
-     *       <AlertDialog.Action>Continue</AlertDialog.Action>
-     *     </AlertDialog.Footer>
-     *   </AlertDialog.Body>
-     * </AlertDialog.Content>
-     * ```
-     */
-    readonly Body: react.ForwardRefExoticComponent<Omit<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & WithAsChild, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * A button that closes the dialog and cancels the action.
-     *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogcancel
-     *
-     * @example
-     * ```tsx
-     * <AlertDialog.Footer>
-     *   <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
-     *   <AlertDialog.Action>Continue</AlertDialog.Action>
-     * </AlertDialog.Footer>
-     * ```
-     */
-    readonly Cancel: react.ForwardRefExoticComponent<(Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority.VariantProps<(props?: ({
-        appearance?: "filled" | "link" | "ghost" | "outlined" | null | undefined;
-        isLoading?: boolean | null | undefined;
-        priority?: "default" | "danger" | "neutral" | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string>>> & {
-        icon?: ReactNode;
-        iconPlacement?: "start" | "end";
-    } & {
-        asChild: true;
-        type?: ComponentProps<"button">["type"];
-    }, "ref"> | Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority.VariantProps<(props?: ({
-        appearance?: "filled" | "link" | "ghost" | "outlined" | null | undefined;
-        isLoading?: boolean | null | undefined;
-        priority?: "default" | "danger" | "neutral" | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string>>> & {
-        icon?: ReactNode;
-        iconPlacement?: "start" | "end";
-    } & {
-        asChild?: false | undefined;
-        type: Exclude<ComponentProps<"button">["type"], undefined>;
-    }, "ref">) & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * A button that closes the Alert Dialog. (Unstyled)
+     * The preferred width of the `AlertDialogContent` as a tailwind `max-w-` class.
      *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogclose
+     * By default, a `AlertDialog`'s content width is responsive with a default
+     * preferred width: the maximum width of the `AlertDialogContent`
      *
-     * @example
-     * ```tsx
-     * <AlertDialog.Close asChild>
-     *   <AlertDialog.Action
-     *     type="button"
-     *     onClick={() => doThing()}
-     *   >
-     *     Do thing and close
-     *   </AlertDialog.Action>
-     * </AlertDialog.Close>
-     * ```
+     * @default `max-w-md`
      */
-    readonly Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * The popover alert dialog container.
-     *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogcontent
-     *
-     * @example
-     * ```tsx
-     * <AlertDialog.Content>
-     *   <AlertDialog.Icon />
-     *   <AlertDialog.Body>
-     *     <AlertDialog.Header>
-     *       <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
-     *       <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
-     *     </AlertDialog.Header>
-     *     <AlertDialog.Footer>
-     *       <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
-     *       <AlertDialog.Action>Continue</AlertDialog.Action>
-     *     </AlertDialog.Footer>
-     *   </AlertDialog.Body>
-     * </AlertDialog.Content>
-     * ```
-     */
-    readonly Content: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-        /**
-         * The preferred width of the `AlertDialogContent` as a tailwind `max-w-` class.
-         *
-         * By default, a `AlertDialog`'s content width is responsive with a default
-         * preferred width: the maximum width of the `AlertDialogContent`
-         *
-         * @default `max-w-md`
-         */
-        preferredWidth?: `max-w-${string}`;
-    } & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * An accessible description to be announced when the dialog is opened.
-     *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogdescription
-     *
-     * @example
-     * ```tsx
-     * <AlertDialog.Header>
-     *   <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
-     *   <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
-     * </AlertDialog.Header>
-     * ```
-     */
-    readonly Description: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * Contains the footer content of the dialog, including the action and cancel buttons.
-     *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogfooter
-     *
-     * @example
-     * ```tsx
-     * <AlertDialog.Footer>
-     *   <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
-     *   <AlertDialog.Action>Continue</AlertDialog.Action>
-     * </AlertDialog.Footer>
-     * ```
-     */
-    readonly Footer: react.ForwardRefExoticComponent<Omit<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & WithAsChild, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * Contains the header content of the dialog, including the title and description.
-     *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogheader
-     *
-     * @example
-     * ```tsx
-     * <AlertDialog.Header>
-     *   <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
-     *   <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
-     * </AlertDialog.Header>
-     * ```
-     */
-    readonly Header: react.ForwardRefExoticComponent<Omit<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & WithAsChild, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * An icon that visually represents the priority of the AlertDialog.
-     *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogicon
-     *
-     * @example
-     * ```tsx
-     * <AlertDialog.Content>
-     *   <AlertDialog.Icon />
-     *   <AlertDialog.Body>
-     *     <AlertDialog.Header>
-     *       <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
-     *       <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
-     *     </AlertDialog.Header>
-     *   </AlertDialog.Body>
-     * </AlertDialog.Content>
-     * ```
-     */
-    readonly Icon: react.ForwardRefExoticComponent<Omit<AlertDialogIconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    /**
-     * An accessible name to be announced when the dialog is opened.
-     *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogtitle
-     *
-     * @example
-     * ```tsx
-     * <AlertDialog.Header>
-     *   <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
-     *   <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
-     * </AlertDialog.Header>
-     * ```
-     */
-    readonly Title: react.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
-    /**
-     * A button that opens the Alert Dialog.
-     *
-     * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogtrigger
-     *
-     * @example
-     * ```tsx
-     * <AlertDialog.Trigger asChild>
-     *   <Button type="button" appearance="outlined">
-     *     Show Alert Dialog
-     *   </Button>
-     * </AlertDialog.Trigger>
-     * ```
-     */
-    readonly Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    preferredWidth?: `max-w-${string}`;
+  } & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * An accessible description to be announced when the dialog is opened.
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogdescription
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Header>
+   *   <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
+   *   <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+   * </AlertDialog.Header>
+   * ```
+   */
+  readonly Description: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * Contains the footer content of the dialog, including the action and cancel buttons.
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogfooter
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Footer>
+   *   <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
+   *   <AlertDialog.Action>Continue</AlertDialog.Action>
+   * </AlertDialog.Footer>
+   * ```
+   */
+  readonly Footer: react.ForwardRefExoticComponent<Omit<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & WithAsChild, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * Contains the header content of the dialog, including the title and description.
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogheader
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Header>
+   *   <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
+   *   <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+   * </AlertDialog.Header>
+   * ```
+   */
+  readonly Header: react.ForwardRefExoticComponent<Omit<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & WithAsChild, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * An icon that visually represents the priority of the AlertDialog.
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogicon
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Content>
+   *   <AlertDialog.Icon />
+   *   <AlertDialog.Body>
+   *     <AlertDialog.Header>
+   *       <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
+   *       <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+   *     </AlertDialog.Header>
+   *   </AlertDialog.Body>
+   * </AlertDialog.Content>
+   * ```
+   */
+  readonly Icon: react.ForwardRefExoticComponent<Omit<AlertDialogIconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  /**
+   * An accessible name to be announced when the dialog is opened.
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogtitle
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Header>
+   *   <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
+   *   <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+   * </AlertDialog.Header>
+   * ```
+   */
+  readonly Title: react.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog0.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
+  /**
+   * A button that opens the Alert Dialog.
+   *
+   * @see https://mantle.ngrok.com/components/alert-dialog#alertdialogtrigger
+   *
+   * @example
+   * ```tsx
+   * <AlertDialog.Trigger asChild>
+   *   <Button type="button" appearance="outlined">
+   *     Show Alert Dialog
+   *   </Button>
+   * </AlertDialog.Trigger>
+   * ```
+   */
+  readonly Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 };
-
+//#endregion
 export { AlertDialog };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/alert-dialog.js

@@ -1,2 +1,2 @@
-import{a as y,b as A,c as u,d as c,e as D,f as C,g as P,h as v}from"./chunk-ELZLLG6G.js";import{d as f}from"./chunk-2FYR6IJV.js";import"./chunk-SGGOH2WW.js";import"./chunk-6J7D73WA.js";import"./chunk-5VDCC3YW.js";import{a as d}from"./chunk-W5A5HSFE.js";import"./chunk-63ZAW25Z.js";import"./chunk-72TJUKMV.js";import"./chunk-OP6JMBKJ.js";import"./chunk-IVQ626TU.js";import{a as p}from"./chunk-ADF5DAYG.js";import{a as g}from"./chunk-SBQHQ2SJ.js";import{a}from"./chunk-PFXFESEN.js";import{InfoIcon as H}from"@phosphor-icons/react/Info";import{WarningIcon as k}from"@phosphor-icons/react/Warning";import{createContext as M,forwardRef as n,useContext as $,useMemo as q}from"react";import E from"tiny-invariant";import{jsx as i,jsxs as J}from"react/jsx-runtime";var x=M(null);function N(){let t=$(x);return E(t,"AlertDialog child component used outside of AlertDialog parent!"),t}function h({priority:t,...e}){let o=q(()=>({priority:t}),[t]);return i(x.Provider,{value:o,children:i(y,{...e})})}h.displayName="AlertDialog";var R=A;R.displayName="AlertDialogTrigger";var b=u;b.displayName="AlertDialogPortal";var W=n(({className:t,...e},o)=>i(D,{className:a("data-state-open:animate-in data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:fade-in-0 bg-overlay fixed inset-0 z-50 backdrop-blur-xs",t),...e,ref:o}));W.displayName="AlertDialogOverlay";var I=n(({className:t,onInteractOutside:e,onPointerDownOutside:o,preferredWidth:r="max-w-md",...l},m)=>J(b,{children:[i(W,{}),i("div",{className:"fixed inset-4 z-50 flex items-center justify-center",children:i(C,{ref:m,className:a("flex w-full flex-1 flex-col items-center gap-4 sm:flex-row sm:items-start","outline-hidden focus-within:outline-hidden","p-6","border-dialog bg-dialog rounded-xl border shadow-lg transition-transform duration-200","data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95",r,t),onInteractOutside:s=>{f(s),e?.(s)},onPointerDownOutside:s=>{f(s),o?.(s)},...l})})]}));I.displayName="AlertDialogContent";var O=n(({asChild:t=!1,className:e,...o},r)=>i(t?p:"div",{className:a("flex-1 space-y-4",e),ref:r,...o}));O.displayName="AlertDialogBody";var w=n(({asChild:t=!1,className:e,...o},r)=>i(t?p:"div",{className:a("flex flex-col space-y-2 text-center sm:text-start",e),ref:r,...o}));w.displayName="AlertDialogHeader";var B=n(({asChild:t=!1,className:e,...o},r)=>i(t?p:"div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),ref:r,...o}));B.displayName="AlertDialogFooter";var T=n(({className:t,...e},o)=>i(P,{ref:o,className:a("text-strong text-center text-lg font-medium sm:text-start",t),...e}));T.displayName="AlertDialogTitle";var z=n(({className:t,...e},o)=>i(v,{ref:o,className:a("text-body text-center text-sm font-normal sm:text-start",t),...e}));z.displayName="AlertDialogDescription";var S=n(({appearance:t="filled",...e},o)=>{let r=N(),l="default";return r.priority==="danger"&&(l="danger"),i(d,{appearance:t,priority:l,ref:o,...e})});S.displayName="AlertDialogAction";var j=n(({appearance:t="outlined",className:e,priority:o="neutral",...r},l)=>i(c,{asChild:!0,children:i(d,{appearance:t,className:a("mt-2 sm:mt-0",e),priority:o,ref:l,...r})}));j.displayName="AlertDialogCancel";var V=n(({className:t,svg:e,...o},r)=>{let l=N(),m=l.priority==="danger"?"text-danger-600":"text-accent-600",s=l.priority==="danger"?i(k,{}):i(H,{});return i(g,{ref:r,className:a("size-12 sm:size-7",m,t),svg:e??s,...o})});V.displayName="AlertDialogIcon";var F=c;F.displayName="AlertDialogClose";var G={Root:h,Action:S,Body:O,Cancel:j,Close:F,Content:I,Description:z,Footer:B,Header:w,Icon:V,Title:T,Trigger:R};export{G as AlertDialog};
+import{t as e}from"./cx-bKromGBh.js";import{t}from"./svg-only-BVLlbQ4e.js";import{t as n}from"./slot-DdnjeV2n.js";import{t as r}from"./button-CRRPesae.js";import{a as i,c as a,i as o,n as s,o as c,r as l,s as u,t as d}from"./primitive-Cath9ASB.js";import{createContext as f,forwardRef as p,useContext as m,useMemo as h}from"react";import g from"tiny-invariant";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{InfoIcon as y}from"@phosphor-icons/react/Info";import{WarningIcon as b}from"@phosphor-icons/react/Warning";const x=f(null);function S(){let e=m(x);return g(e,`AlertDialog child component used outside of AlertDialog parent!`),e}function C({priority:e,...t}){let n=h(()=>({priority:e}),[e]);return _(x.Provider,{value:n,children:_(c,{...t})})}C.displayName=`AlertDialog`;const w=a;w.displayName=`AlertDialogTrigger`;const T=i;T.displayName=`AlertDialogPortal`;const E=p(({className:t,...n},r)=>_(o,{className:e(`data-state-open:animate-in data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:fade-in-0 bg-overlay fixed inset-0 z-50 backdrop-blur-xs`,t),...n,ref:r}));E.displayName=`AlertDialogOverlay`;const D=p(({className:t,preferredWidth:n=`max-w-md`,...r},i)=>v(T,{children:[_(E,{}),_(`div`,{className:`fixed inset-4 z-50 flex items-center justify-center`,children:_(s,{"data-mantle-modal-content":!0,ref:i,className:e(`flex w-full flex-1 flex-col items-center gap-4 sm:flex-row sm:items-start`,`outline-hidden focus-within:outline-hidden`,`p-6`,`border-dialog bg-dialog rounded-xl border shadow-lg transition-transform duration-200`,`data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95`,n,t),...r})})]}));D.displayName=`AlertDialogContent`;const O=p(({asChild:t=!1,className:r,...i},a)=>_(t?n:`div`,{className:e(`flex-1 space-y-4`,r),ref:a,...i}));O.displayName=`AlertDialogBody`;const k=p(({asChild:t=!1,className:r,...i},a)=>_(t?n:`div`,{className:e(`flex flex-col space-y-2 text-center sm:text-start`,r),ref:a,...i}));k.displayName=`AlertDialogHeader`;const A=p(({asChild:t=!1,className:r,...i},a)=>_(t?n:`div`,{className:e(`flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2`,r),ref:a,...i}));A.displayName=`AlertDialogFooter`;const j=p(({className:t,...n},r)=>_(u,{ref:r,className:e(`text-strong text-center text-lg font-medium sm:text-start`,t),...n}));j.displayName=`AlertDialogTitle`;const M=p(({className:t,...n},r)=>_(l,{ref:r,className:e(`text-body text-center text-sm font-normal sm:text-start`,t),...n}));M.displayName=`AlertDialogDescription`;const N=p(({appearance:e=`filled`,...t},n)=>{let i=S(),a=`default`;return i.priority===`danger`&&(a=`danger`),_(r,{appearance:e,priority:a,ref:n,...t})});N.displayName=`AlertDialogAction`;const P=p(({appearance:t=`outlined`,className:n,priority:i=`neutral`,...a},o)=>_(d,{asChild:!0,children:_(r,{appearance:t,className:e(`mt-2 sm:mt-0`,n),priority:i,ref:o,...a})}));P.displayName=`AlertDialogCancel`;const F=p(({className:n,svg:r,...i},a)=>{let o=S(),s=o.priority===`danger`?`text-danger-600`:`text-accent-600`,c=o.priority===`danger`?_(b,{}):_(y,{});return _(t,{ref:a,className:e(`size-12 sm:size-7`,s,n),svg:r??c,...i})});F.displayName=`AlertDialogIcon`;const I=d;I.displayName=`AlertDialogClose`;const L={Root:C,Action:N,Body:O,Cancel:P,Close:I,Content:D,Description:M,Footer:A,Header:k,Icon:F,Title:j,Trigger:w};export{L as AlertDialog};
 //# sourceMappingURL=alert-dialog.js.map