@radix-ng/primitives 0.7.2 → 0.8.1

package/fesm2022/radix-ng-primitives-tabs.mjs

@@ -0,0 +1,220 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, signal, computed, Injectable, inject, input, Directive, EventEmitter, effect, Input, Output, booleanAttribute, NgModule } from '@angular/core';
+
+const TABS_CONTEXT_TOKEN = new InjectionToken('TabsContext');
+class RdxTabsContextService {
+    constructor() {
+        this.baseId = this.generateId();
+        this.value = signal(undefined);
+        this.orientation = signal('horizontal');
+        this.dir = signal(undefined);
+        this.activationMode = signal('automatic');
+        this.value$ = computed(() => this.value());
+        this.orientation$ = computed(() => this.orientation());
+        this.dir$ = computed(() => this.dir());
+        this.activationMode$ = computed(() => this.activationMode());
+    }
+    setValue(value) {
+        this.value.set(value);
+    }
+    setOrientation(orientation) {
+        this.orientation.set(orientation);
+    }
+    setDir(dir) {
+        this.dir.set(dir);
+    }
+    setActivationMode(mode) {
+        this.activationMode.set(mode);
+    }
+    getBaseId() {
+        return this.baseId;
+    }
+    generateId() {
+        return `tabs-${Math.random().toString(36).substr(2, 9)}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsContextService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsContextService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class RdxTabsContentDirective {
+    constructor() {
+        this.tabsContext = inject(TABS_CONTEXT_TOKEN);
+        this.value = input.required();
+        this.selected = computed(() => this.tabsContext.value$() === this.value());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.4", type: RdxTabsContentDirective, isStandalone: true, selector: "[TabsContent]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tabpanel", "tabindex": "0" }, properties: { "id": "tabsContext.getBaseId()", "attr.aria-labelledby": "tabsContext.getBaseId()", "hidden": "!selected()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[TabsContent]',
+                    standalone: true,
+                    host: {
+                        role: 'tabpanel',
+                        tabindex: '0',
+                        '[id]': 'tabsContext.getBaseId()',
+                        '[attr.aria-labelledby]': 'tabsContext.getBaseId()',
+                        '[hidden]': '!selected()'
+                    }
+                }]
+        }] });
+
+class RdxTabsListDirective {
+    constructor() {
+        this.tabsContext = inject(TABS_CONTEXT_TOKEN);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: RdxTabsListDirective, isStandalone: true, selector: "[TabsList]", host: { attributes: { "role": "tablist" }, properties: { "attr.aria-orientation": "tabsContext.orientation$()", "attr.data-orientation": "tabsContext.orientation$()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[TabsList]',
+                    standalone: true,
+                    host: {
+                        role: 'tablist',
+                        '[attr.aria-orientation]': 'tabsContext.orientation$()',
+                        '[attr.data-orientation]': 'tabsContext.orientation$()'
+                    }
+                }]
+        }] });
+
+class RdxTabsRootDirective {
+    constructor() {
+        this.tabsContext = inject(TABS_CONTEXT_TOKEN);
+        this.orientation = 'horizontal';
+        // Event handler called when the value changes.
+        this.onValueChange = new EventEmitter();
+        effect(() => {
+            const value = this.tabsContext.value$();
+            if (value !== undefined) {
+                this.onValueChange.emit(value);
+            }
+        });
+    }
+    ngOnInit() {
+        this.tabsContext.setOrientation(this.orientation);
+        if (this.dir) {
+            this.tabsContext.setDir(this.dir);
+        }
+        if (this.value) {
+            this.tabsContext.setValue(this.value);
+        }
+        else if (this.defaultValue) {
+            this.tabsContext.setValue(this.defaultValue);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: RdxTabsRootDirective, isStandalone: true, selector: "[TabsRoot]", inputs: { value: "value", defaultValue: "defaultValue", orientation: "orientation", dir: "dir" }, outputs: { onValueChange: "onValueChange" }, host: { properties: { "attr.data-orientation": "orientation", "attr.dir": "dir" } }, providers: [{ provide: TABS_CONTEXT_TOKEN, useExisting: RdxTabsContextService }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[TabsRoot]',
+                    standalone: true,
+                    providers: [{ provide: TABS_CONTEXT_TOKEN, useExisting: RdxTabsContextService }],
+                    host: {
+                        '[attr.data-orientation]': 'orientation',
+                        '[attr.dir]': 'dir'
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], dir: [{
+                type: Input
+            }], onValueChange: [{
+                type: Output
+            }] } });
+
+class RdxTabsTriggerDirective {
+    constructor() {
+        this.tabsContext = inject(TABS_CONTEXT_TOKEN);
+        // A unique value that associates the trigger with a content.
+        this.value = input.required();
+        // When true, prevents the user from interacting with the tab.
+        this.disabled = input(false, {
+            transform: booleanAttribute
+        });
+        this.contentId = computed(() => `${this.tabsContext.getBaseId()}-content-${this.value()}`);
+        this.triggerId = computed(() => `${this.tabsContext.getBaseId()}-trigger-${this.value}`);
+        this.selected = computed(() => this.tabsContext.value$() === this.value());
+    }
+    onMouseDown(event) {
+        if (!this.disabled() && event.button === 0 && !event.ctrlKey) {
+            this.tabsContext?.setValue(this.value());
+        }
+        else {
+            // prevent focus to avoid accidental activation
+            event.preventDefault();
+        }
+    }
+    onKeyDown(event) {
+        if ([' ', 'Enter'].includes(event.key)) {
+            this.tabsContext?.setValue(this.value());
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.4", type: RdxTabsTriggerDirective, isStandalone: true, selector: "[TabsTrigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button", "role": "tab" }, listeners: { "mousedown": "onMouseDown($event)", "keydown": "onKeyDown($event)" }, properties: { "id": "triggerId", "attr.aria-selected": "selected()", "attr.aria-controls": "contentId()", "attr.data-disabled": "disabled() ? '' : undefined", "attr.data-state": "selected() ? 'active' : 'inactive'" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[TabsTrigger]',
+                    standalone: true,
+                    host: {
+                        type: 'button',
+                        role: 'tab',
+                        '[id]': 'triggerId',
+                        '[attr.aria-selected]': 'selected()',
+                        '[attr.aria-controls]': 'contentId()',
+                        '[attr.data-disabled]': "disabled() ? '' : undefined",
+                        '[attr.data-state]': "selected() ? 'active' : 'inactive'",
+                        '(mousedown)': 'onMouseDown($event)',
+                        '(keydown)': 'onKeyDown($event)'
+                    }
+                }]
+        }] });
+
+const tabsImports = [
+    RdxTabsRootDirective,
+    RdxTabsContentDirective,
+    RdxTabsListDirective,
+    RdxTabsTriggerDirective
+];
+class RdxTabsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsModule, imports: [RdxTabsRootDirective,
+            RdxTabsContentDirective,
+            RdxTabsListDirective,
+            RdxTabsTriggerDirective], exports: [RdxTabsRootDirective,
+            RdxTabsContentDirective,
+            RdxTabsListDirective,
+            RdxTabsTriggerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsModule, providers: [RdxTabsContextService] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...tabsImports],
+                    exports: [...tabsImports],
+                    providers: [RdxTabsContextService]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxTabsContentDirective, RdxTabsContextService, RdxTabsListDirective, RdxTabsModule, RdxTabsRootDirective, RdxTabsTriggerDirective, TABS_CONTEXT_TOKEN };
+//# sourceMappingURL=radix-ng-primitives-tabs.mjs.map

package/fesm2022/radix-ng-primitives-tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-tabs.mjs","sources":["../../../packages/primitives/tabs/src/tabs-context.service.ts","../../../packages/primitives/tabs/src/tabs-content.directive.ts","../../../packages/primitives/tabs/src/tabs-list.directive.ts","../../../packages/primitives/tabs/src/tabs-root.directive.ts","../../../packages/primitives/tabs/src/tabs-trigger.directive.ts","../../../packages/primitives/tabs/index.ts","../../../packages/primitives/tabs/radix-ng-primitives-tabs.ts"],"sourcesContent":["import { computed, Injectable, InjectionToken, signal } from '@angular/core';\n\nexport const TABS_CONTEXT_TOKEN = new InjectionToken<RdxTabsContextService>('TabsContext');\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class RdxTabsContextService {\n    private baseId = this.generateId();\n    private value = signal<string | undefined>(undefined);\n    private orientation = signal<string>('horizontal');\n    private dir = signal<string | undefined>(undefined);\n    private activationMode = signal<string>('automatic');\n\n    readonly value$ = computed(() => this.value());\n    readonly orientation$ = computed(() => this.orientation());\n    readonly dir$ = computed(() => this.dir());\n    readonly activationMode$ = computed(() => this.activationMode());\n\n    setValue(value: string) {\n        this.value.set(value);\n    }\n\n    setOrientation(orientation: string) {\n        this.orientation.set(orientation);\n    }\n\n    setDir(dir: string) {\n        this.dir.set(dir);\n    }\n\n    setActivationMode(mode: string) {\n        this.activationMode.set(mode);\n    }\n\n    getBaseId() {\n        return this.baseId;\n    }\n\n    private generateId() {\n        return `tabs-${Math.random().toString(36).substr(2, 9)}`;\n    }\n}\n","import { computed, Directive, inject, input } from '@angular/core';\n\nimport { TABS_CONTEXT_TOKEN } from './tabs-context.service';\n\n@Directive({\n    selector: '[TabsContent]',\n    standalone: true,\n    host: {\n        role: 'tabpanel',\n        tabindex: '0',\n        '[id]': 'tabsContext.getBaseId()',\n        '[attr.aria-labelledby]': 'tabsContext.getBaseId()',\n        '[hidden]': '!selected()'\n    }\n})\nexport class RdxTabsContentDirective {\n    protected readonly tabsContext = inject(TABS_CONTEXT_TOKEN);\n\n    readonly value = input.required<string>();\n\n    protected readonly selected = computed(() => this.tabsContext.value$() === this.value());\n}\n","import { Directive, inject } from '@angular/core';\n\nimport { TABS_CONTEXT_TOKEN } from './tabs-context.service';\n\ninterface TabsListProps {\n    // When true, keyboard navigation will loop from last tab to first, and vice versa.\n    loop?: boolean;\n}\n\n@Directive({\n    selector: '[TabsList]',\n    standalone: true,\n    host: {\n        role: 'tablist',\n        '[attr.aria-orientation]': 'tabsContext.orientation$()',\n        '[attr.data-orientation]': 'tabsContext.orientation$()'\n    }\n})\nexport class RdxTabsListDirective {\n    protected readonly tabsContext = inject(TABS_CONTEXT_TOKEN);\n}\n","import { Directive, effect, EventEmitter, inject, Input, OnInit, Output } from '@angular/core';\n\nimport { RdxTabsContextService, TABS_CONTEXT_TOKEN } from './tabs-context.service';\n\nexport interface TabsProps {\n    /** The value for the selected tab, if controlled */\n    value?: string;\n    /** The value of the tab to select by default, if uncontrolled */\n    defaultValue?: string;\n    /** A function called when a new tab is selected */\n    onValueChange?: (value: string) => void;\n    /**\n     * The orientation the tabs are layed out.\n     * Mainly so arrow navigation is done accordingly (left & right vs. up & down)\n     * @defaultValue horizontal\n     */\n    orientation?: string;\n    /**\n     * The direction of navigation between toolbar items.\n     */\n    dir?: string;\n    /**\n     * Whether a tab is activated automatically or manually.\n     * @defaultValue automatic\n     * */\n    activationMode?: 'automatic' | 'manual';\n}\n\n@Directive({\n    selector: '[TabsRoot]',\n    standalone: true,\n    providers: [{ provide: TABS_CONTEXT_TOKEN, useExisting: RdxTabsContextService }],\n    host: {\n        '[attr.data-orientation]': 'orientation',\n        '[attr.dir]': 'dir'\n    }\n})\nexport class RdxTabsRootDirective implements OnInit {\n    private readonly tabsContext = inject(TABS_CONTEXT_TOKEN);\n\n    @Input() value?: string;\n    @Input() defaultValue?: string;\n    @Input() orientation = 'horizontal';\n    @Input() dir?: string;\n\n    // Event handler called when the value changes.\n    @Output() onValueChange = new EventEmitter<string>();\n\n    constructor() {\n        effect(() => {\n            const value = this.tabsContext.value$();\n            if (value !== undefined) {\n                this.onValueChange.emit(value);\n            }\n        });\n    }\n\n    ngOnInit() {\n        this.tabsContext.setOrientation(this.orientation);\n\n        if (this.dir) {\n            this.tabsContext.setDir(this.dir);\n        }\n\n        if (this.value) {\n            this.tabsContext.setValue(this.value);\n        } else if (this.defaultValue) {\n            this.tabsContext.setValue(this.defaultValue);\n        }\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    Directive,\n    inject,\n    input,\n    InputSignalWithTransform\n} from '@angular/core';\n\nimport { TABS_CONTEXT_TOKEN } from './tabs-context.service';\n\ninterface TabsTriggerProps {\n    // When true, prevents the user from interacting with the tab.\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n}\n\n@Directive({\n    selector: '[TabsTrigger]',\n    standalone: true,\n    host: {\n        type: 'button',\n        role: 'tab',\n        '[id]': 'triggerId',\n        '[attr.aria-selected]': 'selected()',\n        '[attr.aria-controls]': 'contentId()',\n        '[attr.data-disabled]': \"disabled() ? '' : undefined\",\n        '[attr.data-state]': \"selected() ? 'active' : 'inactive'\",\n        '(mousedown)': 'onMouseDown($event)',\n        '(keydown)': 'onKeyDown($event)'\n    }\n})\nexport class RdxTabsTriggerDirective implements TabsTriggerProps {\n    protected readonly tabsContext = inject(TABS_CONTEXT_TOKEN);\n\n    // A unique value that associates the trigger with a content.\n    readonly value = input.required<string>();\n\n    // When true, prevents the user from interacting with the tab.\n    readonly disabled = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute\n    });\n\n    protected readonly contentId = computed(\n        () => `${this.tabsContext.getBaseId()}-content-${this.value()}`\n    );\n    protected readonly triggerId = computed(\n        () => `${this.tabsContext.getBaseId()}-trigger-${this.value}`\n    );\n\n    protected readonly selected = computed(() => this.tabsContext.value$() === this.value());\n\n    protected onMouseDown(event: MouseEvent) {\n        if (!this.disabled() && event.button === 0 && !event.ctrlKey) {\n            this.tabsContext?.setValue(this.value());\n        } else {\n            // prevent focus to avoid accidental activation\n            event.preventDefault();\n        }\n    }\n\n    protected onKeyDown(event: KeyboardEvent) {\n        if ([' ', 'Enter'].includes(event.key)) {\n            this.tabsContext?.setValue(this.value());\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\n\nimport { RdxTabsContentDirective } from './src/tabs-content.directive';\nimport { RdxTabsContextService } from './src/tabs-context.service';\nimport { RdxTabsListDirective } from './src/tabs-list.directive';\nimport { RdxTabsRootDirective } from './src/tabs-root.directive';\nimport { RdxTabsTriggerDirective } from './src/tabs-trigger.directive';\n\nexport * from './src/tabs-root.directive';\nexport * from './src/tabs-content.directive';\nexport * from './src/tabs-list.directive';\nexport * from './src/tabs-trigger.directive';\nexport * from './src/tabs-context.service';\n\nconst tabsImports = [\n    RdxTabsRootDirective,\n    RdxTabsContentDirective,\n    RdxTabsListDirective,\n    RdxTabsTriggerDirective\n];\n\n@NgModule({\n    imports: [...tabsImports],\n    exports: [...tabsImports],\n    providers: [RdxTabsContextService]\n})\nexport class RdxTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAEa,kBAAkB,GAAG,IAAI,cAAc,CAAwB,aAAa,EAAE;MAK9E,qBAAqB,CAAA;AAHlC,IAAA,WAAA,GAAA;AAIY,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;AAC3B,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;AAC9C,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAS,YAAY,CAAC,CAAC;AAC3C,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;AAC5C,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAS,WAAW,CAAC,CAAC;QAE5C,IAAM,CAAA,MAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACtC,IAAY,CAAA,YAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QAClD,IAAI,CAAA,IAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;QAClC,IAAe,CAAA,eAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;AAyBpE,KAAA;AAvBG,IAAA,QAAQ,CAAC,KAAa,EAAA;AAClB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KACzB;AAED,IAAA,cAAc,CAAC,WAAmB,EAAA;AAC9B,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KACrC;AAED,IAAA,MAAM,CAAC,GAAW,EAAA;AACd,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;KACrB;AAED,IAAA,iBAAiB,CAAC,IAAY,EAAA;AAC1B,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACjC;IAED,SAAS,GAAA;QACL,OAAO,IAAI,CAAC,MAAM,CAAC;KACtB;IAEO,UAAU,GAAA;AACd,QAAA,OAAO,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;KAC5D;8GAlCQ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,cAFlB,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAET,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA,CAAA;;;MCSY,uBAAuB,CAAA;AAXpC,IAAA,WAAA,GAAA;AAYuB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAEnD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;AAEvB,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;AAC5F,KAAA;8GANY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,GAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,sBAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAXnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,GAAG;AACb,wBAAA,MAAM,EAAE,yBAAyB;AACjC,wBAAA,wBAAwB,EAAE,yBAAyB;AACnD,wBAAA,UAAU,EAAE,aAAa;AAC5B,qBAAA;AACJ,iBAAA,CAAA;;;MCIY,oBAAoB,CAAA;AATjC,IAAA,WAAA,GAAA;AAUuB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC/D,KAAA;8GAFY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,4BAAA,EAAA,uBAAA,EAAA,4BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAThC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,yBAAyB,EAAE,4BAA4B;AACvD,wBAAA,yBAAyB,EAAE,4BAA4B;AAC1D,qBAAA;AACJ,iBAAA,CAAA;;;MCoBY,oBAAoB,CAAA;AAW7B,IAAA,WAAA,GAAA;AAViB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAIjD,IAAW,CAAA,WAAA,GAAG,YAAY,CAAC;;AAI1B,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAU,CAAC;QAGjD,MAAM,CAAC,MAAK;YACR,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;AACxC,YAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACrB,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAClC;AACL,SAAC,CAAC,CAAC;KACN;IAED,QAAQ,GAAA;QACJ,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAElD,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE;YACV,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACrC;AAED,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACZ,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACzC;AAAM,aAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YAC1B,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;SAChD;KACJ;8GAhCQ,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,GAAA,EAAA,KAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,KAAA,EAAA,EAAA,EAAA,SAAA,EANlB,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAMvE,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAThC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,UAAU,EAAE,IAAI;oBAChB,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAC;AAChF,oBAAA,IAAI,EAAE;AACF,wBAAA,yBAAyB,EAAE,aAAa;AACxC,wBAAA,YAAY,EAAE,KAAK;AACtB,qBAAA;AACJ,iBAAA,CAAA;wDAIY,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;gBAGI,aAAa,EAAA,CAAA;sBAAtB,MAAM;;;MCdE,uBAAuB,CAAA;AAfpC,IAAA,WAAA,GAAA;AAgBuB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;;AAGnD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;;AAGjC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,EAAE;AACpD,YAAA,SAAS,EAAE,gBAAgB;AAC9B,SAAA,CAAC,CAAC;QAEgB,IAAS,CAAA,SAAA,GAAG,QAAQ,CACnC,MAAM,CAAA,EAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,YAAY,IAAI,CAAC,KAAK,EAAE,CAAA,CAAE,CAClE,CAAC;AACiB,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CACnC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAY,SAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAE,CAChE,CAAC;AAEiB,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;AAgB5F,KAAA;AAda,IAAA,WAAW,CAAC,KAAiB,EAAA;AACnC,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAC1D,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;SAC5C;aAAM;;YAEH,KAAK,CAAC,cAAc,EAAE,CAAC;SAC1B;KACJ;AAES,IAAA,SAAS,CAAC,KAAoB,EAAA;AACpC,QAAA,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACpC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;SAC5C;KACJ;8GAjCQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,KAAA,EAAA,EAAA,SAAA,EAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,oBAAA,EAAA,6BAAA,EAAA,iBAAA,EAAA,oCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAfnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,IAAI,EAAE,KAAK;AACX,wBAAA,MAAM,EAAE,WAAW;AACnB,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,sBAAsB,EAAE,aAAa;AACrC,wBAAA,sBAAsB,EAAE,6BAA6B;AACrD,wBAAA,mBAAmB,EAAE,oCAAoC;AACzD,wBAAA,aAAa,EAAE,qBAAqB;AACpC,wBAAA,WAAW,EAAE,mBAAmB;AACnC,qBAAA;AACJ,iBAAA,CAAA;;;ACjBD,MAAM,WAAW,GAAG;IAChB,oBAAoB;IACpB,uBAAuB;IACvB,oBAAoB;IACpB,uBAAuB;CAC1B,CAAC;MAOW,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAXtB,oBAAoB;YACpB,uBAAuB;YACvB,oBAAoB;AACpB,YAAA,uBAAuB,aAHvB,oBAAoB;YACpB,uBAAuB;YACvB,oBAAoB;YACpB,uBAAuB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAQd,aAAa,EAAA,SAAA,EAFX,CAAC,qBAAqB,CAAC,EAAA,CAAA,CAAA,EAAA;;2FAEzB,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,GAAG,WAAW,CAAC;AACzB,oBAAA,OAAO,EAAE,CAAC,GAAG,WAAW,CAAC;oBACzB,SAAS,EAAE,CAAC,qBAAqB,CAAC;AACrC,iBAAA,CAAA;;;ACzBD;;AAEG;;;;"}

package/menu/README.md

@@ -0,0 +1 @@
+# @radix-ng/primitives/menu

package/menu/src/menu-item.directive.d.ts

@@ -5,7 +5,8 @@ export declare class RdxMenuItemDirective {
     private readonly cdkMenuItem;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     protected readonly disabledState: import("@angular/core").Signal<boolean>;
+    onSelect: import("@angular/core").EventEmitter<void>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuItemDirective, "[MenuItem]", never, { "disabled": { "alias": "rdxDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuItemDirective, "[MenuItem]", never, { "disabled": { "alias": "rdxDisabled"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, [{ directive: typeof i1.CdkMenuItem; inputs: {}; outputs: {}; }]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "0.7.2",
+  "version": "0.8.1",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -37,6 +37,12 @@
       "esm": "./esm2022/radix-ng-primitives.mjs",
       "default": "./fesm2022/radix-ng-primitives.mjs"
     },
+    "./accordion": {
+      "types": "./accordion/index.d.ts",
+      "esm2022": "./esm2022/accordion/radix-ng-primitives-accordion.mjs",
+      "esm": "./esm2022/accordion/radix-ng-primitives-accordion.mjs",
+      "default": "./fesm2022/radix-ng-primitives-accordion.mjs"
+    },
     "./alert-dialog": {
       "types": "./alert-dialog/index.d.ts",
       "esm2022": "./esm2022/alert-dialog/radix-ng-primitives-alert-dialog.mjs",
@@ -61,6 +67,12 @@
       "esm": "./esm2022/collapsible/radix-ng-primitives-collapsible.mjs",
       "default": "./fesm2022/radix-ng-primitives-collapsible.mjs"
     },
+    "./dropdown-menu": {
+      "types": "./dropdown-menu/index.d.ts",
+      "esm2022": "./esm2022/dropdown-menu/radix-ng-primitives-dropdown-menu.mjs",
+      "esm": "./esm2022/dropdown-menu/radix-ng-primitives-dropdown-menu.mjs",
+      "default": "./fesm2022/radix-ng-primitives-dropdown-menu.mjs"
+    },
     "./label": {
       "types": "./label/index.d.ts",
       "esm2022": "./esm2022/label/radix-ng-primitives-label.mjs",
@@ -109,6 +121,12 @@
       "esm": "./esm2022/switch/radix-ng-primitives-switch.mjs",
       "default": "./fesm2022/radix-ng-primitives-switch.mjs"
     },
+    "./tabs": {
+      "types": "./tabs/index.d.ts",
+      "esm2022": "./esm2022/tabs/radix-ng-primitives-tabs.mjs",
+      "esm": "./esm2022/tabs/radix-ng-primitives-tabs.mjs",
+      "default": "./fesm2022/radix-ng-primitives-tabs.mjs"
+    },
     "./toggle": {
       "types": "./toggle/index.d.ts",
       "esm2022": "./esm2022/toggle/radix-ng-primitives-toggle.mjs",

package/tabs/index.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./src/tabs-root.directive";
+import * as i2 from "./src/tabs-content.directive";
+import * as i3 from "./src/tabs-list.directive";
+import * as i4 from "./src/tabs-trigger.directive";
+export * from './src/tabs-root.directive';
+export * from './src/tabs-content.directive';
+export * from './src/tabs-list.directive';
+export * from './src/tabs-trigger.directive';
+export * from './src/tabs-context.service';
+export declare class RdxTabsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxTabsModule, never, [typeof i1.RdxTabsRootDirective, typeof i2.RdxTabsContentDirective, typeof i3.RdxTabsListDirective, typeof i4.RdxTabsTriggerDirective], [typeof i1.RdxTabsRootDirective, typeof i2.RdxTabsContentDirective, typeof i3.RdxTabsListDirective, typeof i4.RdxTabsTriggerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdxTabsModule>;
+}

package/tabs/src/tabs-content.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class RdxTabsContentDirective {
+    protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
+    readonly value: import("@angular/core").InputSignal<string>;
+    protected readonly selected: import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsContentDirective, "[TabsContent]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/tabs/src/tabs-context.service.d.ts

@@ -0,0 +1,22 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const TABS_CONTEXT_TOKEN: InjectionToken<RdxTabsContextService>;
+export declare class RdxTabsContextService {
+    private baseId;
+    private value;
+    private orientation;
+    private dir;
+    private activationMode;
+    readonly value$: import("@angular/core").Signal<string | undefined>;
+    readonly orientation$: import("@angular/core").Signal<string>;
+    readonly dir$: import("@angular/core").Signal<string | undefined>;
+    readonly activationMode$: import("@angular/core").Signal<string>;
+    setValue(value: string): void;
+    setOrientation(orientation: string): void;
+    setDir(dir: string): void;
+    setActivationMode(mode: string): void;
+    getBaseId(): string;
+    private generateId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsContextService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RdxTabsContextService>;
+}

package/tabs/src/tabs-list.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class RdxTabsListDirective {
+    protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsListDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsListDirective, "[TabsList]", never, {}, {}, never, never, true, never>;
+}

package/tabs/src/tabs-root.directive.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface TabsProps {
+    /** The value for the selected tab, if controlled */
+    value?: string;
+    /** The value of the tab to select by default, if uncontrolled */
+    defaultValue?: string;
+    /** A function called when a new tab is selected */
+    onValueChange?: (value: string) => void;
+    /**
+     * The orientation the tabs are layed out.
+     * Mainly so arrow navigation is done accordingly (left & right vs. up & down)
+     * @defaultValue horizontal
+     */
+    orientation?: string;
+    /**
+     * The direction of navigation between toolbar items.
+     */
+    dir?: string;
+    /**
+     * Whether a tab is activated automatically or manually.
+     * @defaultValue automatic
+     * */
+    activationMode?: 'automatic' | 'manual';
+}
+export declare class RdxTabsRootDirective implements OnInit {
+    private readonly tabsContext;
+    value?: string;
+    defaultValue?: string;
+    orientation: string;
+    dir?: string;
+    onValueChange: EventEmitter<string>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsRootDirective, "[TabsRoot]", never, { "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; }, { "onValueChange": "onValueChange"; }, never, never, true, never>;
+}

package/tabs/src/tabs-trigger.directive.d.ts

@@ -0,0 +1,19 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { InputSignalWithTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+interface TabsTriggerProps {
+    disabled: InputSignalWithTransform<boolean, BooleanInput>;
+}
+export declare class RdxTabsTriggerDirective implements TabsTriggerProps {
+    protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
+    readonly value: import("@angular/core").InputSignal<string>;
+    readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
+    protected readonly contentId: import("@angular/core").Signal<string>;
+    protected readonly triggerId: import("@angular/core").Signal<string>;
+    protected readonly selected: import("@angular/core").Signal<boolean>;
+    protected onMouseDown(event: MouseEvent): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsTriggerDirective, "[TabsTrigger]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};