@radix-ng/primitives 0.12.2 → 0.13.0

package/compodoc/documentation.json

@@ -3,12 +3,12 @@
     "interfaces": [
         {
             "name": "ProgressProps",
-            "id": "interface-ProgressProps-c3b5ba1c0619ca7ef377f07c2f70b107f3f480f81ffe27d862c674d9bcf0251f737d0ba8181a8136f41d2da55de5dca137d140d4c9f17c0c2446aa9754e7b867",
+            "id": "interface-ProgressProps-689013cd68bdaebb3d7bcd4418d8cab4edd37bd99180558bf809384c98251a7e3a7d618d17719d77625067d1a347f4948650abfb703627eb4a956af2e89c132a",
             "file": "progress/src/progress-root.directive.ts",
             "deprecated": false,
             "deprecationMessage": "",
             "type": "interface",
-            "sourceCode": "import { Directive, inject, InjectionToken, Input, numberAttribute, OnChanges, SimpleChanges } from '@angular/core';\n\nlet idIterator = 0;\n\nconst MIN_PERCENT = 0;\nconst DEFAULT_MAX = 100;\nconst PROGRESS_NAME = 'Radix Progress';\n\nconst RdxProgressToken = new InjectionToken<RdxProgressRootDirective>('RdxProgressDirective');\n\n/**\n * Injects the current instance of RdxProgressRootDirective.\n * @returns The instance of RdxProgressRootDirective.\n */\nexport function injectProgress(): RdxProgressRootDirective {\n    return inject(RdxProgressToken);\n}\n\nexport type ProgressState = 'indeterminate' | 'complete' | 'loading';\n\nexport interface ProgressProps {\n    value?: number | null | undefined;\n    max?: number;\n    getValueLabel?: string;\n}\n\n/**\n * Directive to manage progress bar state and attributes.\n *\n * This directive provides a way to create a progress bar with customizable value and max attributes.\n * It handles aria attributes for accessibility and provides different states like 'indeterminate', 'complete', and 'loading'.\n */\n@Directive({\n    selector: 'div[rdxProgressRoot]',\n    exportAs: 'ProgressRoot',\n    standalone: true,\n    providers: [{ provide: RdxProgressToken, useExisting: RdxProgressRootDirective }],\n    host: {\n        role: 'progressbar',\n        '[id]': 'id',\n        '[attr.aria-valuemax]': 'max',\n        '[attr.aria-valuemin]': '0',\n        '[attr.aria-valuenow]': 'value',\n        '[attr.aria-valuetext]': 'valueLabel(value, max)',\n        '[attr.data-state]': 'state',\n        '[attr.data-value]': 'value',\n        '[attr.data-max]': 'max',\n        // set tab index to -1 so screen readers will read the aria-label\n        // Note: there is a known issue with JAWS that does not read progressbar aria labels on FireFox\n        tabindex: '-1'\n    }\n})\nexport class RdxProgressRootDirective implements ProgressProps, OnChanges {\n    /**\n     * The unique ID for the progress bar.\n     * @default 'rdx-progress-bar-{idIterator}'\n     */\n    @Input() id = `rdx-progress-bar-${idIterator++}`;\n\n    /**\n     * The current value of the progress bar.\n     * @default 0\n     */\n    @Input({ alias: 'rdxValue', transform: numberAttribute }) value = MIN_PERCENT;\n\n    /**\n     * The maximum value of the progress bar.\n     * @default 100\n     */\n    @Input({ alias: 'rdxMax', transform: numberAttribute }) max = DEFAULT_MAX;\n\n    /**\n     * Function to generate the value label.\n     */\n    @Input('rdxValueLabel') valueLabel: (value: number, max: number) => string = (value, max) =>\n        this.defaultGetValueLabel(value, max);\n\n    /**\n     * Lifecycle hook that is called when any data-bound property of a directive changes.\n     * @param changes - The changed properties.\n     * @ignore\n     */\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes['max'] && !this.isValidMaxNumber(this.max)) {\n            console.error(this.getInvalidMaxError(`${this.max}`, PROGRESS_NAME));\n        }\n\n        if (changes['value'] && this.value !== null && !this.isValidValueNumber(this.value, this.max)) {\n            console.error(this.getInvalidValueError(`${this.value}`, PROGRESS_NAME));\n        }\n    }\n\n    /**\n     * Get the state of the progress bar.\n     * @returns 'indeterminate' | 'loading' | 'complete'\n     * @ignore\n     */\n    get state(): ProgressState {\n        return this.getProgressState(this.value, this.max);\n    }\n\n    private getProgressState(value: number | undefined | null, maxValue: number): ProgressState {\n        return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading';\n    }\n\n    private defaultGetValueLabel(value: number, max: number) {\n        return `${Math.round((value / max) * 100)}%`;\n    }\n\n    private isValidMaxNumber(max: unknown): max is number {\n        return this.isNumber(max) && !isNaN(max) && max > 0;\n    }\n\n    private isNumber(value: unknown): value is number {\n        return typeof value === 'number';\n    }\n\n    private isValidValueNumber(value: unknown, max: number): value is number {\n        return this.isNumber(value) && !isNaN(value) && value <= max && value >= 0;\n    }\n\n    private getInvalidMaxError(propValue: string, componentName: string): string {\n        return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`;\n    }\n\n    private getInvalidValueError(propValue: string, componentName: string): string {\n        return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n    - a positive number\n    - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n    - \\`null\\` or \\`undefined\\` if the progress is indeterminate.\n\n    Defaulting to \\`null\\`.`;\n    }\n}\n",
+            "sourceCode": "import { Directive, inject, InjectionToken, Input, numberAttribute, OnChanges, SimpleChanges } from '@angular/core';\n\nlet idIterator = 0;\n\nconst MIN_PERCENT = 0;\nconst DEFAULT_MAX = 100;\nconst PROGRESS_NAME = 'Radix Progress';\n\nconst RdxProgressToken = new InjectionToken<RdxProgressRootDirective>('RdxProgressDirective');\n\n/**\n * Injects the current instance of RdxProgressRootDirective.\n * @returns The instance of RdxProgressRootDirective.\n */\nexport function injectProgress(): RdxProgressRootDirective {\n    return inject(RdxProgressToken);\n}\n\nexport type ProgressState = 'indeterminate' | 'complete' | 'loading';\n\nexport interface ProgressProps {\n    value?: number | null | undefined;\n    max?: number;\n    getValueLabel?: string;\n}\n\n/**\n * Directive to manage progress bar state and attributes.\n *\n * This directive provides a way to create a progress bar with customizable value and max attributes.\n * It handles aria attributes for accessibility and provides different states like 'indeterminate', 'complete', and 'loading'.\n */\n@Directive({\n    selector: '[rdxProgressRoot]',\n    exportAs: 'rdxProgressRoot',\n    standalone: true,\n    providers: [{ provide: RdxProgressToken, useExisting: RdxProgressRootDirective }],\n    host: {\n        role: 'progressbar',\n        '[id]': 'id',\n        '[attr.aria-valuemax]': 'max',\n        '[attr.aria-valuemin]': '0',\n        '[attr.aria-valuenow]': 'value',\n        '[attr.aria-valuetext]': 'valueLabel(value, max)',\n        '[attr.data-state]': 'state',\n        '[attr.data-value]': 'value',\n        '[attr.data-max]': 'max',\n        // set tab index to -1 so screen readers will read the aria-label\n        // Note: there is a known issue with JAWS that does not read progressbar aria labels on FireFox\n        tabindex: '-1'\n    }\n})\nexport class RdxProgressRootDirective implements ProgressProps, OnChanges {\n    /**\n     * The unique ID for the progress bar.\n     * @default 'rdx-progress-bar-{idIterator}'\n     */\n    @Input() id = `rdx-progress-bar-${idIterator++}`;\n\n    /**\n     * The current value of the progress bar.\n     * @default 0\n     */\n    @Input({ alias: 'rdxValue', transform: numberAttribute }) value = MIN_PERCENT;\n\n    /**\n     * The maximum value of the progress bar.\n     * @default 100\n     */\n    @Input({ alias: 'rdxMax', transform: numberAttribute }) max = DEFAULT_MAX;\n\n    /**\n     * Function to generate the value label.\n     */\n    @Input('rdxValueLabel') valueLabel: (value: number, max: number) => string = (value, max) =>\n        this.defaultGetValueLabel(value, max);\n\n    /**\n     * Lifecycle hook that is called when any data-bound property of a directive changes.\n     * @param changes - The changed properties.\n     * @ignore\n     */\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes['max'] && !this.isValidMaxNumber(this.max)) {\n            console.error(this.getInvalidMaxError(`${this.max}`, PROGRESS_NAME));\n        }\n\n        if (changes['value'] && this.value !== null && !this.isValidValueNumber(this.value, this.max)) {\n            console.error(this.getInvalidValueError(`${this.value}`, PROGRESS_NAME));\n        }\n    }\n\n    /**\n     * Get the state of the progress bar.\n     * @returns 'indeterminate' | 'loading' | 'complete'\n     * @ignore\n     */\n    get state(): ProgressState {\n        return this.getProgressState(this.value, this.max);\n    }\n\n    private getProgressState(value: number | undefined | null, maxValue: number): ProgressState {\n        return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading';\n    }\n\n    private defaultGetValueLabel(value: number, max: number) {\n        return `${Math.round((value / max) * 100)}%`;\n    }\n\n    private isValidMaxNumber(max: unknown): max is number {\n        return this.isNumber(max) && !isNaN(max) && max > 0;\n    }\n\n    private isNumber(value: unknown): value is number {\n        return typeof value === 'number';\n    }\n\n    private isValidValueNumber(value: unknown, max: number): value is number {\n        return this.isNumber(value) && !isNaN(value) && value <= max && value >= 0;\n    }\n\n    private getInvalidMaxError(propValue: string, componentName: string): string {\n        return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`;\n    }\n\n    private getInvalidValueError(propValue: string, componentName: string): string {\n        return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n    - a positive number\n    - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n    - \\`null\\` or \\`undefined\\` if the progress is indeterminate.\n\n    Defaulting to \\`null\\`.`;\n    }\n}\n",
             "properties": [
                 {
                     "name": "getValueLabel",
@@ -664,7 +664,7 @@
         },
         {
             "name": "RdxDialogService",
-            "id": "injectable-RdxDialogService-c4f5a04513d50f43c2e1bdcd880ab8a4245fd35603730273325d844349b069b0bda1c554ddd2e4bdb794b151ed94effac155d7c69b83019e00369ecf06fc13a7",
+            "id": "injectable-RdxDialogService-308e6ceefd87ae6454527674ec4d94c4e59be5dcb94deb18ef0c24e20ee7629e3a3ea6f20c1858f17461ba86ab55126092e8cc099b189f68acd3ec8ea613e707",
             "file": "dialog/src/dialog.service.ts",
             "properties": [],
             "methods": [
@@ -703,7 +703,7 @@
             "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 { Dialog } from '@angular/cdk/dialog';\nimport { inject, Injectable, Injector, Renderer2 } from '@angular/core';\nimport { filter, isObservable, merge, of, switchMap, take, takeUntil } from 'rxjs';\nimport { DISMISSED_VALUE, RdxDialogRef } from './dialog-ref';\nimport type { RdxDialogConfig, RdxDialogResult } from './dialog.config';\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()\nexport class RdxDialogService {\n    #cdkDialog = inject(Dialog);\n    #injector = inject(Injector);\n\n    open<C>(config: RdxDialogConfig<C>): RdxDialogRef<C> {\n        let dialogRef: RdxDialogRef<C>;\n        let modeClasses: string[] = [];\n\n        switch (config.mode) {\n            case 'drawer':\n                modeClasses = ['mod-drawer'];\n                break;\n            case 'drawer-bottom':\n                modeClasses = ['mod-drawer', 'mod-bottom'];\n                break;\n        }\n\n        const cdkRef = this.#cdkDialog.open<RdxDialogResult<C> | typeof DISMISSED_VALUE, unknown, C>(config.content, {\n            ariaModal: config.modal ?? true,\n            hasBackdrop: config.modal ?? true,\n            data: 'data' in config ? config.data : null,\n            restoreFocus: true,\n            role: 'dialog',\n            disableClose: true,\n            closeOnDestroy: true,\n            injector: this.#injector,\n            backdropClass: config.backdropClass ? config.backdropClass : 'cdk-overlay-dark-backdrop',\n            panelClass: ['dialog', ...modeClasses, ...(config.panelClasses || [])],\n            autoFocus: config.autoFocus === 'first-input' ? 'dialog' : (config.autoFocus ?? 'first-tabbable'),\n            ariaLabel: config.ariaLabel,\n            templateContext: () => ({ dialogRef: dialogRef }),\n            providers: (ref) => {\n                dialogRef = new RdxDialogRef(ref, config);\n                return [\n                    {\n                        provide: RdxDialogRef,\n                        useValue: dialogRef\n                    }\n                ];\n            },\n            // @FIXME\n            ...(config.cdkConfigOverride || ({} as any))\n        });\n\n        if (cdkRef.componentRef) {\n            cdkRef.componentRef.injector\n                .get(Renderer2)\n                .setStyle(cdkRef.componentRef.location.nativeElement, 'display', 'contents');\n        }\n\n        merge(cdkRef.backdropClick, cdkRef.keydownEvents.pipe(filter((e) => e.key === 'Escape' && !e.defaultPrevented)))\n            .pipe(\n                filter(() => config.canCloseWithBackdrop ?? true),\n                switchMap(() => {\n                    const canClose = (cdkRef.componentInstance && config.canClose?.(cdkRef.componentInstance)) ?? true;\n                    const canClose$ = isObservable(canClose) ? canClose : of(canClose);\n                    return canClose$.pipe(take(1));\n                }),\n\n                takeUntil(dialogRef!.closed$)\n            )\n            .subscribe((canClose) => {\n                if (canClose) {\n                    cdkRef.close(DISMISSED_VALUE);\n                }\n            });\n\n        return dialogRef!;\n    }\n}\n",
+            "sourceCode": "import { Dialog } from '@angular/cdk/dialog';\nimport { inject, Injectable, Injector, Renderer2 } from '@angular/core';\nimport { filter, isObservable, merge, of, switchMap, take, takeUntil } from 'rxjs';\nimport { DISMISSED_VALUE, RdxDialogRef } from './dialog-ref';\nimport type { RdxDialogConfig, RdxDialogResult } from './dialog.config';\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()\nexport class RdxDialogService {\n    #cdkDialog = inject(Dialog);\n    #injector = inject(Injector);\n\n    open<C>(config: RdxDialogConfig<C>): RdxDialogRef<C> {\n        let dialogRef: RdxDialogRef<C>;\n        let modeClasses: string[] = [];\n\n        switch (config.mode) {\n            case 'sheet':\n                modeClasses = ['mod-sheet', 'mod-right'];\n                break;\n            case 'sheet-right':\n                modeClasses = ['mod-sheet', 'mod-right'];\n                break;\n            case 'sheet-bottom':\n                modeClasses = ['mod-sheet', 'mod-bottom'];\n                break;\n            case 'sheet-left':\n                modeClasses = ['mod-sheet', 'mod-left'];\n                break;\n            case 'sheet-top':\n                modeClasses = ['mod-sheet', 'mod-top'];\n                break;\n        }\n\n        const cdkRef = this.#cdkDialog.open<RdxDialogResult<C> | typeof DISMISSED_VALUE, unknown, C>(config.content, {\n            ariaModal: config.modal ?? true,\n            hasBackdrop: config.modal ?? true,\n            data: 'data' in config ? config.data : null,\n            restoreFocus: true,\n            role: 'dialog',\n            disableClose: true,\n            closeOnDestroy: true,\n            injector: this.#injector,\n            backdropClass: config.backdropClass ? config.backdropClass : 'cdk-overlay-dark-backdrop',\n            panelClass: ['dialog', ...modeClasses, ...(config.panelClasses || [])],\n            autoFocus: config.autoFocus === 'first-input' ? 'dialog' : (config.autoFocus ?? 'first-tabbable'),\n            ariaLabel: config.ariaLabel,\n            templateContext: () => ({ dialogRef: dialogRef }),\n            providers: (ref) => {\n                dialogRef = new RdxDialogRef(ref, config);\n                return [\n                    {\n                        provide: RdxDialogRef,\n                        useValue: dialogRef\n                    }\n                ];\n            },\n            // @FIXME\n            ...(config.cdkConfigOverride || ({} as any))\n        });\n\n        if (cdkRef.componentRef) {\n            cdkRef.componentRef.injector\n                .get(Renderer2)\n                .setStyle(cdkRef.componentRef.location.nativeElement, 'display', 'contents');\n        }\n\n        merge(cdkRef.backdropClick, cdkRef.keydownEvents.pipe(filter((e) => e.key === 'Escape' && !e.defaultPrevented)))\n            .pipe(\n                filter(() => config.canCloseWithBackdrop ?? true),\n                switchMap(() => {\n                    const canClose = (cdkRef.componentInstance && config.canClose?.(cdkRef.componentInstance)) ?? true;\n                    const canClose$ = isObservable(canClose) ? canClose : of(canClose);\n                    return canClose$.pipe(take(1));\n                }),\n\n                takeUntil(dialogRef!.closed$)\n            )\n            .subscribe((canClose) => {\n                if (canClose) {\n                    cdkRef.close(DISMISSED_VALUE);\n                }\n            });\n\n        return dialogRef!;\n    }\n}\n",
             "extends": [],
             "type": "injectable"
         },
@@ -7038,15 +7038,15 @@
         },
         {
             "name": "RdxProgressIndicatorDirective",
-            "id": "directive-RdxProgressIndicatorDirective-42e9bbecda009ca6a7695dcf362ad18d3d6b554bcc0b85e052e9004412122c19c2138c811d15ac49cf3df02732caeb3043d4321817e8354bef31815df1d08d0b",
+            "id": "directive-RdxProgressIndicatorDirective-72279506a6603b9d295dfc8318b8ed2750a89cfa0819551abc0b602fbd1d68206419a1a6a896835f22342b6ea448127f61499cd0b9422fe13fdc48a9a4bd8bcf",
             "file": "progress/src/progress-indicator.directive.ts",
             "type": "directive",
             "description": "<p>Directive to manage progress indicator state and attributes.</p>\n<p>This directive is used to display the progress indicator inside the progress bar.\nIt inherits the state and value from the <code>RdxProgressRootDirective</code>.</p>\n",
             "rawdescription": "\n\nDirective to manage progress indicator state and attributes.\n\nThis directive is used to display the progress indicator inside the progress bar.\nIt inherits the state and value from the `RdxProgressRootDirective`.\n",
-            "sourceCode": "import { Directive } from '@angular/core';\nimport { injectProgress } from './progress-root.directive';\n\n/**\n * Directive to manage progress indicator state and attributes.\n *\n * This directive is used to display the progress indicator inside the progress bar.\n * It inherits the state and value from the `RdxProgressRootDirective`.\n */\n@Directive({\n    selector: 'div[rdxProgressIndicator]',\n    exportAs: 'ProgressIndicator',\n    standalone: true,\n    host: {\n        '[attr.data-state]': 'progress.state',\n        '[attr.data-value]': 'progress.value',\n        '[attr.data-max]': 'progress.max'\n    }\n})\nexport class RdxProgressIndicatorDirective {\n    /**\n     *\n     * This allows the directive to access the progress bar state and values.\n     */\n    protected readonly progress = injectProgress();\n}\n",
-            "selector": "div[rdxProgressIndicator]",
+            "sourceCode": "import { Directive } from '@angular/core';\nimport { injectProgress } from './progress-root.directive';\n\n/**\n * Directive to manage progress indicator state and attributes.\n *\n * This directive is used to display the progress indicator inside the progress bar.\n * It inherits the state and value from the `RdxProgressRootDirective`.\n */\n@Directive({\n    selector: '[rdxProgressIndicator]',\n    exportAs: 'rdxProgressIndicator',\n    standalone: true,\n    host: {\n        '[attr.data-state]': 'progress.state',\n        '[attr.data-value]': 'progress.value',\n        '[attr.data-max]': 'progress.max'\n    }\n})\nexport class RdxProgressIndicatorDirective {\n    /**\n     *\n     * This allows the directive to access the progress bar state and values.\n     */\n    protected readonly progress = injectProgress();\n}\n",
+            "selector": "[rdxProgressIndicator]",
             "providers": [],
-            "exportAs": "ProgressIndicator",
+            "exportAs": "rdxProgressIndicator",
             "hostDirectives": [],
             "standalone": true,
             "inputsClass": [],
@@ -7077,20 +7077,20 @@
         },
         {
             "name": "RdxProgressRootDirective",
-            "id": "directive-RdxProgressRootDirective-c3b5ba1c0619ca7ef377f07c2f70b107f3f480f81ffe27d862c674d9bcf0251f737d0ba8181a8136f41d2da55de5dca137d140d4c9f17c0c2446aa9754e7b867",
+            "id": "directive-RdxProgressRootDirective-689013cd68bdaebb3d7bcd4418d8cab4edd37bd99180558bf809384c98251a7e3a7d618d17719d77625067d1a347f4948650abfb703627eb4a956af2e89c132a",
             "file": "progress/src/progress-root.directive.ts",
             "type": "directive",
             "description": "<p>Directive to manage progress bar state and attributes.</p>\n<p>This directive provides a way to create a progress bar with customizable value and max attributes.\nIt handles aria attributes for accessibility and provides different states like &#39;indeterminate&#39;, &#39;complete&#39;, and &#39;loading&#39;.</p>\n",
             "rawdescription": "\n\nDirective to manage progress bar state and attributes.\n\nThis directive provides a way to create a progress bar with customizable value and max attributes.\nIt handles aria attributes for accessibility and provides different states like 'indeterminate', 'complete', and 'loading'.\n",
-            "sourceCode": "import { Directive, inject, InjectionToken, Input, numberAttribute, OnChanges, SimpleChanges } from '@angular/core';\n\nlet idIterator = 0;\n\nconst MIN_PERCENT = 0;\nconst DEFAULT_MAX = 100;\nconst PROGRESS_NAME = 'Radix Progress';\n\nconst RdxProgressToken = new InjectionToken<RdxProgressRootDirective>('RdxProgressDirective');\n\n/**\n * Injects the current instance of RdxProgressRootDirective.\n * @returns The instance of RdxProgressRootDirective.\n */\nexport function injectProgress(): RdxProgressRootDirective {\n    return inject(RdxProgressToken);\n}\n\nexport type ProgressState = 'indeterminate' | 'complete' | 'loading';\n\nexport interface ProgressProps {\n    value?: number | null | undefined;\n    max?: number;\n    getValueLabel?: string;\n}\n\n/**\n * Directive to manage progress bar state and attributes.\n *\n * This directive provides a way to create a progress bar with customizable value and max attributes.\n * It handles aria attributes for accessibility and provides different states like 'indeterminate', 'complete', and 'loading'.\n */\n@Directive({\n    selector: 'div[rdxProgressRoot]',\n    exportAs: 'ProgressRoot',\n    standalone: true,\n    providers: [{ provide: RdxProgressToken, useExisting: RdxProgressRootDirective }],\n    host: {\n        role: 'progressbar',\n        '[id]': 'id',\n        '[attr.aria-valuemax]': 'max',\n        '[attr.aria-valuemin]': '0',\n        '[attr.aria-valuenow]': 'value',\n        '[attr.aria-valuetext]': 'valueLabel(value, max)',\n        '[attr.data-state]': 'state',\n        '[attr.data-value]': 'value',\n        '[attr.data-max]': 'max',\n        // set tab index to -1 so screen readers will read the aria-label\n        // Note: there is a known issue with JAWS that does not read progressbar aria labels on FireFox\n        tabindex: '-1'\n    }\n})\nexport class RdxProgressRootDirective implements ProgressProps, OnChanges {\n    /**\n     * The unique ID for the progress bar.\n     * @default 'rdx-progress-bar-{idIterator}'\n     */\n    @Input() id = `rdx-progress-bar-${idIterator++}`;\n\n    /**\n     * The current value of the progress bar.\n     * @default 0\n     */\n    @Input({ alias: 'rdxValue', transform: numberAttribute }) value = MIN_PERCENT;\n\n    /**\n     * The maximum value of the progress bar.\n     * @default 100\n     */\n    @Input({ alias: 'rdxMax', transform: numberAttribute }) max = DEFAULT_MAX;\n\n    /**\n     * Function to generate the value label.\n     */\n    @Input('rdxValueLabel') valueLabel: (value: number, max: number) => string = (value, max) =>\n        this.defaultGetValueLabel(value, max);\n\n    /**\n     * Lifecycle hook that is called when any data-bound property of a directive changes.\n     * @param changes - The changed properties.\n     * @ignore\n     */\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes['max'] && !this.isValidMaxNumber(this.max)) {\n            console.error(this.getInvalidMaxError(`${this.max}`, PROGRESS_NAME));\n        }\n\n        if (changes['value'] && this.value !== null && !this.isValidValueNumber(this.value, this.max)) {\n            console.error(this.getInvalidValueError(`${this.value}`, PROGRESS_NAME));\n        }\n    }\n\n    /**\n     * Get the state of the progress bar.\n     * @returns 'indeterminate' | 'loading' | 'complete'\n     * @ignore\n     */\n    get state(): ProgressState {\n        return this.getProgressState(this.value, this.max);\n    }\n\n    private getProgressState(value: number | undefined | null, maxValue: number): ProgressState {\n        return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading';\n    }\n\n    private defaultGetValueLabel(value: number, max: number) {\n        return `${Math.round((value / max) * 100)}%`;\n    }\n\n    private isValidMaxNumber(max: unknown): max is number {\n        return this.isNumber(max) && !isNaN(max) && max > 0;\n    }\n\n    private isNumber(value: unknown): value is number {\n        return typeof value === 'number';\n    }\n\n    private isValidValueNumber(value: unknown, max: number): value is number {\n        return this.isNumber(value) && !isNaN(value) && value <= max && value >= 0;\n    }\n\n    private getInvalidMaxError(propValue: string, componentName: string): string {\n        return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`;\n    }\n\n    private getInvalidValueError(propValue: string, componentName: string): string {\n        return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n    - a positive number\n    - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n    - \\`null\\` or \\`undefined\\` if the progress is indeterminate.\n\n    Defaulting to \\`null\\`.`;\n    }\n}\n",
-            "selector": "div[rdxProgressRoot]",
+            "sourceCode": "import { Directive, inject, InjectionToken, Input, numberAttribute, OnChanges, SimpleChanges } from '@angular/core';\n\nlet idIterator = 0;\n\nconst MIN_PERCENT = 0;\nconst DEFAULT_MAX = 100;\nconst PROGRESS_NAME = 'Radix Progress';\n\nconst RdxProgressToken = new InjectionToken<RdxProgressRootDirective>('RdxProgressDirective');\n\n/**\n * Injects the current instance of RdxProgressRootDirective.\n * @returns The instance of RdxProgressRootDirective.\n */\nexport function injectProgress(): RdxProgressRootDirective {\n    return inject(RdxProgressToken);\n}\n\nexport type ProgressState = 'indeterminate' | 'complete' | 'loading';\n\nexport interface ProgressProps {\n    value?: number | null | undefined;\n    max?: number;\n    getValueLabel?: string;\n}\n\n/**\n * Directive to manage progress bar state and attributes.\n *\n * This directive provides a way to create a progress bar with customizable value and max attributes.\n * It handles aria attributes for accessibility and provides different states like 'indeterminate', 'complete', and 'loading'.\n */\n@Directive({\n    selector: '[rdxProgressRoot]',\n    exportAs: 'rdxProgressRoot',\n    standalone: true,\n    providers: [{ provide: RdxProgressToken, useExisting: RdxProgressRootDirective }],\n    host: {\n        role: 'progressbar',\n        '[id]': 'id',\n        '[attr.aria-valuemax]': 'max',\n        '[attr.aria-valuemin]': '0',\n        '[attr.aria-valuenow]': 'value',\n        '[attr.aria-valuetext]': 'valueLabel(value, max)',\n        '[attr.data-state]': 'state',\n        '[attr.data-value]': 'value',\n        '[attr.data-max]': 'max',\n        // set tab index to -1 so screen readers will read the aria-label\n        // Note: there is a known issue with JAWS that does not read progressbar aria labels on FireFox\n        tabindex: '-1'\n    }\n})\nexport class RdxProgressRootDirective implements ProgressProps, OnChanges {\n    /**\n     * The unique ID for the progress bar.\n     * @default 'rdx-progress-bar-{idIterator}'\n     */\n    @Input() id = `rdx-progress-bar-${idIterator++}`;\n\n    /**\n     * The current value of the progress bar.\n     * @default 0\n     */\n    @Input({ alias: 'rdxValue', transform: numberAttribute }) value = MIN_PERCENT;\n\n    /**\n     * The maximum value of the progress bar.\n     * @default 100\n     */\n    @Input({ alias: 'rdxMax', transform: numberAttribute }) max = DEFAULT_MAX;\n\n    /**\n     * Function to generate the value label.\n     */\n    @Input('rdxValueLabel') valueLabel: (value: number, max: number) => string = (value, max) =>\n        this.defaultGetValueLabel(value, max);\n\n    /**\n     * Lifecycle hook that is called when any data-bound property of a directive changes.\n     * @param changes - The changed properties.\n     * @ignore\n     */\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes['max'] && !this.isValidMaxNumber(this.max)) {\n            console.error(this.getInvalidMaxError(`${this.max}`, PROGRESS_NAME));\n        }\n\n        if (changes['value'] && this.value !== null && !this.isValidValueNumber(this.value, this.max)) {\n            console.error(this.getInvalidValueError(`${this.value}`, PROGRESS_NAME));\n        }\n    }\n\n    /**\n     * Get the state of the progress bar.\n     * @returns 'indeterminate' | 'loading' | 'complete'\n     * @ignore\n     */\n    get state(): ProgressState {\n        return this.getProgressState(this.value, this.max);\n    }\n\n    private getProgressState(value: number | undefined | null, maxValue: number): ProgressState {\n        return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading';\n    }\n\n    private defaultGetValueLabel(value: number, max: number) {\n        return `${Math.round((value / max) * 100)}%`;\n    }\n\n    private isValidMaxNumber(max: unknown): max is number {\n        return this.isNumber(max) && !isNaN(max) && max > 0;\n    }\n\n    private isNumber(value: unknown): value is number {\n        return typeof value === 'number';\n    }\n\n    private isValidValueNumber(value: unknown, max: number): value is number {\n        return this.isNumber(value) && !isNaN(value) && value <= max && value >= 0;\n    }\n\n    private getInvalidMaxError(propValue: string, componentName: string): string {\n        return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`;\n    }\n\n    private getInvalidValueError(propValue: string, componentName: string): string {\n        return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n    - a positive number\n    - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n    - \\`null\\` or \\`undefined\\` if the progress is indeterminate.\n\n    Defaulting to \\`null\\`.`;\n    }\n}\n",
+            "selector": "[rdxProgressRoot]",
             "providers": [
                 {
                     "name": "{ provide: RdxProgressToken, useExisting: RdxProgressRootDirective }",
                     "type": "directive"
                 }
             ],
-            "exportAs": "ProgressRoot",
+            "exportAs": "rdxProgressRoot",
             "hostDirectives": [],
             "standalone": true,
             "inputsClass": [
@@ -10320,15 +10320,219 @@
                 }
             ]
         },
+        {
+            "name": "Rdx",
+            "id": "module-Rdx-092748f1ac1d73a26b603196935c3b0575ba7b819d0d994817f5953fa711a1805e52cbfc692aa4712b94f71c12b54e1e6e636e81ff160ee6ac8b40574f1884d6",
+            "description": "",
+            "deprecationMessage": "",
+            "deprecated": false,
+            "file": "dropdown-menu/index.ts",
+            "methods": [],
+            "sourceCode": "import { NgModule } from '@angular/core';\nimport { RdxDropdownMenuContentDirective } from './src/dropdown-menu-content.directive';\nimport { RdxDropdownMenuItemCheckboxDirective } from './src/dropdown-menu-item-checkbox.directive';\nimport { RdxDropdownMenuItemIndicatorDirective } from './src/dropdown-menu-item-indicator.directive';\nimport { RdxDropdownMenuItemRadioGroupDirective } from './src/dropdown-menu-item-radio-group.directive';\nimport { RdxDropdownMenuItemRadioDirective } from './src/dropdown-menu-item-radio.directive';\nimport { RdxDropdownMenuSelectable } from './src/dropdown-menu-item-selectable';\nimport { RdxDropdownMenuItemDirective } from './src/dropdown-menu-item.directive';\nimport { RdxDropdownMenuLabelDirective } from './src/dropdown-menu-label.directive';\nimport { RdxDropdownMenuSeparatorDirective } from './src/dropdown-menu-separator.directive';\nimport { RdxDropdownMenuTriggerDirective } from './src/dropdown-menu-trigger.directive';\n\nexport * from './src/dropdown-menu-content.directive';\nexport * from './src/dropdown-menu-item-checkbox.directive';\nexport * from './src/dropdown-menu-item-indicator.directive';\nexport * from './src/dropdown-menu-item-radio-group.directive';\nexport * from './src/dropdown-menu-item-radio.directive';\nexport * from './src/dropdown-menu-item-selectable';\nexport * from './src/dropdown-menu-item.directive';\nexport * from './src/dropdown-menu-label.directive';\nexport * from './src/dropdown-menu-separator.directive';\nexport * from './src/dropdown-menu-trigger.directive';\n\nconst _imports = [\n    RdxDropdownMenuTriggerDirective,\n    RdxDropdownMenuContentDirective,\n    RdxDropdownMenuItemCheckboxDirective,\n    RdxDropdownMenuItemIndicatorDirective,\n    RdxDropdownMenuItemRadioGroupDirective,\n    RdxDropdownMenuItemRadioDirective,\n    RdxDropdownMenuSelectable,\n    RdxDropdownMenuItemDirective,\n    RdxDropdownMenuLabelDirective,\n    RdxDropdownMenuSeparatorDirective,\n    RdxDropdownMenuTriggerDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class Rdx {}\n",
+            "children": [
+                {
+                    "type": "providers",
+                    "elements": []
+                },
+                {
+                    "type": "declarations",
+                    "elements": []
+                },
+                {
+                    "type": "imports",
+                    "elements": [
+                        {
+                            "name": "RdxAccordionContentDirective"
+                        },
+                        {
+                            "name": "RdxAccordionHeaderDirective"
+                        },
+                        {
+                            "name": "RdxAccordionItemDirective"
+                        },
+                        {
+                            "name": "RdxAccordionRootDirective"
+                        },
+                        {
+                            "name": "RdxAccordionTriggerDirective"
+                        }
+                    ]
+                },
+                {
+                    "type": "exports",
+                    "elements": [
+                        {
+                            "name": "RdxAccordionContentDirective"
+                        },
+                        {
+                            "name": "RdxAccordionHeaderDirective"
+                        },
+                        {
+                            "name": "RdxAccordionItemDirective"
+                        },
+                        {
+                            "name": "RdxAccordionRootDirective"
+                        },
+                        {
+                            "name": "RdxAccordionTriggerDirective"
+                        }
+                    ]
+                },
+                {
+                    "type": "bootstrap",
+                    "elements": []
+                },
+                {
+                    "type": "classes",
+                    "elements": []
+                }
+            ]
+        },
+        {
+            "name": "RdxAccordionModule",
+            "id": "module-RdxAccordionModule-f0d54fbccce917e67d9eba5e3e69beab3a0ecdfed1ac6f443209d3512c8bea5e77984fc7bc5e76ced6dcbc76c84902cfd3f03e10cc118732e8ec97c29c50a297",
+            "description": "",
+            "deprecationMessage": "",
+            "deprecated": false,
+            "file": "accordion/index.ts",
+            "methods": [],
+            "sourceCode": "import { NgModule } from '@angular/core';\nimport { RdxAccordionContentDirective } from './src/accordion-content.directive';\nimport { RdxAccordionHeaderDirective } from './src/accordion-header.directive';\nimport { RdxAccordionItemDirective } from './src/accordion-item.directive';\nimport { RdxAccordionRootDirective } from './src/accordion-root.directive';\nimport { RdxAccordionTriggerDirective } from './src/accordion-trigger.directive';\n\nexport * from './src/accordion-content.directive';\nexport * from './src/accordion-header.directive';\nexport * from './src/accordion-item.directive';\nexport * from './src/accordion-root.directive';\nexport * from './src/accordion-trigger.directive';\n\nconst _imports = [\n    RdxAccordionContentDirective,\n    RdxAccordionHeaderDirective,\n    RdxAccordionItemDirective,\n    RdxAccordionRootDirective,\n    RdxAccordionTriggerDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxAccordionModule {}\n",
+            "children": [
+                {
+                    "type": "providers",
+                    "elements": []
+                },
+                {
+                    "type": "declarations",
+                    "elements": []
+                },
+                {
+                    "type": "imports",
+                    "elements": [
+                        {
+                            "name": "RdxAccordionContentDirective"
+                        },
+                        {
+                            "name": "RdxAccordionHeaderDirective"
+                        },
+                        {
+                            "name": "RdxAccordionItemDirective"
+                        },
+                        {
+                            "name": "RdxAccordionRootDirective"
+                        },
+                        {
+                            "name": "RdxAccordionTriggerDirective"
+                        }
+                    ]
+                },
+                {
+                    "type": "exports",
+                    "elements": [
+                        {
+                            "name": "RdxAccordionContentDirective"
+                        },
+                        {
+                            "name": "RdxAccordionHeaderDirective"
+                        },
+                        {
+                            "name": "RdxAccordionItemDirective"
+                        },
+                        {
+                            "name": "RdxAccordionRootDirective"
+                        },
+                        {
+                            "name": "RdxAccordionTriggerDirective"
+                        }
+                    ]
+                },
+                {
+                    "type": "bootstrap",
+                    "elements": []
+                },
+                {
+                    "type": "classes",
+                    "elements": []
+                }
+            ]
+        },
+        {
+            "name": "RdxContextMenuModule",
+            "id": "module-RdxContextMenuModule-ae9a10be40adfa46fc65f5b123ada1b03497abba3f3f504d7b4b139f166b94164ca84a4daf2d6f2982807dbca7e074074ae7c773f91ddc7535160a8b3fbf93f9",
+            "description": "",
+            "deprecationMessage": "",
+            "deprecated": false,
+            "file": "context-menu/index.ts",
+            "methods": [],
+            "sourceCode": "import { NgModule } from '@angular/core';\nimport { RdxContextMenuContentDirective } from './src/context-menu-content.directive';\nimport { RdxContextMenuItemCheckboxDirective } from './src/context-menu-item-checkbox.directive';\nimport { RdxContextMenuItemIndicatorDirective } from './src/context-menu-item-indicator.directive';\nimport { RdxContextMenuItemRadioGroupDirective } from './src/context-menu-item-radio-group.directive';\nimport { RdxContextMenuItemRadioDirective } from './src/context-menu-item-radio.directive';\nimport { RdxContextMenuSelectable } from './src/context-menu-item-selectable';\nimport { RdxContextMenuItemDirective } from './src/context-menu-item.directive';\nimport { RdxContextMenuLabelDirective } from './src/context-menu-label.directive';\nimport { RdxContextMenuSeparatorDirective } from './src/context-menu-separator.directive';\nimport { RdxContextMenuTriggerDirective } from './src/context-menu-trigger.directive';\n\nexport * from './src/context-menu-content.directive';\nexport * from './src/context-menu-item-checkbox.directive';\nexport * from './src/context-menu-item-indicator.directive';\nexport * from './src/context-menu-item-radio-group.directive';\nexport * from './src/context-menu-item-radio.directive';\nexport * from './src/context-menu-item-selectable';\nexport * from './src/context-menu-item.directive';\nexport * from './src/context-menu-label.directive';\nexport * from './src/context-menu-separator.directive';\nexport * from './src/context-menu-trigger.directive';\n\nconst _imports = [\n    RdxContextMenuContentDirective,\n    RdxContextMenuSelectable,\n    RdxContextMenuItemCheckboxDirective,\n    RdxContextMenuItemDirective,\n    RdxContextMenuItemRadioGroupDirective,\n    RdxContextMenuItemIndicatorDirective,\n    RdxContextMenuItemRadioDirective,\n    RdxContextMenuLabelDirective,\n    RdxContextMenuSeparatorDirective,\n    RdxContextMenuTriggerDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxContextMenuModule {}\n",
+            "children": [
+                {
+                    "type": "providers",
+                    "elements": []
+                },
+                {
+                    "type": "declarations",
+                    "elements": []
+                },
+                {
+                    "type": "imports",
+                    "elements": [
+                        {
+                            "name": "RdxAccordionContentDirective"
+                        },
+                        {
+                            "name": "RdxAccordionHeaderDirective"
+                        },
+                        {
+                            "name": "RdxAccordionItemDirective"
+                        },
+                        {
+                            "name": "RdxAccordionRootDirective"
+                        },
+                        {
+                            "name": "RdxAccordionTriggerDirective"
+                        }
+                    ]
+                },
+                {
+                    "type": "exports",
+                    "elements": [
+                        {
+                            "name": "RdxAccordionContentDirective"
+                        },
+                        {
+                            "name": "RdxAccordionHeaderDirective"
+                        },
+                        {
+                            "name": "RdxAccordionItemDirective"
+                        },
+                        {
+                            "name": "RdxAccordionRootDirective"
+                        },
+                        {
+                            "name": "RdxAccordionTriggerDirective"
+                        }
+                    ]
+                },
+                {
+                    "type": "bootstrap",
+                    "elements": []
+                },
+                {
+                    "type": "classes",
+                    "elements": []
+                }
+            ]
+        },
         {
             "name": "RdxDialogModule",
-            "id": "module-RdxDialogModule-776fda09838ede5681ea9d7c723a2dc524e3fb52e1fd0aab6b86c927a606b7749f565957f4d846007d197c1a8a796112ff28ae78cf218bcbf5586d0d38eeb5e7",
+            "id": "module-RdxDialogModule-b1bb3391c9b9008dfdcf5025f651a0f9461c3cfb726e672819f914d63bc01a9f3318517105034fe4cf9438e8d71a0312b7eacbf6e86c8be59b2179c61348f5d1",
             "description": "",
             "deprecationMessage": "",
             "deprecated": false,
             "file": "dialog/index.ts",
             "methods": [],
-            "sourceCode": "import { NgModule } from '@angular/core';\nimport { RdxDialogCloseDirective } from './src/dialog-close.directive';\nimport { RdxDialogContentDirective } from './src/dialog-content.directive';\nimport { RdxDialogDescriptionDirective } from './src/dialog-description.directive';\nimport { RdxDialogDismissDirective } from './src/dialog-dismiss.directive';\nimport { RdxDialogTitleDirective } from './src/dialog-title.directive';\nimport { RdxDialogTriggerDirective } from './src/dialog-trigger.directive';\n\nexport * from './src/dialog-close.directive';\nexport * from './src/dialog-content.directive';\nexport * from './src/dialog-description.directive';\nexport * from './src/dialog-dismiss.directive';\nexport * from './src/dialog-ref';\nexport * from './src/dialog-title.directive';\nexport * from './src/dialog-trigger.directive';\nexport * from './src/dialog.config';\nexport * from './src/dialog.injectors';\nexport * from './src/dialog.providers';\nexport * from './src/dialog.service';\n\nconst dialogImports = [\n    RdxDialogTriggerDirective,\n    RdxDialogContentDirective,\n    RdxDialogTitleDirective,\n    RdxDialogCloseDirective,\n    RdxDialogDescriptionDirective,\n    RdxDialogDismissDirective\n];\n\n@NgModule({ imports: [...dialogImports], exports: [...dialogImports] })\nexport class RdxDialogModule {}\n",
+            "sourceCode": "import { NgModule } from '@angular/core';\nimport { RdxDialogCloseDirective } from './src/dialog-close.directive';\nimport { RdxDialogContentDirective } from './src/dialog-content.directive';\nimport { RdxDialogDescriptionDirective } from './src/dialog-description.directive';\nimport { RdxDialogDismissDirective } from './src/dialog-dismiss.directive';\nimport { RdxDialogTitleDirective } from './src/dialog-title.directive';\nimport { RdxDialogTriggerDirective } from './src/dialog-trigger.directive';\n\nexport * from './src/dialog-close.directive';\nexport * from './src/dialog-content.directive';\nexport * from './src/dialog-description.directive';\nexport * from './src/dialog-dismiss.directive';\nexport * from './src/dialog-ref';\nexport * from './src/dialog-title.directive';\nexport * from './src/dialog-trigger.directive';\nexport * from './src/dialog.config';\nexport * from './src/dialog.injectors';\nexport * from './src/dialog.providers';\nexport * from './src/dialog.service';\n\nconst _imports = [\n    RdxDialogTriggerDirective,\n    RdxDialogContentDirective,\n    RdxDialogTitleDirective,\n    RdxDialogCloseDirective,\n    RdxDialogDescriptionDirective,\n    RdxDialogDismissDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxDialogModule {}\n",
             "children": [
                 {
                     "type": "providers",
@@ -10342,45 +10546,107 @@
                     "type": "imports",
                     "elements": [
                         {
-                            "name": "RdxDialogCloseDirective"
+                            "name": "RdxAccordionContentDirective"
+                        },
+                        {
+                            "name": "RdxAccordionHeaderDirective"
+                        },
+                        {
+                            "name": "RdxAccordionItemDirective"
+                        },
+                        {
+                            "name": "RdxAccordionRootDirective"
                         },
                         {
-                            "name": "RdxDialogContentDirective"
+                            "name": "RdxAccordionTriggerDirective"
+                        }
+                    ]
+                },
+                {
+                    "type": "exports",
+                    "elements": [
+                        {
+                            "name": "RdxAccordionContentDirective"
                         },
                         {
-                            "name": "RdxDialogDescriptionDirective"
+                            "name": "RdxAccordionHeaderDirective"
                         },
                         {
-                            "name": "RdxDialogDismissDirective"
+                            "name": "RdxAccordionItemDirective"
                         },
                         {
-                            "name": "RdxDialogTitleDirective"
+                            "name": "RdxAccordionRootDirective"
                         },
                         {
-                            "name": "RdxDialogTriggerDirective"
+                            "name": "RdxAccordionTriggerDirective"
                         }
                     ]
                 },
                 {
-                    "type": "exports",
+                    "type": "bootstrap",
+                    "elements": []
+                },
+                {
+                    "type": "classes",
+                    "elements": []
+                }
+            ]
+        },
+        {
+            "name": "RdxProgressModule",
+            "id": "module-RdxProgressModule-6abdee8015480915d152f0b602396d7e36fbee22c807a20b07cc2618fb9092e8e8b1df8adb2ad86d41a390fcc94fc00e1c8dcae805ab8222c5ac32ef2c9be619",
+            "description": "",
+            "deprecationMessage": "",
+            "deprecated": false,
+            "file": "progress/index.ts",
+            "methods": [],
+            "sourceCode": "import { NgModule } from '@angular/core';\nimport { RdxProgressIndicatorDirective } from './src/progress-indicator.directive';\nimport { RdxProgressRootDirective } from './src/progress-root.directive';\n\nexport * from './src/progress-indicator.directive';\nexport * from './src/progress-root.directive';\n\nexport type { ProgressProps } from './src/progress-root.directive';\n\nconst _imports = [\n    RdxProgressRootDirective,\n    RdxProgressIndicatorDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxProgressModule {}\n",
+            "children": [
+                {
+                    "type": "providers",
+                    "elements": []
+                },
+                {
+                    "type": "declarations",
+                    "elements": []
+                },
+                {
+                    "type": "imports",
                     "elements": [
                         {
-                            "name": "RdxDialogCloseDirective"
+                            "name": "RdxAccordionContentDirective"
+                        },
+                        {
+                            "name": "RdxAccordionHeaderDirective"
+                        },
+                        {
+                            "name": "RdxAccordionItemDirective"
                         },
                         {
-                            "name": "RdxDialogContentDirective"
+                            "name": "RdxAccordionRootDirective"
                         },
                         {
-                            "name": "RdxDialogDescriptionDirective"
+                            "name": "RdxAccordionTriggerDirective"
+                        }
+                    ]
+                },
+                {
+                    "type": "exports",
+                    "elements": [
+                        {
+                            "name": "RdxAccordionContentDirective"
                         },
                         {
-                            "name": "RdxDialogDismissDirective"
+                            "name": "RdxAccordionHeaderDirective"
                         },
                         {
-                            "name": "RdxDialogTitleDirective"
+                            "name": "RdxAccordionItemDirective"
                         },
                         {
-                            "name": "RdxDialogTriggerDirective"
+                            "name": "RdxAccordionRootDirective"
+                        },
+                        {
+                            "name": "RdxAccordionTriggerDirective"
                         }
                     ]
                 },
@@ -10519,6 +10785,56 @@
     ],
     "miscellaneous": {
         "variables": [
+            {
+                "name": "_imports",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "accordion/index.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "[]",
+                "defaultValue": "[\n    RdxAccordionContentDirective,\n    RdxAccordionHeaderDirective,\n    RdxAccordionItemDirective,\n    RdxAccordionRootDirective,\n    RdxAccordionTriggerDirective\n]"
+            },
+            {
+                "name": "_imports",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "context-menu/index.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "[]",
+                "defaultValue": "[\n    RdxContextMenuContentDirective,\n    RdxContextMenuSelectable,\n    RdxContextMenuItemCheckboxDirective,\n    RdxContextMenuItemDirective,\n    RdxContextMenuItemRadioGroupDirective,\n    RdxContextMenuItemIndicatorDirective,\n    RdxContextMenuItemRadioDirective,\n    RdxContextMenuLabelDirective,\n    RdxContextMenuSeparatorDirective,\n    RdxContextMenuTriggerDirective\n]"
+            },
+            {
+                "name": "_imports",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "dialog/index.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "[]",
+                "defaultValue": "[\n    RdxDialogTriggerDirective,\n    RdxDialogContentDirective,\n    RdxDialogTitleDirective,\n    RdxDialogCloseDirective,\n    RdxDialogDescriptionDirective,\n    RdxDialogDismissDirective\n]"
+            },
+            {
+                "name": "_imports",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "dropdown-menu/index.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "[]",
+                "defaultValue": "[\n    RdxDropdownMenuTriggerDirective,\n    RdxDropdownMenuContentDirective,\n    RdxDropdownMenuItemCheckboxDirective,\n    RdxDropdownMenuItemIndicatorDirective,\n    RdxDropdownMenuItemRadioGroupDirective,\n    RdxDropdownMenuItemRadioDirective,\n    RdxDropdownMenuSelectable,\n    RdxDropdownMenuItemDirective,\n    RdxDropdownMenuLabelDirective,\n    RdxDropdownMenuSeparatorDirective,\n    RdxDropdownMenuTriggerDirective\n]"
+            },
+            {
+                "name": "_imports",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "progress/index.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "[]",
+                "defaultValue": "[\n    RdxProgressRootDirective,\n    RdxProgressIndicatorDirective\n]"
+            },
             {
                 "name": "availablePrefixes",
                 "ctype": "miscellaneous",
@@ -10609,16 +10925,6 @@
                 "type": "RdxAvatarConfig",
                 "defaultValue": "{\n    delayMs: 0\n}"
             },
-            {
-                "name": "dialogImports",
-                "ctype": "miscellaneous",
-                "subtype": "variable",
-                "file": "dialog/index.ts",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "type": "[]",
-                "defaultValue": "[\n    RdxDialogTriggerDirective,\n    RdxDialogContentDirective,\n    RdxDialogTitleDirective,\n    RdxDialogCloseDirective,\n    RdxDialogDescriptionDirective,\n    RdxDialogDismissDirective\n]"
-            },
             {
                 "name": "DISMISSED_VALUE",
                 "ctype": "miscellaneous",
@@ -11059,32 +11365,6 @@
             }
         ],
         "functions": [
-            {
-                "name": "configureRdxDialog",
-                "file": "dialog/src/dialog.providers.ts",
-                "ctype": "miscellaneous",
-                "subtype": "function",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "description": "<p>Configures the RdxDialog module by providing necessary dependencies.</p>\n<p>This function sets up the environment providers required for the RdxDialog to function,\nspecifically importing the Angular CDK&#39;s DialogModule.</p>\n",
-                "args": [],
-                "returnType": "EnvironmentProviders",
-                "jsdoctags": [
-                    {
-                        "tagName": {
-                            "pos": 452,
-                            "end": 459,
-                            "flags": 16777216,
-                            "modifierFlagsCache": 0,
-                            "transformFlags": 0,
-                            "kind": 80,
-                            "escapedText": "returns"
-                        },
-                        "comment": "<p>An EnvironmentProviders instance containing the DialogModule.</p>\n",
-                        "returnType": ""
-                    }
-                ]
-            },
             {
                 "name": "getRequestAnimationFrame",
                 "file": "core/src/auto-focus.directive.ts",
@@ -11584,8 +11864,8 @@
                 "jsdoctags": [
                     {
                         "tagName": {
-                            "pos": 921,
-                            "end": 928,
+                            "pos": 925,
+                            "end": 932,
                             "flags": 16777216,
                             "modifierFlagsCache": 0,
                             "transformFlags": 0,
@@ -11597,6 +11877,32 @@
                     }
                 ]
             },
+            {
+                "name": "provideRdxDialogConfig",
+                "file": "dialog/src/dialog.providers.ts",
+                "ctype": "miscellaneous",
+                "subtype": "function",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "<p>Configures the RdxDialog module by providing necessary dependencies.</p>\n<p>This function sets up the environment providers required for the RdxDialog to function,\nspecifically importing the Angular CDK&#39;s DialogModule.</p>\n",
+                "args": [],
+                "returnType": "EnvironmentProviders",
+                "jsdoctags": [
+                    {
+                        "tagName": {
+                            "pos": 452,
+                            "end": 459,
+                            "flags": 16777216,
+                            "modifierFlagsCache": 0,
+                            "transformFlags": 0,
+                            "kind": 80,
+                            "escapedText": "returns"
+                        },
+                        "comment": "<p>An EnvironmentProviders instance containing the DialogModule.</p>\n",
+                        "returnType": ""
+                    }
+                ]
+            },
             {
                 "name": "provideValueAccessor",
                 "file": "core/src/accessor/provide-value-accessor.ts",
@@ -11917,7 +12223,7 @@
                 "name": "RdxDialogMode",
                 "ctype": "miscellaneous",
                 "subtype": "typealias",
-                "rawtype": "\"default\" | \"drawer\" | \"drawer-bottom\"",
+                "rawtype": "\"default\" | \"sheet\" | \"sheet-bottom\" | \"sheet-top\" | \"sheet-left\" | \"sheet-right\"",
                 "file": "dialog/src/dialog.config.ts",
                 "deprecated": false,
                 "deprecationMessage": "",
@@ -12138,6 +12444,66 @@
             }
         ],
         "groupedVariables": {
+            "accordion/index.ts": [
+                {
+                    "name": "_imports",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "accordion/index.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "[]",
+                    "defaultValue": "[\n    RdxAccordionContentDirective,\n    RdxAccordionHeaderDirective,\n    RdxAccordionItemDirective,\n    RdxAccordionRootDirective,\n    RdxAccordionTriggerDirective\n]"
+                }
+            ],
+            "context-menu/index.ts": [
+                {
+                    "name": "_imports",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "context-menu/index.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "[]",
+                    "defaultValue": "[\n    RdxContextMenuContentDirective,\n    RdxContextMenuSelectable,\n    RdxContextMenuItemCheckboxDirective,\n    RdxContextMenuItemDirective,\n    RdxContextMenuItemRadioGroupDirective,\n    RdxContextMenuItemIndicatorDirective,\n    RdxContextMenuItemRadioDirective,\n    RdxContextMenuLabelDirective,\n    RdxContextMenuSeparatorDirective,\n    RdxContextMenuTriggerDirective\n]"
+                }
+            ],
+            "dialog/index.ts": [
+                {
+                    "name": "_imports",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "dialog/index.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "[]",
+                    "defaultValue": "[\n    RdxDialogTriggerDirective,\n    RdxDialogContentDirective,\n    RdxDialogTitleDirective,\n    RdxDialogCloseDirective,\n    RdxDialogDescriptionDirective,\n    RdxDialogDismissDirective\n]"
+                }
+            ],
+            "dropdown-menu/index.ts": [
+                {
+                    "name": "_imports",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "dropdown-menu/index.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "[]",
+                    "defaultValue": "[\n    RdxDropdownMenuTriggerDirective,\n    RdxDropdownMenuContentDirective,\n    RdxDropdownMenuItemCheckboxDirective,\n    RdxDropdownMenuItemIndicatorDirective,\n    RdxDropdownMenuItemRadioGroupDirective,\n    RdxDropdownMenuItemRadioDirective,\n    RdxDropdownMenuSelectable,\n    RdxDropdownMenuItemDirective,\n    RdxDropdownMenuLabelDirective,\n    RdxDropdownMenuSeparatorDirective,\n    RdxDropdownMenuTriggerDirective\n]"
+                }
+            ],
+            "progress/index.ts": [
+                {
+                    "name": "_imports",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "progress/index.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "[]",
+                    "defaultValue": "[\n    RdxProgressRootDirective,\n    RdxProgressIndicatorDirective\n]"
+                }
+            ],
             "core/src/auto-focus.directive.ts": [
                 {
                     "name": "availablePrefixes",
@@ -12368,18 +12734,6 @@
                     "defaultValue": "new InjectionToken<RdxAvatarConfig>('RdxAvatarConfigToken')"
                 }
             ],
-            "dialog/index.ts": [
-                {
-                    "name": "dialogImports",
-                    "ctype": "miscellaneous",
-                    "subtype": "variable",
-                    "file": "dialog/index.ts",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "[]",
-                    "defaultValue": "[\n    RdxDialogTriggerDirective,\n    RdxDialogContentDirective,\n    RdxDialogTitleDirective,\n    RdxDialogCloseDirective,\n    RdxDialogDescriptionDirective,\n    RdxDialogDismissDirective\n]"
-                }
-            ],
             "dialog/src/dialog-ref.ts": [
                 {
                     "name": "DISMISSED_VALUE",
@@ -12746,60 +13100,6 @@
             ]
         },
         "groupedFunctions": {
-            "dialog/src/dialog.providers.ts": [
-                {
-                    "name": "configureRdxDialog",
-                    "file": "dialog/src/dialog.providers.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "<p>Configures the RdxDialog module by providing necessary dependencies.</p>\n<p>This function sets up the environment providers required for the RdxDialog to function,\nspecifically importing the Angular CDK&#39;s DialogModule.</p>\n",
-                    "args": [],
-                    "returnType": "EnvironmentProviders",
-                    "jsdoctags": [
-                        {
-                            "tagName": {
-                                "pos": 452,
-                                "end": 459,
-                                "flags": 16777216,
-                                "modifierFlagsCache": 0,
-                                "transformFlags": 0,
-                                "kind": 80,
-                                "escapedText": "returns"
-                            },
-                            "comment": "<p>An EnvironmentProviders instance containing the DialogModule.</p>\n",
-                            "returnType": ""
-                        }
-                    ]
-                },
-                {
-                    "name": "provideRdxDialog",
-                    "file": "dialog/src/dialog.providers.ts",
-                    "ctype": "miscellaneous",
-                    "subtype": "function",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "description": "<p>Provides the RdxDialogService for dependency injection.</p>\n<p>This function is used to make the RdxDialogService available for injection\nin components, directives, or other services that require dialog functionality.</p>\n",
-                    "args": [],
-                    "returnType": "Provider",
-                    "jsdoctags": [
-                        {
-                            "tagName": {
-                                "pos": 921,
-                                "end": 928,
-                                "flags": 16777216,
-                                "modifierFlagsCache": 0,
-                                "transformFlags": 0,
-                                "kind": 80,
-                                "escapedText": "returns"
-                            },
-                            "comment": "<p>A provider for the RdxDialogService.</p>\n",
-                            "returnType": ""
-                        }
-                    ]
-                }
-            ],
             "core/src/auto-focus.directive.ts": [
                 {
                     "name": "getRequestAnimationFrame",
@@ -13438,6 +13738,60 @@
                     ]
                 }
             ],
+            "dialog/src/dialog.providers.ts": [
+                {
+                    "name": "provideRdxDialog",
+                    "file": "dialog/src/dialog.providers.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "<p>Provides the RdxDialogService for dependency injection.</p>\n<p>This function is used to make the RdxDialogService available for injection\nin components, directives, or other services that require dialog functionality.</p>\n",
+                    "args": [],
+                    "returnType": "Provider",
+                    "jsdoctags": [
+                        {
+                            "tagName": {
+                                "pos": 925,
+                                "end": 932,
+                                "flags": 16777216,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 80,
+                                "escapedText": "returns"
+                            },
+                            "comment": "<p>A provider for the RdxDialogService.</p>\n",
+                            "returnType": ""
+                        }
+                    ]
+                },
+                {
+                    "name": "provideRdxDialogConfig",
+                    "file": "dialog/src/dialog.providers.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "<p>Configures the RdxDialog module by providing necessary dependencies.</p>\n<p>This function sets up the environment providers required for the RdxDialog to function,\nspecifically importing the Angular CDK&#39;s DialogModule.</p>\n",
+                    "args": [],
+                    "returnType": "EnvironmentProviders",
+                    "jsdoctags": [
+                        {
+                            "tagName": {
+                                "pos": 452,
+                                "end": 459,
+                                "flags": 16777216,
+                                "modifierFlagsCache": 0,
+                                "transformFlags": 0,
+                                "kind": 80,
+                                "escapedText": "returns"
+                            },
+                            "comment": "<p>An EnvironmentProviders instance containing the DialogModule.</p>\n",
+                            "returnType": ""
+                        }
+                    ]
+                }
+            ],
             "core/src/accessor/provide-value-accessor.ts": [
                 {
                     "name": "provideValueAccessor",
@@ -13711,7 +14065,7 @@
                     "name": "RdxDialogMode",
                     "ctype": "miscellaneous",
                     "subtype": "typealias",
-                    "rawtype": "\"default\" | \"drawer\" | \"drawer-bottom\"",
+                    "rawtype": "\"default\" | \"sheet\" | \"sheet-bottom\" | \"sheet-top\" | \"sheet-left\" | \"sheet-right\"",
                     "file": "dialog/src/dialog.config.ts",
                     "deprecated": false,
                     "deprecationMessage": "",