@ojiepermana/angular 22.1.14 → 22.2.0

package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs

@@ -1,93 +1,165 @@
-import * as i0 from '@angular/core';
-import { inject, model, input, output, signal, computed, Component, effect, DestroyRef, ElementRef } from '@angular/core';
-import { cn, injectUniqueId } from '@ojiepermana/angular/component/utils/core';
-import * as i1 from '@ojiepermana/angular/component/utils/scale';
-import { ComponentScaleDirective } from '@ojiepermana/angular/component/utils/scale';
-import { DialogComponent } from '@ojiepermana/angular/component/dialog';
-import { buttonVariants } from '@ojiepermana/angular/component/button';
-
+import * as i0 from "@angular/core";
+import { Component, DestroyRef, ElementRef, computed, effect, inject, input, model, output, signal } from "@angular/core";
+import { cn, injectUniqueId } from "@ojiepermana/angular/component/utils/core";
+import * as i1 from "@ojiepermana/angular/component/utils/scale";
+import { ComponentScaleDirective } from "@ojiepermana/angular/component/utils/scale";
+import { DialogComponent } from "@ojiepermana/angular/component/dialog";
+import { buttonVariants } from "@ojiepermana/angular/component/button";
 const ALERT_DIALOG_SIZE_CLASSES = {
-    default: 'sm:max-w-lg',
-    sm: 'sm:max-w-sm',
+	default: "sm:max-w-lg",
+	sm: "sm:max-w-sm"
 };
-/**
- * Confirmation dialog with `role="alertdialog"`.
- *
- * For the accessible name/description to wire up automatically, project the
- * matching `AlertDialogTitle` / `AlertDialogDescription` parts (they register
- * their ids with this component). Plain `DialogTitle` / `DialogDescription` will
- * not auto-wire here — pass `aria-labelledby` / `aria-describedby` explicitly if
- * you use custom markup.
- */
-class AlertDialogComponent {
-    componentScale = inject(ComponentScaleDirective);
-    radius = this.componentScale.radius;
-    density = this.componentScale.density;
-    open = model(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
-    closeOnEscape = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "closeOnEscape" }] : /* istanbul ignore next */ []));
-    closeOnBackdropClick = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "closeOnBackdropClick" }] : /* istanbul ignore next */ []));
-    /** Appearance of the area outside the surface. Defaults to a dimmed overlay. */
-    backdrop = input('dim', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "backdrop" }] : /* istanbul ignore next */ []));
-    showCloseButton = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showCloseButton" }] : /* istanbul ignore next */ []));
-    closeButtonLabel = input('Close', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "closeButtonLabel" }] : /* istanbul ignore next */ []));
-    labelledBy = input(null, { ...(ngDevMode ? { debugName: "labelledBy" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
-    describedBy = input(null, { ...(ngDevMode ? { debugName: "describedBy" } : /* istanbul ignore next */ {}), alias: 'aria-describedby' });
-    /** ARIA role passed to the underlying dialog surface. `'alertdialog'` by default. */
-    role = input('alertdialog', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    openedChange = output();
-    contentSize = signal('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "contentSize" }] : /* istanbul ignore next */ []));
-    registeredTitleId = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "registeredTitleId" }] : /* istanbul ignore next */ []));
-    registeredDescriptionId = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "registeredDescriptionId" }] : /* istanbul ignore next */ []));
-    resolvedSize = computed(() => this.contentSize(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
-    surfaceClasses = computed(() => cn(ALERT_DIALOG_SIZE_CLASSES[this.resolvedSize()], this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "surfaceClasses" }] : /* istanbul ignore next */ []));
-    /** Explicit `aria-labelledby` wins; otherwise a projected `AlertDialogTitle` supplies the id. */
-    resolvedLabelledBy = computed(() => this.labelledBy() ?? this.registeredTitleId(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "resolvedLabelledBy" }] : /* istanbul ignore next */ []));
-    /** Explicit `aria-describedby` wins; otherwise a projected `AlertDialogDescription` supplies the id. */
-    resolvedDescribedBy = computed(() => this.describedBy() ?? this.registeredDescriptionId(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "resolvedDescribedBy" }] : /* istanbul ignore next */ []));
-    setContentSize(size) {
-        this.contentSize.set(size);
-    }
-    /** Called by a projected `AlertDialogTitle` so default usage has an accessible name (AXE-safe). */
-    registerTitleId(id) {
-        this.registeredTitleId.set(id);
-    }
-    /** Cleared by an `AlertDialogTitle` on destroy so a reopened alert never points at a stale id. */
-    unregisterTitleId(id) {
-        if (this.registeredTitleId() === id) {
-            this.registeredTitleId.set(null);
-        }
-    }
-    /** Called by a projected `AlertDialogDescription`. */
-    registerDescriptionId(id) {
-        this.registeredDescriptionId.set(id);
-    }
-    /** Cleared by an `AlertDialogDescription` on destroy. */
-    unregisterDescriptionId(id) {
-        if (this.registeredDescriptionId() === id) {
-            this.registeredDescriptionId.set(null);
-        }
-    }
-    close() {
-        this.open.set(false);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AlertDialogComponent, isStandalone: true, selector: "AlertDialog", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, labelledBy: { classPropertyName: "labelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, describedBy: { classPropertyName: "describedBy", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", openedChange: "openedChange" }, host: { properties: { "attr.aria-labelledby": "null", "attr.aria-describedby": "null" } }, hostDirectives: [{ directive: i1.ComponentScaleDirective, inputs: ["radius", "radius", "density", "density"] }], ngImport: i0, template: `
+var AlertDialogComponent = class AlertDialogComponent {
+	componentScale = inject(ComponentScaleDirective);
+	radius = this.componentScale.radius;
+	density = this.componentScale.density;
+	open = model(false, ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
+	closeOnEscape = input(true, ...ngDevMode ? [{ debugName: "closeOnEscape" }] : /* istanbul ignore next */ []);
+	closeOnBackdropClick = input(false, ...ngDevMode ? [{ debugName: "closeOnBackdropClick" }] : /* istanbul ignore next */ []);
+	backdrop = input("dim", ...ngDevMode ? [{ debugName: "backdrop" }] : /* istanbul ignore next */ []);
+	showCloseButton = input(false, ...ngDevMode ? [{ debugName: "showCloseButton" }] : /* istanbul ignore next */ []);
+	closeButtonLabel = input("Close", ...ngDevMode ? [{ debugName: "closeButtonLabel" }] : /* istanbul ignore next */ []);
+	labelledBy = input(null, {
+		...ngDevMode ? { debugName: "labelledBy" } : /* istanbul ignore next */ {},
+		alias: "aria-labelledby"
+	});
+	describedBy = input(null, {
+		...ngDevMode ? { debugName: "describedBy" } : /* istanbul ignore next */ {},
+		alias: "aria-describedby"
+	});
+	role = input("alertdialog", ...ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	openedChange = output();
+	contentSize = signal("default", ...ngDevMode ? [{ debugName: "contentSize" }] : /* istanbul ignore next */ []);
+	registeredTitleId = signal(null, ...ngDevMode ? [{ debugName: "registeredTitleId" }] : /* istanbul ignore next */ []);
+	registeredDescriptionId = signal(null, ...ngDevMode ? [{ debugName: "registeredDescriptionId" }] : /* istanbul ignore next */ []);
+	resolvedSize = computed(() => this.contentSize(), ...ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []);
+	surfaceClasses = computed(() => cn(ALERT_DIALOG_SIZE_CLASSES[this.resolvedSize()], this.class()), ...ngDevMode ? [{ debugName: "surfaceClasses" }] : /* istanbul ignore next */ []);
+	resolvedLabelledBy = computed(() => this.labelledBy() ?? this.registeredTitleId(), ...ngDevMode ? [{ debugName: "resolvedLabelledBy" }] : /* istanbul ignore next */ []);
+	resolvedDescribedBy = computed(() => this.describedBy() ?? this.registeredDescriptionId(), ...ngDevMode ? [{ debugName: "resolvedDescribedBy" }] : /* istanbul ignore next */ []);
+	setContentSize(size) {
+		this.contentSize.set(size);
+	}
+	registerTitleId(id) {
+		this.registeredTitleId.set(id);
+	}
+	unregisterTitleId(id) {
+		if (this.registeredTitleId() === id) this.registeredTitleId.set(null);
+	}
+	registerDescriptionId(id) {
+		this.registeredDescriptionId.set(id);
+	}
+	unregisterDescriptionId(id) {
+		if (this.registeredDescriptionId() === id) this.registeredDescriptionId.set(null);
+	}
+	close() {
+		this.open.set(false);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AlertDialogComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: AlertDialogComponent,
+		isStandalone: true,
+		selector: "AlertDialog",
+		inputs: {
+			open: {
+				classPropertyName: "open",
+				publicName: "open",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeOnEscape: {
+				classPropertyName: "closeOnEscape",
+				publicName: "closeOnEscape",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeOnBackdropClick: {
+				classPropertyName: "closeOnBackdropClick",
+				publicName: "closeOnBackdropClick",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			backdrop: {
+				classPropertyName: "backdrop",
+				publicName: "backdrop",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showCloseButton: {
+				classPropertyName: "showCloseButton",
+				publicName: "showCloseButton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeButtonLabel: {
+				classPropertyName: "closeButtonLabel",
+				publicName: "closeButtonLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			labelledBy: {
+				classPropertyName: "labelledBy",
+				publicName: "aria-labelledby",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			describedBy: {
+				classPropertyName: "describedBy",
+				publicName: "aria-describedby",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			role: {
+				classPropertyName: "role",
+				publicName: "role",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			open: "openChange",
+			openedChange: "openedChange"
+		},
+		host: { properties: {
+			"attr.aria-labelledby": "null",
+			"attr.aria-describedby": "null"
+		} },
+		hostDirectives: [{
+			directive: i1.ComponentScaleDirective,
+			inputs: [
+				"radius",
+				"radius",
+				"density",
+				"density"
+			]
+		}],
+		ngImport: i0,
+		template: `
     <Dialog
       [(open)]="open"
       [role]="role()"
@@ -105,27 +177,47 @@ class AlertDialogComponent {
     >
       <ng-content />
     </Dialog>
-  `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "Dialog", inputs: ["open", "closeOnEscape", "closeOnBackdropClick", "backdrop", "showCloseButton", "closeButtonLabel", "aria-labelledby", "aria-describedby", "role", "class"], outputs: ["openChange", "openedChange"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'AlertDialog',
-                    hostDirectives: [
-                        {
-                            directive: ComponentScaleDirective,
-                            inputs: ['radius', 'density'],
-                        },
-                    ],
-                    // `<AlertDialog>` is a roleless host element; the consumer's
-                    // aria-labelledby/aria-describedby are re-applied on the inner dialog surface,
-                    // so strip them from the host (axe `aria-prohibited-attr`).
-                    host: {
-                        '[attr.aria-labelledby]': 'null',
-                        '[attr.aria-describedby]': 'null',
-                    },
-                    imports: [DialogComponent],
-                    template: `
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: DialogComponent,
+			selector: "Dialog",
+			inputs: [
+				"open",
+				"closeOnEscape",
+				"closeOnBackdropClick",
+				"backdrop",
+				"showCloseButton",
+				"closeButtonLabel",
+				"aria-labelledby",
+				"aria-describedby",
+				"role",
+				"class"
+			],
+			outputs: ["openChange", "openedChange"]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AlertDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "AlertDialog",
+			hostDirectives: [{
+				directive: ComponentScaleDirective,
+				inputs: ["radius", "density"]
+			}],
+			host: {
+				"[attr.aria-labelledby]": "null",
+				"[attr.aria-describedby]": "null"
+			},
+			imports: [DialogComponent],
+			template: `
     <Dialog
       [(open)]="open"
       [role]="role()"
@@ -143,221 +235,767 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
     >
       <ng-content />
     </Dialog>
-  `,
-                }]
-        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], closeOnBackdropClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdropClick", required: false }] }], backdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdrop", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], closeButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonLabel", required: false }] }], labelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], describedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], openedChange: [{ type: i0.Output, args: ["openedChange"] }] } });
-
+  `
+		}]
+	}],
+	propDecorators: {
+		open: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "open",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["openChange"]
+		}],
+		closeOnEscape: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeOnEscape",
+				required: false
+			}]
+		}],
+		closeOnBackdropClick: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeOnBackdropClick",
+				required: false
+			}]
+		}],
+		backdrop: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "backdrop",
+				required: false
+			}]
+		}],
+		showCloseButton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showCloseButton",
+				required: false
+			}]
+		}],
+		closeButtonLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeButtonLabel",
+				required: false
+			}]
+		}],
+		labelledBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-labelledby",
+				required: false
+			}]
+		}],
+		describedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-describedby",
+				required: false
+			}]
+		}],
+		role: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "role",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}],
+		openedChange: [{
+			type: i0.Output,
+			args: ["openedChange"]
+		}]
+	}
+});
 const ALERT_DIALOG_MEDIA_SIZE_CLASSES = {
-    default: 'h-12 w-12 [&_svg]:h-5 [&_svg]:w-5',
-    sm: 'h-10 w-10 [&_svg]:h-4.5 [&_svg]:w-4.5',
+	default: "h-12 w-12 [&_svg]:h-5 [&_svg]:w-5",
+	sm: "h-10 w-10 [&_svg]:h-4.5 [&_svg]:w-4.5"
+};
+var AlertDialogContentComponent = class AlertDialogContentComponent {
+	size = input("default", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	alertDialog = inject(AlertDialogComponent, { optional: true });
+	classes = computed(() => cn("grid gap-4", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => this.alertDialog?.setContentSize(this.size()));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AlertDialogContentComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: AlertDialogContentComponent,
+		isStandalone: true,
+		selector: "AlertDialogContent",
+		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"class": "classes()",
+			"attr.data-size": "size()"
+		} },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AlertDialogContentComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "AlertDialogContent",
+			host: {
+				"[class]": "classes()",
+				"[attr.data-size]": "size()"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+var AlertDialogHeaderComponent = class AlertDialogHeaderComponent {
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("flex flex-col gap-2 text-center sm:text-left", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AlertDialogHeaderComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: AlertDialogHeaderComponent,
+		isStandalone: true,
+		selector: "AlertDialogHeader",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: { "class": "classes()" } },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AlertDialogHeaderComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "AlertDialogHeader",
+			host: { "[class]": "classes()" },
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var AlertDialogTitleComponent = class AlertDialogTitleComponent {
+	id = input(null, ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	autoId = injectUniqueId("alert-dialog-title");
+	alertDialog = inject(AlertDialogComponent, { optional: true });
+	resolvedId = computed(() => this.id() ?? this.autoId, ...ngDevMode ? [{ debugName: "resolvedId" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("text-lg font-semibold leading-none tracking-tight", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => this.alertDialog?.registerTitleId(this.resolvedId()));
+		inject(DestroyRef).onDestroy(() => this.alertDialog?.unregisterTitleId(this.resolvedId()));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AlertDialogTitleComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: AlertDialogTitleComponent,
+		isStandalone: true,
+		selector: "AlertDialogTitle, h2[AlertDialogTitle]",
+		inputs: {
+			id: {
+				classPropertyName: "id",
+				publicName: "id",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"class": "classes()",
+			"attr.id": "resolvedId()"
+		} },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AlertDialogTitleComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "AlertDialogTitle, h2[AlertDialogTitle]",
+			host: {
+				"[class]": "classes()",
+				"[attr.id]": "resolvedId()"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		id: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "id",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+var AlertDialogDescriptionComponent = class AlertDialogDescriptionComponent {
+	id = input(null, ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	autoId = injectUniqueId("alert-dialog-description");
+	alertDialog = inject(AlertDialogComponent, { optional: true });
+	resolvedId = computed(() => this.id() ?? this.autoId, ...ngDevMode ? [{ debugName: "resolvedId" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("text-sm leading-6 text-muted-foreground", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => this.alertDialog?.registerDescriptionId(this.resolvedId()));
+		inject(DestroyRef).onDestroy(() => this.alertDialog?.unregisterDescriptionId(this.resolvedId()));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AlertDialogDescriptionComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: AlertDialogDescriptionComponent,
+		isStandalone: true,
+		selector: "AlertDialogDescription, p[AlertDialogDescription]",
+		inputs: {
+			id: {
+				classPropertyName: "id",
+				publicName: "id",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"class": "classes()",
+			"attr.id": "resolvedId()"
+		} },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AlertDialogDescriptionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "AlertDialogDescription, p[AlertDialogDescription]",
+			host: {
+				"[class]": "classes()",
+				"[attr.id]": "resolvedId()"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		id: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "id",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+var AlertDialogMediaComponent = class AlertDialogMediaComponent {
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	alertDialog = inject(AlertDialogComponent, { optional: true });
+	classes = computed(() => cn("mx-auto flex shrink-0 items-center justify-center rounded-full border border-border bg-muted/60 text-foreground sm:mx-0", ALERT_DIALOG_MEDIA_SIZE_CLASSES[this.alertDialog?.resolvedSize() ?? "default"], this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AlertDialogMediaComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: AlertDialogMediaComponent,
+		isStandalone: true,
+		selector: "AlertDialogMedia",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: { "class": "classes()" } },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AlertDialogMediaComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "AlertDialogMedia",
+			host: { "[class]": "classes()" },
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var AlertDialogFooterComponent = class AlertDialogFooterComponent {
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-2", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AlertDialogFooterComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: AlertDialogFooterComponent,
+		isStandalone: true,
+		selector: "AlertDialogFooter",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: { "class": "classes()" } },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AlertDialogFooterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "AlertDialogFooter",
+			host: { "[class]": "classes()" },
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var AlertDialogCancelComponent = class AlertDialogCancelComponent {
+	variant = input("outline", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	size = input("default", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	closeOnClick = input(true, ...ngDevMode ? [{ debugName: "closeOnClick" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	host = inject(ElementRef);
+	alertDialog = inject(AlertDialogComponent, { optional: true });
+	classes = computed(() => cn(buttonVariants({
+		variant: this.variant(),
+		size: this.size()
+	}), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	buttonType = computed(() => this.host.nativeElement.tagName.toLowerCase() === "button" ? "button" : null, ...ngDevMode ? [{ debugName: "buttonType" }] : /* istanbul ignore next */ []);
+	handleClick() {
+		if (this.closeOnClick()) this.alertDialog?.close();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AlertDialogCancelComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: AlertDialogCancelComponent,
+		isStandalone: true,
+		selector: "button[AlertDialogCancel], a[AlertDialogCancel]",
+		inputs: {
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeOnClick: {
+				classPropertyName: "closeOnClick",
+				publicName: "closeOnClick",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			listeners: { "click": "handleClick()" },
+			properties: {
+				"class": "classes()",
+				"attr.data-size": "size()",
+				"attr.data-variant": "variant()",
+				"attr.type": "buttonType()"
+			}
+		},
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AlertDialogCancelComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "button[AlertDialogCancel], a[AlertDialogCancel]",
+			host: {
+				"[class]": "classes()",
+				"[attr.data-size]": "size()",
+				"[attr.data-variant]": "variant()",
+				"[attr.type]": "buttonType()",
+				"(click)": "handleClick()"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: {
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		closeOnClick: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeOnClick",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+var AlertDialogActionComponent = class AlertDialogActionComponent {
+	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	size = input("default", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	closeOnClick = input(true, ...ngDevMode ? [{ debugName: "closeOnClick" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	host = inject(ElementRef);
+	alertDialog = inject(AlertDialogComponent, { optional: true });
+	classes = computed(() => cn(buttonVariants({
+		variant: this.variant(),
+		size: this.size()
+	}), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	buttonType = computed(() => this.host.nativeElement.tagName.toLowerCase() === "button" ? "button" : null, ...ngDevMode ? [{ debugName: "buttonType" }] : /* istanbul ignore next */ []);
+	handleClick() {
+		if (this.closeOnClick()) this.alertDialog?.close();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AlertDialogActionComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: AlertDialogActionComponent,
+		isStandalone: true,
+		selector: "button[AlertDialogAction], a[AlertDialogAction]",
+		inputs: {
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeOnClick: {
+				classPropertyName: "closeOnClick",
+				publicName: "closeOnClick",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			listeners: { "click": "handleClick()" },
+			properties: {
+				"class": "classes()",
+				"attr.data-size": "size()",
+				"attr.data-variant": "variant()",
+				"attr.type": "buttonType()"
+			}
+		},
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
 };
-class AlertDialogContentComponent {
-    size = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    alertDialog = inject(AlertDialogComponent, { optional: true });
-    classes = computed(() => cn('grid gap-4', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => this.alertDialog?.setContentSize(this.size()));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AlertDialogContentComponent, isStandalone: true, selector: "AlertDialogContent", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-size": "size()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogContentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'AlertDialogContent',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-size]': 'size()',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class AlertDialogHeaderComponent {
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('flex flex-col gap-2 text-center sm:text-left', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AlertDialogHeaderComponent, isStandalone: true, selector: "AlertDialogHeader", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogHeaderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'AlertDialogHeader',
-                    host: { '[class]': 'classes()' },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class AlertDialogTitleComponent {
-    /** Explicit id override; when omitted a document-unique id is generated. */
-    id = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    autoId = injectUniqueId('alert-dialog-title');
-    alertDialog = inject(AlertDialogComponent, { optional: true });
-    /** The id rendered on the element, used by the parent alert dialog for aria-labelledby. */
-    resolvedId = computed(() => this.id() ?? this.autoId, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "resolvedId" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('text-lg font-semibold leading-none tracking-tight', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => this.alertDialog?.registerTitleId(this.resolvedId()));
-        inject(DestroyRef).onDestroy(() => this.alertDialog?.unregisterTitleId(this.resolvedId()));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AlertDialogTitleComponent, isStandalone: true, selector: "AlertDialogTitle, h2[AlertDialogTitle]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.id": "resolvedId()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogTitleComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'AlertDialogTitle, h2[AlertDialogTitle]',
-                    host: { '[class]': 'classes()', '[attr.id]': 'resolvedId()' },
-                    template: `<ng-content />`,
-                }]
-        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class AlertDialogDescriptionComponent {
-    /** Explicit id override; when omitted a document-unique id is generated. */
-    id = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    autoId = injectUniqueId('alert-dialog-description');
-    alertDialog = inject(AlertDialogComponent, { optional: true });
-    /** The id rendered on the element, used by the parent alert dialog for aria-describedby. */
-    resolvedId = computed(() => this.id() ?? this.autoId, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "resolvedId" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('text-sm leading-6 text-muted-foreground', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => this.alertDialog?.registerDescriptionId(this.resolvedId()));
-        inject(DestroyRef).onDestroy(() => this.alertDialog?.unregisterDescriptionId(this.resolvedId()));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AlertDialogDescriptionComponent, isStandalone: true, selector: "AlertDialogDescription, p[AlertDialogDescription]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.id": "resolvedId()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogDescriptionComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'AlertDialogDescription, p[AlertDialogDescription]',
-                    host: { '[class]': 'classes()', '[attr.id]': 'resolvedId()' },
-                    template: `<ng-content />`,
-                }]
-        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class AlertDialogMediaComponent {
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    alertDialog = inject(AlertDialogComponent, { optional: true });
-    classes = computed(() => cn('mx-auto flex shrink-0 items-center justify-center rounded-full border border-border bg-muted/60 text-foreground sm:mx-0', ALERT_DIALOG_MEDIA_SIZE_CLASSES[this.alertDialog?.resolvedSize() ?? 'default'], this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogMediaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AlertDialogMediaComponent, isStandalone: true, selector: "AlertDialogMedia", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogMediaComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'AlertDialogMedia',
-                    host: { '[class]': 'classes()' },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class AlertDialogFooterComponent {
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-2', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AlertDialogFooterComponent, isStandalone: true, selector: "AlertDialogFooter", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogFooterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'AlertDialogFooter',
-                    host: { '[class]': 'classes()' },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class AlertDialogCancelComponent {
-    variant = input('outline', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    size = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    closeOnClick = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "closeOnClick" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    host = inject(ElementRef);
-    alertDialog = inject(AlertDialogComponent, { optional: true });
-    classes = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    buttonType = computed(() => this.host.nativeElement.tagName.toLowerCase() === 'button' ? 'button' : null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "buttonType" }] : /* istanbul ignore next */ []));
-    handleClick() {
-        if (this.closeOnClick()) {
-            this.alertDialog?.close();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogCancelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AlertDialogCancelComponent, isStandalone: true, selector: "button[AlertDialogCancel], a[AlertDialogCancel]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closeOnClick: { classPropertyName: "closeOnClick", publicName: "closeOnClick", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "handleClick()" }, properties: { "class": "classes()", "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.type": "buttonType()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogCancelComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'button[AlertDialogCancel], a[AlertDialogCancel]',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-size]': 'size()',
-                        '[attr.data-variant]': 'variant()',
-                        '[attr.type]': 'buttonType()',
-                        '(click)': 'handleClick()',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], closeOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnClick", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class AlertDialogActionComponent {
-    variant = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    size = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    closeOnClick = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "closeOnClick" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    host = inject(ElementRef);
-    alertDialog = inject(AlertDialogComponent, { optional: true });
-    classes = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    buttonType = computed(() => this.host.nativeElement.tagName.toLowerCase() === 'button' ? 'button' : null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "buttonType" }] : /* istanbul ignore next */ []));
-    handleClick() {
-        if (this.closeOnClick()) {
-            this.alertDialog?.close();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AlertDialogActionComponent, isStandalone: true, selector: "button[AlertDialogAction], a[AlertDialogAction]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closeOnClick: { classPropertyName: "closeOnClick", publicName: "closeOnClick", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "handleClick()" }, properties: { "class": "classes()", "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.type": "buttonType()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AlertDialogActionComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'button[AlertDialogAction], a[AlertDialogAction]',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-size]': 'size()',
-                        '[attr.data-variant]': 'variant()',
-                        '[attr.type]': 'buttonType()',
-                        '(click)': 'handleClick()',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], closeOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnClick", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AlertDialogActionComponent, AlertDialogCancelComponent, AlertDialogComponent, AlertDialogContentComponent, AlertDialogDescriptionComponent, AlertDialogFooterComponent, AlertDialogHeaderComponent, AlertDialogMediaComponent, AlertDialogTitleComponent };
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AlertDialogActionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "button[AlertDialogAction], a[AlertDialogAction]",
+			host: {
+				"[class]": "classes()",
+				"[attr.data-size]": "size()",
+				"[attr.data-variant]": "variant()",
+				"[attr.type]": "buttonType()",
+				"(click)": "handleClick()"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: {
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		closeOnClick: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeOnClick",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+export { AlertDialogActionComponent, AlertDialogCancelComponent, AlertDialogComponent, AlertDialogContentComponent, AlertDialogDescriptionComponent, AlertDialogFooterComponent, AlertDialogHeaderComponent, AlertDialogMediaComponent, AlertDialogTitleComponent };