@alneas/appkit-react 0.1.0 → 0.3.0

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

@@ -1,29 +1,240 @@
 import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import { Button } from './button.cjs';
 import * as React from 'react';
 /**
- * ユーザーの重要な確認や操作を必要とする警告ダイアログのルートコンポーネント。
+ * Coordinates an alert dialog that requests an explicit user decision.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialog composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
  */
 declare const AlertDialog: {
     (props: AlertDialogPrimitive.Root.Props): React.JSX.Element;
     displayName: string;
 };
 /**
- * 警告ダイアログを開くためのトリガーボタン。
+ * Renders the control that requests opening its alert dialog.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
  */
 declare function AlertDialogTrigger({ children, ...props }: AlertDialogPrimitive.Trigger.Props): React.JSX.Element;
 declare namespace AlertDialogTrigger {
     var displayName: string;
 }
-declare const AlertDialogPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPopupProps & {
-    size?: "default" | "sm";
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogMedia: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<Omit<import('./button-components.cjs').ButtonProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps & Pick<Omit<import('./button-components.cjs').ButtonProps, "ref"> & React.RefAttributes<HTMLElement>, "size" | "variant">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Mounts alert-dialog descendants into the Base UI portal target.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogPortal composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogPortal({ ref, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Portal.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogPortal {
+    var displayName: string;
+}
+/**
+ * Renders the fixed backdrop for an alert dialog.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogOverlay composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogOverlay({ ref, className, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Backdrop.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogOverlay {
+    var displayName: string;
+}
+/**
+ * Portals an alert popup with its backdrop and default or small sizing.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: size='default'.
+ * @returns The rendered AlertDialogContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogContent({ ref, className, size, children, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Popup.Props & {
+    /**
+     * Visual size preset; defaults to default unless the owning component states otherwise.
+     */
+    /**
+     * Visual size preset; defaults to default unless the owning component states otherwise.
+     */
+    size?: 'default' | 'sm';
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogContent {
+    var displayName: string;
+}
+/**
+ * Groups alert-dialog heading, description and optional media.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogHeader({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentProps<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogHeader {
+    var displayName: string;
+}
+/**
+ * Lays out alert-dialog decision controls at the popup footer.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogFooter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogFooter({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentProps<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogFooter {
+    var displayName: string;
+}
+/**
+ * Styles an icon or illustration placed in the alert-dialog header.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogMedia composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogMedia({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentProps<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogMedia {
+    var displayName: string;
+}
+/**
+ * Provides the accessible heading for its alert popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogTitle({ ref, className, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Title.Props> & React.RefAttributes<HTMLHeadingElement>): React.JSX.Element;
+declare namespace AlertDialogTitle {
+    var displayName: string;
+}
+/**
+ * Provides the accessible explanatory text for its alert popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogDescription({ ref, className, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Description.Props> & React.RefAttributes<HTMLParagraphElement>): React.JSX.Element;
+declare namespace AlertDialogDescription {
+    var displayName: string;
+}
+/**
+ * Renders an Appkit button for a host-owned alert-dialog action.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogAction composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type. This is a Button wrapper, not a Base UI close primitive; clicking it does not automatically close the dialog.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogAction({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentProps<typeof Button>> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace AlertDialogAction {
+    var displayName: string;
+}
+/**
+ * Renders a close control styled as an outline button.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='outline', size='default'.
+ * @returns The rendered AlertDialogCancel composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type. variant defaults to outline and size to default; the Base UI Close primitive is rendered through Button.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogCancel({ ref, className, variant, size, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace AlertDialogCancel {
+    var displayName: string;
+}
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

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

@@ -1,29 +1,240 @@
 import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import { Button } from './button.js';
 import * as React from 'react';
 /**
- * ユーザーの重要な確認や操作を必要とする警告ダイアログのルートコンポーネント。
+ * Coordinates an alert dialog that requests an explicit user decision.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialog composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
  */
 declare const AlertDialog: {
     (props: AlertDialogPrimitive.Root.Props): React.JSX.Element;
     displayName: string;
 };
 /**
- * 警告ダイアログを開くためのトリガーボタン。
+ * Renders the control that requests opening its alert dialog.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
  */
 declare function AlertDialogTrigger({ children, ...props }: AlertDialogPrimitive.Trigger.Props): React.JSX.Element;
 declare namespace AlertDialogTrigger {
     var displayName: string;
 }
-declare const AlertDialogPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPopupProps & {
-    size?: "default" | "sm";
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogMedia: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<Omit<import('./button-components.js').ButtonProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps & Pick<Omit<import('./button-components.js').ButtonProps, "ref"> & React.RefAttributes<HTMLElement>, "size" | "variant">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Mounts alert-dialog descendants into the Base UI portal target.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogPortal composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogPortal({ ref, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Portal.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogPortal {
+    var displayName: string;
+}
+/**
+ * Renders the fixed backdrop for an alert dialog.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogOverlay composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogOverlay({ ref, className, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Backdrop.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogOverlay {
+    var displayName: string;
+}
+/**
+ * Portals an alert popup with its backdrop and default or small sizing.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: size='default'.
+ * @returns The rendered AlertDialogContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogContent({ ref, className, size, children, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Popup.Props & {
+    /**
+     * Visual size preset; defaults to default unless the owning component states otherwise.
+     */
+    /**
+     * Visual size preset; defaults to default unless the owning component states otherwise.
+     */
+    size?: 'default' | 'sm';
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogContent {
+    var displayName: string;
+}
+/**
+ * Groups alert-dialog heading, description and optional media.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogHeader({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentProps<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogHeader {
+    var displayName: string;
+}
+/**
+ * Lays out alert-dialog decision controls at the popup footer.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogFooter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogFooter({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentProps<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogFooter {
+    var displayName: string;
+}
+/**
+ * Styles an icon or illustration placed in the alert-dialog header.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogMedia composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogMedia({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentProps<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogMedia {
+    var displayName: string;
+}
+/**
+ * Provides the accessible heading for its alert popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogTitle({ ref, className, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Title.Props> & React.RefAttributes<HTMLHeadingElement>): React.JSX.Element;
+declare namespace AlertDialogTitle {
+    var displayName: string;
+}
+/**
+ * Provides the accessible explanatory text for its alert popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogDescription({ ref, className, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Description.Props> & React.RefAttributes<HTMLParagraphElement>): React.JSX.Element;
+declare namespace AlertDialogDescription {
+    var displayName: string;
+}
+/**
+ * Renders an Appkit button for a host-owned alert-dialog action.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDialogAction composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type. This is a Button wrapper, not a Base UI close primitive; clicking it does not automatically close the dialog.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogAction({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentProps<typeof Button>> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace AlertDialogAction {
+    var displayName: string;
+}
+/**
+ * Renders a close control styled as an outline button.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='outline', size='default'.
+ * @returns The rendered AlertDialogCancel composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type. variant defaults to outline and size to default; the Base UI Close primitive is rendered through Button.
+ * @example
+ * ```tsx
+ * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log("Apply requested")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);
+ * }
+ * ```
+ */
+declare function AlertDialogCancel({ ref, className, variant, size, ...props }: React.PropsWithoutRef<AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace AlertDialogCancel {
+    var displayName: string;
+}
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };