@radix-ng/primitives 0.11.0 → 0.11.1

package/compodoc/documentation.json

@@ -662,6 +662,51 @@
             "extends": [],
             "type": "injectable"
         },
+        {
+            "name": "RdxDialogService",
+            "id": "injectable-RdxDialogService-37755020734eac7e619cb975529da270d0087c2c6a799779cc9e2c410750fd8b63c6526d3427e458dff0095405844829355974e1eac582dbe6e719f99e2bdeb7",
+            "file": "dialog/src/dialog.service.ts",
+            "properties": [],
+            "methods": [
+                {
+                    "name": "open",
+                    "args": [
+                        {
+                            "name": "isModal",
+                            "type": "",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "defaultValue": "true"
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 24,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "jsdoctags": [
+                        {
+                            "name": "isModal",
+                            "type": "",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "defaultValue": "true",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "description": "<p>Modality control: When <code>isModal</code> is set to <code>true</code>, the dialog will:</p>\n<ul>\n<li>Have a backdrop that blocks interaction with the rest of the page</li>\n<li>Disable closing by clicking outside or pressing Escape</li>\n<li>Set <code>aria-modal=&quot;true&quot;</code> for screen readers</li>\n<li>Automatically focus the first tabbable element in the dialog</li>\n<li>Restore focus to the element that opened the dialog when it&#39;s closed</li>\n</ul>\n<p>When <code>isModal</code> is <code>false</code>, the dialog will:</p>\n<ul>\n<li>Not have a backdrop, allowing interaction with the rest of the page</li>\n<li>Allow closing by clicking outside or pressing Escape</li>\n<li>Not set <code>aria-modal</code> attribute</li>\n<li>Not automatically manage focus</li>\n</ul>\n",
+            "rawdescription": "\n\nModality control: When `isModal` is set to `true`, the dialog will:\n\n- Have a backdrop that blocks interaction with the rest of the page\n- Disable closing by clicking outside or pressing Escape\n- Set `aria-modal=\"true\"` for screen readers\n- Automatically focus the first tabbable element in the dialog\n- Restore focus to the element that opened the dialog when it's closed\n\n\nWhen `isModal` is `false`, the dialog will:\n\n- Not have a backdrop, allowing interaction with the rest of the page\n- Allow closing by clicking outside or pressing Escape\n- Not set `aria-modal` attribute\n- Not automatically manage focus\n",
+            "sourceCode": "import { Injectable } from '@angular/core';\n\n/**\n * Modality control: When `isModal` is set to `true`, the dialog will:\n *\n * - Have a backdrop that blocks interaction with the rest of the page\n * - Disable closing by clicking outside or pressing Escape\n * - Set `aria-modal=\"true\"` for screen readers\n * - Automatically focus the first tabbable element in the dialog\n * - Restore focus to the element that opened the dialog when it's closed\n *\n *\n * When `isModal` is `false`, the dialog will:\n *\n * - Not have a backdrop, allowing interaction with the rest of the page\n * - Allow closing by clicking outside or pressing Escape\n * - Not set `aria-modal` attribute\n * - Not automatically manage focus\n */\n@Injectable({\n    providedIn: 'root'\n})\nexport class RdxDialogService {\n    open(isModal = true) {\n        /*\n        From @angular/cdk/dialog:\n              disableClose: isModal,\n              hasBackdrop: isModal,\n              backdropClass: isModal ? 'cdk-overlay-backdrop' : '',\n              autoFocus: isModal ? 'first-tabbable' : false,\n              restoreFocus: isModal,\n              ariaModal: isModal\n        * */\n    }\n}\n",
+            "extends": [],
+            "type": "injectable"
+        },
         {
             "name": "RdxTabsContextService",
             "id": "injectable-RdxTabsContextService-829943bf2fa6ac0530d53f4c37a83b606a8e51880e754f4283d0008b4cec9b22f70caeb3286830d19ca67730a60d12a5d6262daf2e3a347fc8a0177117184abc",
@@ -1134,12 +1179,12 @@
         },
         {
             "name": "RdxAccordionContentDirective",
-            "id": "directive-RdxAccordionContentDirective-a5b71ff449096afacebdea7730ffa999ff2c6e447fc3a58901e2d6a957b8ef9e26d97dbf33ec831bb1f00eb3de97d9b2c55fa825ad67f810eea87bdc1ebff456",
+            "id": "directive-RdxAccordionContentDirective-9656e45e34c939c23743d235671998951bcd48de95825645be13897f6288582c97c04d098db242bac029213972ad38eed87380fee263f5615ffd9c54f89fe976",
             "file": "accordion/src/accordion-content.directive.ts",
             "type": "directive",
             "description": "",
             "rawdescription": "\n",
-            "sourceCode": "import { Directive, inject, InjectionToken } from '@angular/core';\nimport { RdxAccordionItemDirective } from './accordion-item.directive';\n\nexport const RdxAccordionContentToken = new InjectionToken<RdxAccordionContentDirective>('RdxAccordionContentToken');\n\n@Directive({\n    selector: '[rdxAccordionContent]',\n    standalone: true,\n    exportAs: 'rdxAccordionContent',\n    host: {\n        '[attr.role]': '\"region\"',\n        // todo need hide content after animation\n        // '[style.display]': 'item.expanded ? \"\" : \"none\"',\n        // '[attr.hidden]': 'hidden ? \"\" : null',\n        '[style]': 'style',\n        '[attr.data-state]': 'item.dataState',\n        '[attr.data-disabled]': 'item.disabled',\n        '[attr.data-orientation]': 'item.orientation'\n    }\n})\nexport class RdxAccordionContentDirective {\n    protected readonly item = inject(RdxAccordionItemDirective);\n\n    get style() {\n        if (this.item.orientation === 'horizontal') {\n            return { width: this.item.expanded ? 'var(--rdx-accordion-content-width)' : 0 };\n        }\n\n        return { height: this.item.expanded ? 'var(--rdx-accordion-content-height)' : 0 };\n    }\n}\n",
+            "sourceCode": "import { Directive, ElementRef, inject } from '@angular/core';\nimport { RdxAccordionItemDirective } from './accordion-item.directive';\n\n@Directive({\n    selector: '[rdxAccordionContent]',\n    standalone: true,\n    exportAs: 'rdxAccordionContent',\n    host: {\n        '[attr.role]': '\"region\"',\n        '[style.display]': 'hidden ? \"none\" : \"\"',\n        '[attr.data-state]': 'item.dataState',\n        '[attr.data-disabled]': 'item.disabled',\n        '[attr.data-orientation]': 'item.orientation',\n        '(animationend)': 'onAnimationEnd()'\n    }\n})\nexport class RdxAccordionContentDirective {\n    protected readonly item = inject(RdxAccordionItemDirective);\n    protected readonly nativeElement = inject(ElementRef).nativeElement;\n\n    protected hidden = false;\n\n    protected onAnimationEnd() {\n        this.hidden = !this.item.expanded;\n\n        const { height, width } = this.nativeElement.getBoundingClientRect();\n\n        this.nativeElement.style.setProperty('--radix-collapsible-content-height', `${height}px`);\n        this.nativeElement.style.setProperty('--radix-collapsible-content-width', `${width}px`);\n\n        this.nativeElement.style.setProperty(\n            '--radix-accordion-content-height',\n            'var(--radix-collapsible-content-height)'\n        );\n        this.nativeElement.style.setProperty(\n            '--radix-accordion-content-width',\n            'var(--radix-collapsible-content-width)'\n        );\n    }\n\n    onToggle() {\n        if (!this.item.expanded) {\n            this.hidden = false;\n        }\n    }\n}\n",
             "selector": "[rdxAccordionContent]",
             "providers": [],
             "exportAs": "rdxAccordionContent",
@@ -1152,6 +1197,19 @@
             "hostBindings": [],
             "hostListeners": [],
             "propertiesClass": [
+                {
+                    "name": "hidden",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 21,
+                    "modifierKind": [
+                        124
+                    ]
+                },
                 {
                     "name": "item",
                     "defaultValue": "inject(RdxAccordionItemDirective)",
@@ -1160,26 +1218,53 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 22,
+                    "line": 18,
+                    "modifierKind": [
+                        124,
+                        148
+                    ]
+                },
+                {
+                    "name": "nativeElement",
+                    "defaultValue": "inject(ElementRef).nativeElement",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 19,
                     "modifierKind": [
                         124,
                         148
                     ]
                 }
             ],
-            "methodsClass": [],
-            "extends": [],
-            "accessors": {
-                "style": {
-                    "name": "style",
-                    "getSignature": {
-                        "name": "style",
-                        "type": "",
-                        "returnType": "",
-                        "line": 24
-                    }
+            "methodsClass": [
+                {
+                    "name": "onAnimationEnd",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 23,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "onToggle",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 41,
+                    "deprecated": false,
+                    "deprecationMessage": ""
                 }
-            }
+            ],
+            "extends": []
         },
         {
             "name": "RdxAccordionHeaderDirective",
@@ -1220,12 +1305,12 @@
         },
         {
             "name": "RdxAccordionItemDirective",
-            "id": "directive-RdxAccordionItemDirective-cd55902e94bb1f4370f214ebc3a6bd48fb07569b5de8ada587731425602f88fd5c262b8fddc17706635a033169a01b58b150ebb06fceefaad74b0ddb78549d2f",
+            "id": "directive-RdxAccordionItemDirective-61e8d74077c0de29c3fcbfb765bf52792ae8e9af56be3575d62eec0f4bf99312d9d7a586ee5673b4cb10b4f95b0a85b57768f75d6e896fefb19c6dc047429712",
             "file": "accordion/src/accordion-item.directive.ts",
             "type": "directive",
             "description": "",
             "rawdescription": "\n",
-            "sourceCode": "import { FocusableOption } from '@angular/cdk/a11y';\nimport { UniqueSelectionDispatcher } from '@angular/cdk/collections';\nimport {\n    booleanAttribute,\n    ChangeDetectorRef,\n    ContentChild,\n    Directive,\n    EventEmitter,\n    inject,\n    Input,\n    OnDestroy,\n    Output\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { RdxAccordionOrientation, RdxAccordionRootToken } from './accordion-root.directive';\nimport { RdxAccordionTriggerDirective } from './accordion-trigger.directive';\n\nexport type RdxAccordionItemState = 'open' | 'closed';\n\nlet nextId = 0;\n\n@Directive({\n    selector: '[rdxAccordionItem]',\n    standalone: true,\n    exportAs: 'rdxAccordionItem',\n    host: {\n        '[attr.data-state]': 'dataState',\n        '[attr.data-disabled]': 'disabled',\n        '[attr.data-orientation]': 'orientation'\n    },\n    providers: [\n        { provide: RdxAccordionRootToken, useValue: undefined }]\n})\nexport class RdxAccordionItemDirective implements FocusableOption, OnDestroy {\n    protected readonly accordion = inject(RdxAccordionRootToken, { skipSelf: true });\n    protected readonly changeDetectorRef = inject(ChangeDetectorRef);\n    protected readonly expansionDispatcher = inject(UniqueSelectionDispatcher);\n\n    @ContentChild(RdxAccordionTriggerDirective, { descendants: true }) trigger: RdxAccordionTriggerDirective;\n\n    get dataState(): RdxAccordionItemState {\n        return this.expanded ? 'open' : 'closed';\n    }\n\n    /**\n     * The unique AccordionItem id.\n     * @ignore\n     */\n    readonly id: string = `rdx-accordion-item-${nextId++}`;\n\n    get orientation(): RdxAccordionOrientation {\n        return this.accordion.orientation;\n    }\n\n    /** Whether the AccordionItem is expanded. */\n    @Input({ transform: booleanAttribute })\n    set expanded(expanded: boolean) {\n        // Only emit events and update the internal value if the value changes.\n        if (this._expanded !== expanded) {\n            this._expanded = expanded;\n            this.expandedChange.emit(expanded);\n\n            if (expanded) {\n                this.opened.emit();\n                /**\n                 * In the unique selection dispatcher, the id parameter is the id of the CdkAccordionItem,\n                 * the name value is the id of the accordion.\n                 */\n                const accordionId = this.accordion ? this.accordion.id : this.value;\n                this.expansionDispatcher.notify(this.value, accordionId);\n            } else {\n                this.closed.emit();\n            }\n\n            // Ensures that the animation will run when the value is set outside of an `@Input`.\n            // This includes cases like the open, close and toggle methods.\n            this.changeDetectorRef.markForCheck();\n        }\n    }\n\n    get expanded(): boolean {\n        return this._expanded;\n    }\n\n    private _expanded = false;\n\n    @Input()\n    set value(value: string) {\n        this._value = value;\n    }\n\n    get value(): string {\n        return this._value || this.id;\n    }\n\n    private _value?: string;\n\n    /** Whether the AccordionItem is disabled. */\n    @Input({ transform: booleanAttribute })\n    set disabled(value: boolean) {\n        this._disabled = value;\n    }\n\n    get disabled(): boolean {\n        return this.accordion.disabled ?? this._disabled;\n    }\n\n    private _disabled = false;\n\n    /** Event emitted every time the AccordionItem is closed. */\n    @Output() readonly closed: EventEmitter<void> = new EventEmitter<void>();\n    /** Event emitted every time the AccordionItem is opened. */\n    @Output() readonly opened: EventEmitter<void> = new EventEmitter<void>();\n\n    /** Event emitted when the AccordionItem is destroyed. */\n    readonly destroyed: EventEmitter<void> = new EventEmitter<void>();\n\n    /**\n     * Emits whenever the expanded state of the accordion changes.\n     * Primarily used to facilitate two-way binding.\n     * @docs-private\n     */\n    @Output() readonly expandedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /** Unregister function for expansionDispatcher. */\n    private removeUniqueSelectionListener: () => void;\n\n    /** Subscription to openAll/closeAll events. */\n    private openCloseAllSubscription = Subscription.EMPTY;\n\n    constructor() {\n        this.removeUniqueSelectionListener = this.expansionDispatcher.listen((id: string, accordionId: string) => {\n            if (this.accordion.isMultiple) {\n                if (this.accordion.id === accordionId && id.includes(this.value)) {\n                    this.expanded = true;\n                }\n            } else {\n                this.expanded = this.accordion.id === accordionId && id.includes(this.value);\n            }\n        });\n\n        // When an accordion item is hosted in an accordion, subscribe to open/close events.\n        if (this.accordion) {\n            this.openCloseAllSubscription = this.subscribeToOpenCloseAllActions();\n        }\n    }\n\n    /** Emits an event for the accordion item being destroyed. */\n    ngOnDestroy() {\n        this.opened.complete();\n        this.closed.complete();\n        this.destroyed.emit();\n        this.destroyed.complete();\n        this.removeUniqueSelectionListener();\n        this.openCloseAllSubscription.unsubscribe();\n    }\n\n    focus(): void {\n        this.trigger.focus();\n    }\n\n    /** Toggles the expanded state of the accordion item. */\n    toggle(): void {\n        if (!this.disabled) {\n            this.expanded = !this.expanded;\n        }\n    }\n\n    /** Sets the expanded state of the accordion item to false. */\n    close(): void {\n        if (!this.disabled) {\n            this.expanded = false;\n        }\n    }\n\n    /** Sets the expanded state of the accordion item to true. */\n    open(): void {\n        if (!this.disabled) {\n            this.expanded = true;\n        }\n    }\n\n    private subscribeToOpenCloseAllActions(): Subscription {\n        return this.accordion.openCloseAllActions.subscribe((expanded) => {\n            // Only change expanded state if item is enabled\n            if (!this.disabled) {\n                this.expanded = expanded;\n            }\n        });\n    }\n}\n",
+            "sourceCode": "import { FocusableOption } from '@angular/cdk/a11y';\nimport { UniqueSelectionDispatcher } from '@angular/cdk/collections';\nimport {\n    booleanAttribute,\n    ChangeDetectorRef,\n    ContentChild,\n    Directive,\n    EventEmitter,\n    forwardRef,\n    inject,\n    Input,\n    OnDestroy,\n    Output\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { RdxAccordionContentDirective } from './accordion-content.directive';\nimport { RdxAccordionOrientation, RdxAccordionRootToken } from './accordion-root.directive';\nimport { RdxAccordionTriggerDirective } from './accordion-trigger.directive';\n\nexport type RdxAccordionItemState = 'open' | 'closed';\n\nlet nextId = 0;\n\n@Directive({\n    selector: '[rdxAccordionItem]',\n    standalone: true,\n    exportAs: 'rdxAccordionItem',\n    host: {\n        '[attr.data-state]': 'dataState',\n        '[attr.data-disabled]': 'disabled',\n        '[attr.data-orientation]': 'orientation'\n    },\n    providers: [\n        { provide: RdxAccordionRootToken, useValue: undefined }]\n})\nexport class RdxAccordionItemDirective implements FocusableOption, OnDestroy {\n    protected readonly accordion = inject(RdxAccordionRootToken, { skipSelf: true });\n    protected readonly changeDetectorRef = inject(ChangeDetectorRef);\n    protected readonly expansionDispatcher = inject(UniqueSelectionDispatcher);\n\n    @ContentChild(RdxAccordionTriggerDirective, { descendants: true }) trigger: RdxAccordionTriggerDirective;\n    @ContentChild(forwardRef(() => RdxAccordionContentDirective), { descendants: true })\n    content: RdxAccordionContentDirective;\n\n    get dataState(): RdxAccordionItemState {\n        return this.expanded ? 'open' : 'closed';\n    }\n\n    /**\n     * The unique AccordionItem id.\n     * @ignore\n     */\n    readonly id: string = `rdx-accordion-item-${nextId++}`;\n\n    get orientation(): RdxAccordionOrientation {\n        return this.accordion.orientation;\n    }\n\n    /** Whether the AccordionItem is expanded. */\n    @Input({ transform: booleanAttribute })\n    set expanded(expanded: boolean) {\n        // Only emit events and update the internal value if the value changes.\n        if (this._expanded !== expanded) {\n            this._expanded = expanded;\n            this.expandedChange.emit(expanded);\n\n            if (expanded) {\n                this.opened.emit();\n                /**\n                 * In the unique selection dispatcher, the id parameter is the id of the CdkAccordionItem,\n                 * the name value is the id of the accordion.\n                 */\n                const accordionId = this.accordion ? this.accordion.id : this.value;\n                this.expansionDispatcher.notify(this.value, accordionId);\n            } else {\n                this.closed.emit();\n            }\n\n            // Ensures that the animation will run when the value is set outside of an `@Input`.\n            // This includes cases like the open, close and toggle methods.\n            this.changeDetectorRef.markForCheck();\n        }\n    }\n\n    get expanded(): boolean {\n        return this._expanded;\n    }\n\n    private _expanded = false;\n\n    @Input()\n    set value(value: string) {\n        this._value = value;\n    }\n\n    get value(): string {\n        return this._value || this.id;\n    }\n\n    private _value?: string;\n\n    /** Whether the AccordionItem is disabled. */\n    @Input({ transform: booleanAttribute })\n    set disabled(value: boolean) {\n        this._disabled = value;\n    }\n\n    get disabled(): boolean {\n        return this.accordion.disabled ?? this._disabled;\n    }\n\n    private _disabled = false;\n\n    /** Event emitted every time the AccordionItem is closed. */\n    @Output() readonly closed: EventEmitter<void> = new EventEmitter<void>();\n    /** Event emitted every time the AccordionItem is opened. */\n    @Output() readonly opened: EventEmitter<void> = new EventEmitter<void>();\n\n    /** Event emitted when the AccordionItem is destroyed. */\n    readonly destroyed: EventEmitter<void> = new EventEmitter<void>();\n\n    /**\n     * Emits whenever the expanded state of the accordion changes.\n     * Primarily used to facilitate two-way binding.\n     * @docs-private\n     */\n    @Output() readonly expandedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /** Unregister function for expansionDispatcher. */\n    private removeUniqueSelectionListener: () => void;\n\n    /** Subscription to openAll/closeAll events. */\n    private openCloseAllSubscription = Subscription.EMPTY;\n\n    constructor() {\n        this.removeUniqueSelectionListener = this.expansionDispatcher.listen((id: string, accordionId: string) => {\n            if (this.accordion.isMultiple) {\n                if (this.accordion.id === accordionId && id.includes(this.value)) {\n                    this.expanded = true;\n                }\n            } else {\n                this.expanded = this.accordion.id === accordionId && id.includes(this.value);\n            }\n        });\n\n        // When an accordion item is hosted in an accordion, subscribe to open/close events.\n        if (this.accordion) {\n            this.openCloseAllSubscription = this.subscribeToOpenCloseAllActions();\n        }\n    }\n\n    /** Emits an event for the accordion item being destroyed. */\n    ngOnDestroy() {\n        this.opened.complete();\n        this.closed.complete();\n        this.destroyed.emit();\n        this.destroyed.complete();\n        this.removeUniqueSelectionListener();\n        this.openCloseAllSubscription.unsubscribe();\n    }\n\n    focus(): void {\n        this.trigger.focus();\n    }\n\n    /** Toggles the expanded state of the accordion item. */\n    toggle(): void {\n        if (!this.disabled) {\n            this.content.onToggle();\n\n            this.expanded = !this.expanded;\n        }\n    }\n\n    /** Sets the expanded state of the accordion item to false. */\n    close(): void {\n        if (!this.disabled) {\n            this.expanded = false;\n        }\n    }\n\n    /** Sets the expanded state of the accordion item to true. */\n    open(): void {\n        if (!this.disabled) {\n            this.expanded = true;\n        }\n    }\n\n    private subscribeToOpenCloseAllActions(): Subscription {\n        return this.accordion.openCloseAllActions.subscribe((expanded) => {\n            // Only change expanded state if item is enabled\n            if (!this.disabled) {\n                this.expanded = expanded;\n            }\n        });\n    }\n}\n",
             "selector": "[rdxAccordionItem]",
             "providers": [
                 {
@@ -1243,7 +1328,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\nWhether the AccordionItem is disabled.",
                     "description": "<p>Whether the AccordionItem is disabled.</p>\n",
-                    "line": 100,
+                    "line": 104,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -1254,7 +1339,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\nWhether the AccordionItem is expanded.",
                     "description": "<p>Whether the AccordionItem is expanded.</p>\n",
-                    "line": 57,
+                    "line": 61,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -1262,7 +1347,7 @@
                     "name": "value",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 88,
+                    "line": 92,
                     "type": "string",
                     "decorators": []
                 }
@@ -1275,7 +1360,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\nEvent emitted every time the AccordionItem is closed.",
                     "description": "<p>Event emitted every time the AccordionItem is closed.</p>\n",
-                    "line": 111,
+                    "line": 115,
                     "type": "EventEmitter<void>"
                 },
                 {
@@ -1287,15 +1372,15 @@
                     "description": "<p>Emits whenever the expanded state of the accordion changes.\nPrimarily used to facilitate two-way binding.</p>\n",
                     "jsdoctags": [
                         {
-                            "pos": 3904,
-                            "end": 3923,
+                            "pos": 4130,
+                            "end": 4149,
                             "flags": 16842752,
                             "modifierFlagsCache": 0,
                             "transformFlags": 0,
                             "kind": 334,
                             "tagName": {
-                                "pos": 3905,
-                                "end": 3917,
+                                "pos": 4131,
+                                "end": 4143,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -1305,7 +1390,7 @@
                             "comment": ""
                         }
                     ],
-                    "line": 123,
+                    "line": 127,
                     "type": "EventEmitter<boolean>"
                 },
                 {
@@ -1315,7 +1400,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\nEvent emitted every time the AccordionItem is opened.",
                     "description": "<p>Event emitted every time the AccordionItem is opened.</p>\n",
-                    "line": 113,
+                    "line": 117,
                     "type": "EventEmitter<void>"
                 }
             ],
@@ -1332,7 +1417,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 35,
+                    "line": 37,
                     "modifierKind": [
                         124,
                         148
@@ -1346,12 +1431,30 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 36,
+                    "line": 38,
                     "modifierKind": [
                         124,
                         148
                     ]
                 },
+                {
+                    "name": "content",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "RdxAccordionContentDirective",
+                    "optional": false,
+                    "description": "",
+                    "line": 43,
+                    "decorators": [
+                        {
+                            "name": "ContentChild",
+                            "stringifiedArguments": "undefined, {descendants: true}"
+                        }
+                    ],
+                    "modifierKind": [
+                        170
+                    ]
+                },
                 {
                     "name": "destroyed",
                     "defaultValue": "new EventEmitter<void>()",
@@ -1360,7 +1463,7 @@
                     "type": "EventEmitter<void>",
                     "optional": false,
                     "description": "<p>Event emitted when the AccordionItem is destroyed.</p>\n",
-                    "line": 116,
+                    "line": 120,
                     "rawdescription": "\nEvent emitted when the AccordionItem is destroyed.",
                     "modifierKind": [
                         148
@@ -1374,7 +1477,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 37,
+                    "line": 39,
                     "modifierKind": [
                         124,
                         148
@@ -1387,7 +1490,7 @@
                     "type": "RdxAccordionTriggerDirective",
                     "optional": false,
                     "description": "",
-                    "line": 39,
+                    "line": 41,
                     "decorators": [
                         {
                             "name": "ContentChild",
@@ -1406,7 +1509,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 170,
+                    "line": 176,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\nSets the expanded state of the accordion item to false.",
@@ -1418,7 +1521,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 158,
+                    "line": 162,
                     "deprecated": false,
                     "deprecationMessage": ""
                 },
@@ -1428,7 +1531,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 177,
+                    "line": 183,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\nSets the expanded state of the accordion item to true.",
@@ -1440,7 +1543,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 163,
+                    "line": 167,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\nToggles the expanded state of the accordion item.",
@@ -1458,7 +1561,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "args": [],
-                "line": 129
+                "line": 133
             },
             "accessors": {
                 "dataState": {
@@ -1467,7 +1570,7 @@
                         "name": "dataState",
                         "type": "",
                         "returnType": "RdxAccordionItemState",
-                        "line": 41
+                        "line": 45
                     }
                 },
                 "orientation": {
@@ -1476,7 +1579,7 @@
                         "name": "orientation",
                         "type": "",
                         "returnType": "RdxAccordionOrientation",
-                        "line": 51
+                        "line": 55
                     }
                 },
                 "expanded": {
@@ -1495,7 +1598,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 57,
+                        "line": 61,
                         "rawdescription": "\nWhether the AccordionItem is expanded.",
                         "description": "<p>Whether the AccordionItem is expanded.</p>\n",
                         "jsdoctags": [
@@ -1514,7 +1617,7 @@
                         "name": "expanded",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 81
+                        "line": 85
                     }
                 },
                 "value": {
@@ -1533,7 +1636,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 88,
+                        "line": 92,
                         "jsdoctags": [
                             {
                                 "name": "value",
@@ -1550,7 +1653,7 @@
                         "name": "value",
                         "type": "string",
                         "returnType": "string",
-                        "line": 92
+                        "line": 96
                     }
                 },
                 "disabled": {
@@ -1569,7 +1672,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 100,
+                        "line": 104,
                         "rawdescription": "\nWhether the AccordionItem is disabled.",
                         "description": "<p>Whether the AccordionItem is disabled.</p>\n",
                         "jsdoctags": [
@@ -1588,19 +1691,19 @@
                         "name": "disabled",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 104
+                        "line": 108
                     }
                 }
             }
         },
         {
             "name": "RdxAccordionRootDirective",
-            "id": "directive-RdxAccordionRootDirective-d22c13aaf0d5d1aa35cd6d7e6b7d843fdf5494f8f8aa147c6b40caddfd84cbdda9aa39bbe441609bbc129303336056482f4034465b27e130b2bcf145942cc557",
+            "id": "directive-RdxAccordionRootDirective-14ffe9217250e69c71e9fae7b3b82a06dbca0928ad8afd8cf6fb6d8afa6f11bcd2754128aa6e829f2da9b6728b2f4255b85914e740d13fbc2af41d7bffb2be62",
             "file": "accordion/src/accordion-root.directive.ts",
             "type": "directive",
             "description": "",
             "rawdescription": "\n",
-            "sourceCode": "import { FocusKeyManager } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { UniqueSelectionDispatcher } from '@angular/cdk/collections';\nimport { ENTER, SPACE } from '@angular/cdk/keycodes';\nimport {\n    AfterContentInit,\n    booleanAttribute,\n    ContentChildren,\n    Directive,\n    EventEmitter,\n    forwardRef,\n    inject,\n    InjectionToken,\n    Input,\n    OnDestroy,\n    Output,\n    QueryList\n} from '@angular/core';\nimport { merge, Subject, Subscription } from 'rxjs';\nimport { RdxAccordionItemDirective } from './accordion-item.directive';\n\nexport type RdxAccordionType = 'single' | 'multiple';\nexport type RdxAccordionOrientation = 'horizontal' | 'vertical';\n\nexport const RdxAccordionRootToken = new InjectionToken<RdxAccordionRootDirective>('RdxAccordionRootDirective');\n\nlet nextId = 0;\n\n@Directive({\n    selector: '[rdxAccordionRoot]',\n    standalone: true,\n    providers: [\n        { provide: RdxAccordionRootToken, useExisting: RdxAccordionRootDirective },\n        { provide: UniqueSelectionDispatcher, useClass: UniqueSelectionDispatcher }\n    ],\n    host: {\n        '[attr.data-orientation]': 'orientation',\n        '(keydown)': 'handleKeydown($event)'\n    }\n})\nexport class RdxAccordionRootDirective implements AfterContentInit, OnDestroy {\n    protected readonly selectionDispatcher = inject(UniqueSelectionDispatcher);\n    protected readonly dir = inject(Directionality, { optional: true });\n\n    protected keyManager: FocusKeyManager<RdxAccordionItemDirective>;\n\n    readonly id: string = `rdx-accordion-${nextId++}`;\n\n    readonly openCloseAllActions = new Subject<boolean>();\n\n    get isMultiple(): boolean {\n        return this.type === 'multiple';\n    }\n\n    /** Whether the Accordion is disabled. */\n    @Input({ transform: booleanAttribute }) disabled: boolean;\n\n    /**\n     * The orientation of the accordion.\n     */\n    @Input() orientation: RdxAccordionOrientation = 'vertical';\n    /**\n     * @private\n     * @ignore\n     */\n    @ContentChildren(forwardRef(() => RdxAccordionItemDirective), { descendants: true })\n    items: QueryList<RdxAccordionItemDirective>;\n\n    /**\n     * The value of the item to expand when initially rendered and type is \"single\". Use when you do not need to control the state of the items.\n     */\n    @Input()\n    set defaultValue(value: string[] | string) {\n        if (value !== this._defaultValue) {\n            this._defaultValue = Array.isArray(value) ? value : [value];\n\n            this.selectionDispatcher.notify(this.defaultValue as unknown as string, this.id);\n        }\n    }\n\n    get defaultValue(): string[] | string {\n        return this._defaultValue ?? this.defaultValue;\n    }\n\n    /**\n     * Determines whether one or multiple items can be opened at the same time.\n     */\n    @Input() type: RdxAccordionType = 'single';\n    /**\n     * @ignore\n     */\n    @Input() collapsible = true;\n    /**\n     * The controlled value of the item to expand\n     */\n    @Input()\n    set value(value: string[] | string) {\n        if (value !== this._value) {\n            this._value = Array.isArray(value) ? value : [value];\n\n            this.selectionDispatcher.notify(this.value as unknown as string, this.id);\n        }\n    }\n\n    get value(): string[] | string {\n        return this._value ?? this.defaultValue;\n    }\n\n    @Output() readonly onValueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    private _value?: string[];\n    private _defaultValue: string[] | string;\n\n    private onValueChangeSubscription: Subscription;\n\n    /**\n     * @ignore\n     */\n    ngAfterContentInit(): void {\n        this.selectionDispatcher.notify(this.value as unknown as string, this.id);\n\n        this.keyManager = new FocusKeyManager(this.items).withHomeAndEnd();\n\n        if (this.orientation === 'horizontal') {\n            this.keyManager.withHorizontalOrientation(this.dir?.value || 'ltr');\n        } else {\n            this.keyManager.withVerticalOrientation();\n        }\n\n        this.onValueChangeSubscription = merge(...this.items.map((item) => item.expandedChange)).subscribe(() =>\n            this.onValueChange.emit()\n        );\n    }\n\n    /**\n     * @ignore\n     */\n    ngOnDestroy() {\n        this.openCloseAllActions.complete();\n        this.onValueChangeSubscription.unsubscribe();\n    }\n\n    /**\n     * @ignore\n     */\n    handleKeydown(event: KeyboardEvent) {\n        if (!this.keyManager.activeItem) {\n            this.keyManager.setFirstItemActive();\n        }\n\n        const activeItem = this.keyManager.activeItem;\n\n        if (\n            (event.keyCode === ENTER || event.keyCode === SPACE) &&\n            !this.keyManager.isTyping() &&\n            activeItem &&\n            !activeItem.disabled\n        ) {\n            event.preventDefault();\n            activeItem.toggle();\n        } else {\n            this.keyManager.onKeydown(event);\n        }\n    }\n\n    /** Opens all enabled accordion items in an accordion where multi is enabled.\n     * @ignore\n     */\n    openAll(): void {\n        if (this.isMultiple) {\n            this.openCloseAllActions.next(true);\n        }\n    }\n\n    /** Closes all enabled accordion items.\n     * @ignore\n     */\n    closeAll(): void {\n        this.openCloseAllActions.next(false);\n    }\n\n    /**\n     * @ignore\n     */\n    setActiveItem(item: RdxAccordionItemDirective) {\n        this.keyManager.setActiveItem(item);\n    }\n}\n",
+            "sourceCode": "import { FocusKeyManager } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { UniqueSelectionDispatcher } from '@angular/cdk/collections';\nimport { ENTER, SPACE } from '@angular/cdk/keycodes';\nimport {\n    AfterContentInit,\n    booleanAttribute,\n    ContentChildren,\n    Directive,\n    EventEmitter,\n    forwardRef,\n    inject,\n    InjectionToken,\n    Input,\n    OnDestroy,\n    Output,\n    QueryList\n} from '@angular/core';\nimport { merge, Subject, Subscription } from 'rxjs';\nimport { RdxAccordionItemDirective } from './accordion-item.directive';\n\nexport type RdxAccordionType = 'single' | 'multiple';\nexport type RdxAccordionOrientation = 'horizontal' | 'vertical';\n\nexport const RdxAccordionRootToken = new InjectionToken<RdxAccordionRootDirective>('RdxAccordionRootDirective');\n\nlet nextId = 0;\n\n@Directive({\n    selector: '[rdxAccordionRoot]',\n    standalone: true,\n    providers: [\n        { provide: RdxAccordionRootToken, useExisting: RdxAccordionRootDirective },\n        { provide: UniqueSelectionDispatcher, useClass: UniqueSelectionDispatcher }\n    ],\n    host: {\n        '[attr.data-orientation]': 'orientation',\n        '(keydown)': 'handleKeydown($event)'\n    }\n})\nexport class RdxAccordionRootDirective implements AfterContentInit, OnDestroy {\n    protected readonly selectionDispatcher = inject(UniqueSelectionDispatcher);\n    protected readonly dir = inject(Directionality, { optional: true });\n\n    protected keyManager: FocusKeyManager<RdxAccordionItemDirective>;\n\n    readonly id: string = `rdx-accordion-${nextId++}`;\n\n    readonly openCloseAllActions = new Subject<boolean>();\n\n    get isMultiple(): boolean {\n        return this.type === 'multiple';\n    }\n\n    /** Whether the Accordion is disabled. */\n    @Input({ transform: booleanAttribute }) disabled: boolean;\n\n    /**\n     * The orientation of the accordion.\n     */\n    @Input() orientation: RdxAccordionOrientation = 'vertical';\n    /**\n     * @private\n     * @ignore\n     */\n    @ContentChildren(forwardRef(() => RdxAccordionItemDirective), { descendants: true })\n    items: QueryList<RdxAccordionItemDirective>;\n\n    /**\n     * The value of the item to expand when initially rendered and type is \"single\". Use when you do not need to control the state of the items.\n     */\n    @Input()\n    set defaultValue(value: string[] | string) {\n        if (value !== this._defaultValue) {\n            this._defaultValue = Array.isArray(value) ? value : [value];\n        }\n    }\n\n    get defaultValue(): string[] | string {\n        return this.isMultiple ? this._defaultValue : this._defaultValue[0];\n    }\n\n    /**\n     * Determines whether one or multiple items can be opened at the same time.\n     */\n    @Input() type: RdxAccordionType = 'single';\n    /**\n     * @ignore\n     */\n    @Input() collapsible = true;\n    /**\n     * The controlled value of the item to expand\n     */\n    @Input()\n    set value(value: string[] | string) {\n        if (value !== this._value) {\n            this._value = Array.isArray(value) ? value : [value];\n\n            this.selectionDispatcher.notify(this.value as unknown as string, this.id);\n        }\n    }\n\n    get value(): string[] | string {\n        if (this._value === undefined) {\n            return this.defaultValue;\n        }\n\n        return this.isMultiple ? this._value : this._value[0];\n    }\n\n    @Output() readonly onValueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    private _value?: string[];\n    private _defaultValue: string[] | string = [];\n\n    private onValueChangeSubscription: Subscription;\n\n    /**\n     * @ignore\n     */\n    ngAfterContentInit(): void {\n        this.selectionDispatcher.notify((this._value ?? this._defaultValue) as unknown as string, this.id);\n\n        this.keyManager = new FocusKeyManager(this.items).withHomeAndEnd();\n\n        if (this.orientation === 'horizontal') {\n            this.keyManager.withHorizontalOrientation(this.dir?.value || 'ltr');\n        } else {\n            this.keyManager.withVerticalOrientation();\n        }\n\n        this.onValueChangeSubscription = merge(...this.items.map((item) => item.expandedChange)).subscribe(() =>\n            this.onValueChange.emit()\n        );\n    }\n\n    /**\n     * @ignore\n     */\n    ngOnDestroy() {\n        this.openCloseAllActions.complete();\n        this.onValueChangeSubscription.unsubscribe();\n    }\n\n    /**\n     * @ignore\n     */\n    handleKeydown(event: KeyboardEvent) {\n        if (!this.keyManager.activeItem) {\n            this.keyManager.setFirstItemActive();\n        }\n\n        const activeItem = this.keyManager.activeItem;\n\n        if (\n            (event.keyCode === ENTER || event.keyCode === SPACE) &&\n            !this.keyManager.isTyping() &&\n            activeItem &&\n            !activeItem.disabled\n        ) {\n            event.preventDefault();\n            activeItem.toggle();\n        } else {\n            this.keyManager.onKeydown(event);\n        }\n    }\n\n    /** Opens all enabled accordion items in an accordion where multi is enabled.\n     * @ignore\n     */\n    openAll(): void {\n        if (this.isMultiple) {\n            this.openCloseAllActions.next(true);\n        }\n    }\n\n    /** Closes all enabled accordion items.\n     * @ignore\n     */\n    closeAll(): void {\n        this.openCloseAllActions.next(false);\n    }\n\n    /**\n     * @ignore\n     */\n    setActiveItem(item: RdxAccordionItemDirective) {\n        this.keyManager.setActiveItem(item);\n    }\n}\n",
             "selector": "[rdxAccordionRoot]",
             "providers": [
                 {
@@ -1653,7 +1756,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nDetermines whether one or multiple items can be opened at the same time.\n",
                     "description": "<p>Determines whether one or multiple items can be opened at the same time.</p>\n",
-                    "line": 88,
+                    "line": 86,
                     "type": "RdxAccordionType",
                     "decorators": []
                 },
@@ -1663,7 +1766,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nThe controlled value of the item to expand\n",
                     "description": "<p>The controlled value of the item to expand</p>\n",
-                    "line": 97,
+                    "line": 95,
                     "type": "[] | string",
                     "decorators": []
                 }
@@ -1674,7 +1777,7 @@
                     "defaultValue": "new EventEmitter<void>()",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 109,
+                    "line": 111,
                     "type": "EventEmitter<void>"
                 }
             ],
@@ -1801,7 +1904,7 @@
                         "name": "defaultValue",
                         "type": "",
                         "returnType": "[] | string",
-                        "line": 81
+                        "line": 79
                     }
                 },
                 "value": {
@@ -1820,7 +1923,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 97,
+                        "line": 95,
                         "rawdescription": "\n\nThe controlled value of the item to expand\n",
                         "description": "<p>The controlled value of the item to expand</p>\n",
                         "jsdoctags": [
@@ -1839,7 +1942,7 @@
                         "name": "value",
                         "type": "",
                         "returnType": "[] | string",
-                        "line": 105
+                        "line": 103
                     }
                 }
             }
@@ -3080,6 +3183,183 @@
             ],
             "extends": []
         },
+        {
+            "name": "RdxDialogCloseDirective",
+            "id": "directive-RdxDialogCloseDirective-7479d9f49f7adc030cd331d50cd73eb89c7aa9e9a6bf3ceec199610dc52ecbd0e9d084de40233ddf732b56370ce20f72345dba26de4e5bc12e83067b3aca6cdd",
+            "file": "dialog/src/dialog-close.directive.ts",
+            "type": "directive",
+            "description": "",
+            "rawdescription": "\n",
+            "sourceCode": "import { Directive } from '@angular/core';\n\n@Directive({\n    selector: 'button[rdxDialogClose]',\n    standalone: true,\n    host: {\n        type: 'button',\n        '(click)': 'onClose()'\n    }\n})\nexport class RdxDialogCloseDirective {\n    protected onClick(): void {\n        /**/\n    }\n}\n",
+            "selector": "button[rdxDialogClose]",
+            "providers": [],
+            "hostDirectives": [],
+            "standalone": true,
+            "inputsClass": [],
+            "outputsClass": [],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [],
+            "hostListeners": [],
+            "propertiesClass": [],
+            "methodsClass": [
+                {
+                    "name": "onClick",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 12,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        124
+                    ]
+                }
+            ],
+            "extends": []
+        },
+        {
+            "name": "RdxDialogContentDirective",
+            "id": "directive-RdxDialogContentDirective-e30b157b63ce7a83733ca776d5eb9ed53923d3103e7289676efac6c2a4f790d67507d0ac51e0d505972562bc7b80de0803333f8d31bdf9785421e1e81917744f",
+            "file": "dialog/src/dialog-content.directive.ts",
+            "type": "directive",
+            "description": "",
+            "rawdescription": "\n",
+            "sourceCode": "import { Directive } from '@angular/core';\n\n@Directive({\n    selector: '[rdxDialogContent]',\n    standalone: true,\n    host: {\n        role: 'dialog',\n        '[attr.aria-describedby]': '\"true\"',\n        '[attr.aria-labelledby]': '\"true\"',\n        '[attr.data-state]': '\"true\"'\n    }\n})\nexport class RdxDialogContentDirective {}\n",
+            "selector": "[rdxDialogContent]",
+            "providers": [],
+            "hostDirectives": [],
+            "standalone": true,
+            "inputsClass": [],
+            "outputsClass": [],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [],
+            "hostListeners": [],
+            "propertiesClass": [],
+            "methodsClass": [],
+            "extends": []
+        },
+        {
+            "name": "RdxDialogDescriptionDirective",
+            "id": "directive-RdxDialogDescriptionDirective-90435f7b8726646c5b763736781a9a91436167f544b1f3834185aebe372892f23a30250c0bc3052bcc483732f275a77bda5cd4923010c088a8b3c156dae83bdc",
+            "file": "dialog/src/dialog-description.directive.ts",
+            "type": "directive",
+            "description": "",
+            "rawdescription": "\n",
+            "sourceCode": "import { Directive } from '@angular/core';\n\n@Directive({\n    selector: 'p[rdxDialogDescription]',\n    standalone: true\n})\nexport class RdxDialogDescriptionDirective {}\n",
+            "selector": "p[rdxDialogDescription]",
+            "providers": [],
+            "hostDirectives": [],
+            "standalone": true,
+            "inputsClass": [],
+            "outputsClass": [],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [],
+            "hostListeners": [],
+            "propertiesClass": [],
+            "methodsClass": [],
+            "extends": []
+        },
+        {
+            "name": "RdxDialogOverlayDirective",
+            "id": "directive-RdxDialogOverlayDirective-e8f4de80cca46610a7d564cdfa007701ee0ed8f3dc529d0c233bbc80bd65a0fb3a5cb9e2e7fcf086c5aba518e530864cb2007ed99d1eee2cc4838cc8202c66e6",
+            "file": "dialog/src/dialog-overlay.directive.ts",
+            "type": "directive",
+            "description": "",
+            "rawdescription": "\n",
+            "sourceCode": "import { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { Directive, inject, OnInit } from '@angular/core';\n\n@Directive({\n    selector: '[rdxDialogOverlay]',\n    standalone: true\n})\nexport class RdxDialogOverlayDirective implements OnInit {\n    private overlayRef: OverlayRef | null = null;\n\n    private readonly overlay = inject(Overlay);\n\n    ngOnInit() {\n        this.createOverlay();\n    }\n\n    private createOverlay() {\n        if (this.overlayRef) {\n            return;\n        }\n\n        const positionStrategy = this.overlay.position().global().centerHorizontally().centerVertically();\n\n        this.overlayRef = this.overlay.create({\n            positionStrategy,\n            scrollStrategy: this.overlay.scrollStrategies.block()\n        });\n    }\n\n    private attachOverlay() {\n        if (this.overlayRef && !this.overlayRef.hasAttached()) {\n            // this.overlayRef.attach();\n        }\n    }\n\n    private detachOverlay() {\n        if (this.overlayRef && this.overlayRef.hasAttached()) {\n            this.overlayRef.detach();\n        }\n    }\n\n    private destroyOverlay() {\n        if (this.overlayRef) {\n            this.overlayRef.dispose();\n            this.overlayRef = null;\n        }\n    }\n}\n",
+            "selector": "[rdxDialogOverlay]",
+            "providers": [],
+            "hostDirectives": [],
+            "standalone": true,
+            "inputsClass": [],
+            "outputsClass": [],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [],
+            "hostListeners": [],
+            "propertiesClass": [],
+            "methodsClass": [],
+            "extends": [],
+            "implements": [
+                "OnInit"
+            ]
+        },
+        {
+            "name": "RdxDialogTitleDirective",
+            "id": "directive-RdxDialogTitleDirective-102eeceae1484a425101b51450ca4e4df54202b1fa60990ae492f8f7b099dbd844abedf9feeea82b30d08eebc4eec03e8b4992d1463a2409883d38345c30282f",
+            "file": "dialog/src/dialog-title.directive.ts",
+            "type": "directive",
+            "description": "",
+            "rawdescription": "\n",
+            "sourceCode": "import { Directive } from '@angular/core';\n\n@Directive({\n    selector: 'h2[rdxDialogTitle]',\n    standalone: true\n})\nexport class RdxDialogTitleDirective {}\n",
+            "selector": "h2[rdxDialogTitle]",
+            "providers": [],
+            "hostDirectives": [],
+            "standalone": true,
+            "inputsClass": [],
+            "outputsClass": [],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [],
+            "hostListeners": [],
+            "propertiesClass": [],
+            "methodsClass": [],
+            "extends": []
+        },
+        {
+            "name": "RdxDialogTriggerDirective",
+            "id": "directive-RdxDialogTriggerDirective-e3897b6c163f4925b3e7859ae18de906b65eaa57408adf65274f08284c809fd60853e5e913f59ad44e5ddb935e070b4e7ac30e92ac0fa4236f8f9fb3000a3a72",
+            "file": "dialog/src/dialog-trigger.directive.ts",
+            "type": "directive",
+            "description": "",
+            "rawdescription": "\n",
+            "sourceCode": "import { Directive, input } from '@angular/core';\n\nlet nextId = 0;\n\n// Primitive.button\n@Directive({\n    selector: '[rdxDialogTrigger], [rdxDialogTriggerFor]',\n    standalone: true,\n    host: {\n        type: 'button',\n        '[attr.id]': 'id()',\n        '[attr.aria-haspopup]': '\"dialog\"',\n        '[attr.aria-expanded]': '\"true\"',\n        '[attr.aria-controls]': '\"true\"',\n        '[attr.data-state]': '\"true\"',\n        '(click)': 'onClick()'\n    }\n})\nexport class RdxDialogTriggerDirective {\n    readonly id = input(`rdx-dialog-trigger-${nextId++}`);\n\n    protected onClick() {\n        /* empty */\n    }\n}\n",
+            "selector": "[rdxDialogTrigger], [rdxDialogTriggerFor]",
+            "providers": [],
+            "hostDirectives": [],
+            "standalone": true,
+            "inputsClass": [],
+            "outputsClass": [],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [],
+            "hostListeners": [],
+            "propertiesClass": [
+                {
+                    "name": "id",
+                    "defaultValue": "input(`rdx-dialog-trigger-${nextId++}`)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 20,
+                    "modifierKind": [
+                        148
+                    ]
+                }
+            ],
+            "methodsClass": [
+                {
+                    "name": "onClick",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 22,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        124
+                    ]
+                }
+            ],
+            "extends": []
+        },
         {
             "name": "RdxDropdownMenuContentDirective",
             "id": "directive-RdxDropdownMenuContentDirective-36c0a7620f2d5a4a029120497fb06898c4678813b86f06d6daba4093145a6ca3eea3b7333a645c08ef27131e81a61f2a0aefc9e59c101588e2ae88727d3a3248",
@@ -8901,6 +9181,16 @@
                 "type": "number",
                 "defaultValue": "0"
             },
+            {
+                "name": "nextId",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "dialog/src/dialog-trigger.directive.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "number",
+                "defaultValue": "0"
+            },
             {
                 "name": "nextId",
                 "ctype": "miscellaneous",
@@ -8963,16 +9253,6 @@
                 "type": "",
                 "defaultValue": "new InjectionToken<RadioGroupDirective>('RdxRadioGroup')"
             },
-            {
-                "name": "RdxAccordionContentToken",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "accordion/src/accordion-content.directive.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "",
-                "defaultValue": "new InjectionToken<RdxAccordionContentDirective>('RdxAccordionContentToken')"
-            },
             {
                 "name": "RdxAccordionRootToken",
                 "ctype": "miscellaneous",
@@ -9199,6 +9479,35 @@
                 "description": "",
                 "args": []
             },
+            {
+                "name": "getState",
+                "file": "dialog/src/dialog.types.ts",
+                "ctype": "miscellaneous",
+                "subtype": "function",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "args": [
+                    {
+                        "name": "open",
+                        "type": "boolean",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "returnType": "RdxDialogState",
+                "jsdoctags": [
+                    {
+                        "name": "open",
+                        "type": "boolean",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
             {
                 "name": "getTransitionDurationMs",
                 "file": "presence/src/utils.ts",
@@ -9850,6 +10159,17 @@
                 "description": "",
                 "kind": 192
             },
+            {
+                "name": "RdxDialogState",
+                "ctype": "miscellaneous",
+                "subtype": "typealias",
+                "rawtype": "\"open\" | \"closed\"",
+                "file": "dialog/src/dialog.types.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "kind": 192
+            },
             {
                 "name": "RdxImageLoadingStatus",
                 "ctype": "miscellaneous",
@@ -10340,6 +10660,18 @@
                     "defaultValue": "new InjectionToken<RdxAccordionRootDirective>('RdxAccordionRootDirective')"
                 }
             ],
+            "dialog/src/dialog-trigger.directive.ts": [
+                {
+                    "name": "nextId",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "dialog/src/dialog-trigger.directive.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "number",
+                    "defaultValue": "0"
+                }
+            ],
             "dropdown-menu/src/dropdown-menu-item-radio.directive.ts": [
                 {
                     "name": "nextId",
@@ -10388,18 +10720,6 @@
                     "defaultValue": "new InjectionToken<RadioGroupDirective>('RdxRadioGroup')"
                 }
             ],
-            "accordion/src/accordion-content.directive.ts": [
-                {
-                    "name": "RdxAccordionContentToken",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "accordion/src/accordion-content.directive.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "",
-                    "defaultValue": "new InjectionToken<RdxAccordionContentDirective>('RdxAccordionContentToken')"
-                }
-            ],
             "avatar/src/avatar-root.directive.ts": [
                 {
                     "name": "RdxAvatarToken",
@@ -10554,6 +10874,37 @@
                     "args": []
                 }
             ],
+            "dialog/src/dialog.types.ts": [
+                {
+                    "name": "getState",
+                    "file": "dialog/src/dialog.types.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "args": [
+                        {
+                            "name": "open",
+                            "type": "boolean",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "returnType": "RdxDialogState",
+                    "jsdoctags": [
+                        {
+                            "name": "open",
+                            "type": "boolean",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                }
+            ],
             "presence/src/utils.ts": [
                 {
                     "name": "getTransitionDurationMs",
@@ -11330,6 +11681,19 @@
                     "kind": 192
                 }
             ],
+            "dialog/src/dialog.types.ts": [
+                {
+                    "name": "RdxDialogState",
+                    "ctype": "miscellaneous",
+                    "subtype": "typealias",
+                    "rawtype": "\"open\" | \"closed\"",
+                    "file": "dialog/src/dialog.types.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "kind": 192
+                }
+            ],
             "avatar/src/avatar-root.directive.ts": [
                 {
                     "name": "RdxImageLoadingStatus",