@radix-ng/primitives 0.8.1 → 0.9.0

package/fesm2022/radix-ng-primitives-toggle-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-toggle-group.mjs","sources":["../../../packages/primitives/toggle-group/src/toggle-group-button.token.ts","../../../packages/primitives/toggle-group/src/toggle-group.token.ts","../../../packages/primitives/toggle-group/src/toggle-group-button.directive.ts","../../../packages/primitives/toggle-group/src/toggle-group-multi.directive.ts","../../../packages/primitives/toggle-group/src/toggle-group.directive.ts","../../../packages/primitives/toggle-group/radix-ng-primitives-toggle-group.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type { RdxToggleGroupButtonDirective } from './toggle-group-button.directive';\n\nexport const RdxToggleGroupButtonToken = new InjectionToken<RdxToggleGroupButtonDirective>(\n    'RdxToggleGroupButtonToken'\n);\n\nexport function injectToggleGroupButton(): RdxToggleGroupButtonDirective {\n    return inject(RdxToggleGroupButtonToken);\n}\n","import { inject, InjectionToken } from '@angular/core';\n\nimport type { RdxToggleGroupMultiDirective } from './toggle-group-multi.directive';\nimport type { RdxToggleGroupDirective } from './toggle-group.directive';\n\nexport const RdxToggleGroupToken = new InjectionToken<\n    RdxToggleGroupDirective | RdxToggleGroupMultiDirective\n>('RdxToggleGroupToken');\n\nexport function injectToggleGroup(): RdxToggleGroupDirective | RdxToggleGroupMultiDirective {\n    return inject(RdxToggleGroupToken);\n}\n","import {\n    booleanAttribute,\n    Directive,\n    inject,\n    InjectionToken,\n    Input,\n    OnChanges,\n    SimpleChanges\n} from '@angular/core';\n\nimport {\n    injectRovingFocusItem,\n    RdxRovingFocusItemDirective\n} from '@radix-ng/primitives/roving-focus';\n\nimport { RdxToggleGroupButtonToken } from './toggle-group-button.token';\nimport { injectToggleGroup } from './toggle-group.token';\n\n@Directive({\n    selector: 'button[rdxToggleGroupButton]',\n    standalone: true,\n    hostDirectives: [RdxRovingFocusItemDirective],\n    providers: [{ provide: RdxToggleGroupButtonToken, useExisting: RdxToggleGroupButtonDirective }],\n    host: {\n        role: 'radio',\n        '[attr.aria-checked]': 'checked',\n        '[attr.aria-disabled]': 'disabled || toggleGroup.disabled',\n        '[attr.data-disabled]': 'disabled || toggleGroup.disabled',\n        '[attr.data-state]': 'checked ? \"on\" : \"off\"',\n        '[attr.data-orientation]': 'toggleGroup.orientation',\n\n        '(click)': 'toggle()'\n    }\n})\nexport class RdxToggleGroupButtonDirective implements OnChanges {\n    /**\n     * Access the toggle group.\n     */\n    protected readonly toggleGroup = injectToggleGroup();\n\n    /**\n     * Access the roving focus item.\n     */\n    private readonly rovingFocusItem = injectRovingFocusItem();\n\n    /**\n     * The value of this toggle button.\n     */\n    @Input({ required: true }) value!: string;\n\n    /**\n     * Whether this toggle button is disabled.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Whether this toggle button is checked.\n     */\n    protected get checked(): boolean {\n        return this.toggleGroup.isSelected(this.value);\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('disabled' in changes) {\n            this.updateDisabled();\n        }\n    }\n\n    toggle(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.toggleGroup.toggle(this.value);\n    }\n\n    /**\n     * Ensure the disabled state is propagated to the roving focus item.\n     * @internal\n     */\n    updateDisabled(): void {\n        this.rovingFocusItem.disabled = this.disabled || this.toggleGroup.disabled;\n    }\n}\n","import {\n    AfterContentInit,\n    booleanAttribute,\n    ContentChildren,\n    Directive,\n    EventEmitter,\n    Input,\n    OnChanges,\n    OnInit,\n    QueryList,\n    SimpleChanges\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport {\n    injectRovingFocusGroup,\n    RdxRovingFocusGroupDirective\n} from '@radix-ng/primitives/roving-focus';\n\nimport type { RdxToggleGroupButtonDirective } from './toggle-group-button.directive';\nimport { RdxToggleGroupButtonToken } from './toggle-group-button.token';\nimport { RdxToggleGroupToken } from './toggle-group.token';\n\n@Directive({\n    selector: '[rdxToggleGroupMulti]',\n    standalone: true,\n    hostDirectives: [\n        {\n            directive: RdxRovingFocusGroupDirective,\n            inputs: ['rdxRovingFocusGroupWrap:wrap', 'rdxRovingFocusGroupOrientation:orientation']\n        }\n    ],\n    providers: [\n        { provide: RdxToggleGroupToken, useExisting: RdxToggleGroupMultiDirective },\n        { provide: NG_VALUE_ACCESSOR, useExisting: RdxToggleGroupMultiDirective, multi: true }\n    ],\n    host: {\n        role: 'group',\n        '[attr.data-orientation]': 'orientation',\n        '(focusout)': 'onTouched?.()'\n    }\n})\nexport class RdxToggleGroupMultiDirective\n    implements OnInit, OnChanges, AfterContentInit, ControlValueAccessor\n{\n    /**\n     * Access the roving focus group\n     */\n    private readonly rovingFocusGroup = injectRovingFocusGroup();\n\n    /**\n     * The selected toggle button.\n     */\n    @Input('rdxToggleGroupMultiValue') value: ReadonlyArray<string> = [];\n\n    /**\n     * The orientation of the toggle group.\n     * @default 'horizontal'\n     */\n    @Input('rdxToggleGroupMultiOrientation') orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n    /**\n     * Whether the toggle group is disabled.\n     * @default false\n     */\n    @Input({ alias: 'rdxToggleGroupMultiDisabled', transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Whether the toggle group roving focus should wrap.\n     * @default true\n     */\n    @Input({ alias: 'rdxToggleGroupMultiWrap', transform: booleanAttribute }) wrap = true;\n\n    /**\n     * Event emitted when the selected toggle button changes.\n     */\n    @Input('rdxToggleGroupMultiValueChange') readonly valueChange = new EventEmitter<\n        ReadonlyArray<string>\n    >();\n\n    /**\n     * Access the buttons in the toggle group.\n     */\n    @ContentChildren(RdxToggleGroupButtonToken)\n    protected buttons?: QueryList<RdxToggleGroupButtonDirective>;\n\n    /**\n     * The value change callback.\n     */\n    private onChange?: (value: ReadonlyArray<string>) => void;\n\n    /**\n     * onTouch function registered via registerOnTouch (ControlValueAccessor).\n     */\n    protected onTouched?: () => void;\n\n    ngOnInit(): void {\n        // the toggle button group has a default orientation of horizontal\n        // whereas the roving focus group has a default orientation of vertical\n        // if the toggle button group input is not defined, the orientation will not be set\n        // in the roving focus group and the default vertical orientation will be used.\n        // we must initially set the orientation of the roving focus group to match the toggle button group orientation\n        this.rovingFocusGroup.setOrientation(this.orientation);\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('disabled' in changes) {\n            this.buttons?.forEach((button) => button.updateDisabled());\n        }\n    }\n\n    ngAfterContentInit(): void {\n        if (this.disabled) {\n            this.buttons?.forEach((button) => button.updateDisabled());\n        }\n    }\n\n    /**\n     * Determine if a value is selected.\n     * @param value The value to check.\n     * @returns Whether the value is selected.\n     * @internal\n     */\n    isSelected(value: string): boolean {\n        return this.value.includes(value);\n    }\n\n    /**\n     * Toggle a value.\n     * @param value The value to toggle.\n     * @internal\n     */\n    toggle(value: string): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.value = this.value.includes(value)\n            ? this.value.filter((v) => v !== value)\n            : [...this.value, value];\n\n        this.valueChange.emit(this.value);\n        this.onChange?.(this.value);\n    }\n\n    /**\n     * Select a value from Angular forms.\n     * @param value The value to select.\n     * @internal\n     */\n    writeValue(value: ReadonlyArray<string>): void {\n        this.value = value;\n    }\n\n    /**\n     * Register a callback to be called when the value changes.\n     * @param fn The callback to register.\n     * @internal\n     */\n    registerOnChange(fn: (value: ReadonlyArray<string>) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Register a callback to be called when the toggle group is touched.\n     * @param fn The callback to register.\n     * @internal\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Set the disabled state of the toggle group.\n     * @param isDisabled Whether the toggle group is disabled.\n     * @internal\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this.buttons?.forEach((button) => button.updateDisabled());\n    }\n}\n","import {\n    AfterContentInit,\n    booleanAttribute,\n    ContentChildren,\n    Directive,\n    EventEmitter,\n    inject,\n    InjectionToken,\n    Input,\n    OnChanges,\n    OnInit,\n    QueryList,\n    SimpleChanges\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport {\n    injectRovingFocusGroup,\n    RdxRovingFocusGroupDirective\n} from '@radix-ng/primitives/roving-focus';\n\nimport type { RdxToggleGroupButtonDirective } from './toggle-group-button.directive';\nimport { RdxToggleGroupButtonToken } from './toggle-group-button.token';\nimport { RdxToggleGroupToken } from './toggle-group.token';\n\n@Directive({\n    selector: '[rdxToggleGroup]',\n    standalone: true,\n    hostDirectives: [\n        {\n            directive: RdxRovingFocusGroupDirective,\n            inputs: ['rdxRovingFocusGroupWrap:wrap', 'rdxRovingFocusGroupOrientation:orientation']\n        }\n    ],\n    providers: [\n        { provide: RdxToggleGroupToken, useExisting: RdxToggleGroupDirective },\n        { provide: NG_VALUE_ACCESSOR, useExisting: RdxToggleGroupDirective, multi: true }\n    ],\n    host: {\n        role: 'group',\n        '[attr.data-orientation]': 'orientation',\n        '(focusout)': 'onTouched?.()'\n    }\n})\nexport class RdxToggleGroupDirective\n    implements OnInit, OnChanges, AfterContentInit, ControlValueAccessor\n{\n    /**\n     * Access the roving focus group\n     */\n    private readonly rovingFocusGroup = injectRovingFocusGroup();\n\n    /**\n     * The selected toggle button.\n     */\n    @Input() value: string | null = null;\n\n    /**\n     * The orientation of the toggle group.\n     * @default 'horizontal'\n     */\n    @Input() orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n    /**\n     * Whether the toggle group is disabled.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Whether the toggle group roving focus should wrap.\n     * @default true\n     */\n    @Input({ transform: booleanAttribute }) wrap = true;\n\n    /**\n     * Event emitted when the selected toggle button changes.\n     */\n    @Input() readonly valueChange = new EventEmitter<string | null>();\n\n    /**\n     * Access the buttons in the toggle group.\n     */\n    @ContentChildren(RdxToggleGroupButtonToken)\n    protected buttons?: QueryList<RdxToggleGroupButtonDirective>;\n\n    /**\n     * The value change callback.\n     */\n    private onChange?: (value: string | null) => void;\n\n    /**\n     * onTouch function registered via registerOnTouch (ControlValueAccessor).\n     */\n    protected onTouched?: () => void;\n\n    ngOnInit(): void {\n        // the toggle button group has a default orientation of horizontal\n        // whereas the roving focus group has a default orientation of vertical\n        // if the toggle button group input is not defined, the orientation will not be set\n        // in the roving focus group and the default vertical orientation will be used.\n        // we must initially set the orientation of the roving focus group to match the toggle button group orientation\n        this.rovingFocusGroup.setOrientation(this.orientation);\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('disabled' in changes) {\n            this.buttons?.forEach((button) => button.updateDisabled());\n        }\n    }\n\n    ngAfterContentInit(): void {\n        if (this.disabled) {\n            this.buttons?.forEach((button) => button.updateDisabled());\n        }\n    }\n\n    /**\n     * Determine if a value is selected.\n     * @param value The value to check.\n     * @returns Whether the value is selected.\n     * @internal\n     */\n    isSelected(value: string): boolean {\n        return this.value === value;\n    }\n\n    /**\n     * Toggle a value.\n     * @param value The value to toggle.\n     * @internal\n     */\n    toggle(value: string): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.value = this.value === value ? null : value;\n        this.valueChange.emit(this.value);\n        this.onChange?.(this.value);\n    }\n\n    /**\n     * Select a value from Angular forms.\n     * @param value The value to select.\n     * @internal\n     */\n    writeValue(value: string): void {\n        this.value = value;\n    }\n\n    /**\n     * Register a callback to be called when the value changes.\n     * @param fn The callback to register.\n     * @internal\n     */\n    registerOnChange(fn: (value: string | null) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Register a callback to be called when the toggle group is touched.\n     * @param fn The callback to register.\n     * @internal\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Set the disabled state of the toggle group.\n     * @param isDisabled Whether the toggle group is disabled.\n     * @internal\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this.buttons?.forEach((button) => button.updateDisabled());\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-toggle-group.mjs","sources":["../../../packages/primitives/toggle-group/src/toggle-group-button.token.ts","../../../packages/primitives/toggle-group/src/toggle-group.token.ts","../../../packages/primitives/toggle-group/src/toggle-group-button.directive.ts","../../../packages/primitives/toggle-group/src/toggle-group-multi.directive.ts","../../../packages/primitives/toggle-group/src/toggle-group.directive.ts","../../../packages/primitives/toggle-group/radix-ng-primitives-toggle-group.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\nimport type { RdxToggleGroupButtonDirective } from './toggle-group-button.directive';\n\nexport const RdxToggleGroupButtonToken = new InjectionToken<RdxToggleGroupButtonDirective>('RdxToggleGroupButtonToken');\n\nexport function injectToggleGroupButton(): RdxToggleGroupButtonDirective {\n    return inject(RdxToggleGroupButtonToken);\n}\n","import { inject, InjectionToken } from '@angular/core';\nimport type { RdxToggleGroupMultiDirective } from './toggle-group-multi.directive';\nimport type { RdxToggleGroupDirective } from './toggle-group.directive';\n\nexport const RdxToggleGroupToken = new InjectionToken<RdxToggleGroupDirective | RdxToggleGroupMultiDirective>(\n    'RdxToggleGroupToken'\n);\n\nexport function injectToggleGroup(): RdxToggleGroupDirective | RdxToggleGroupMultiDirective {\n    return inject(RdxToggleGroupToken);\n}\n","import { booleanAttribute, Directive, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { RdxToggleGroupButtonToken } from './toggle-group-button.token';\nimport { injectToggleGroup } from './toggle-group.token';\n\n@Directive({\n    selector: 'button[rdxToggleGroupButton]',\n    standalone: true,\n    providers: [{ provide: RdxToggleGroupButtonToken, useExisting: RdxToggleGroupButtonDirective }],\n    host: {\n        role: 'radio',\n        '[attr.aria-checked]': 'checked',\n        '[attr.aria-disabled]': 'disabled || toggleGroup.disabled',\n        '[attr.data-disabled]': 'disabled || toggleGroup.disabled',\n        '[attr.data-state]': 'checked ? \"on\" : \"off\"',\n        '[attr.data-orientation]': 'toggleGroup.orientation',\n\n        '(click)': 'toggle()'\n    }\n})\nexport class RdxToggleGroupButtonDirective implements OnChanges {\n    /**\n     * Access the toggle group.\n     * @ignore\n     */\n    protected readonly toggleGroup = injectToggleGroup();\n\n    /**\n     * The value of this toggle button.\n     */\n    @Input({ required: true }) value!: string;\n\n    /**\n     * Whether this toggle button is disabled.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Whether this toggle button is checked.\n     */\n    protected get checked(): boolean {\n        return this.toggleGroup.isSelected(this.value);\n    }\n\n    /**\n     * @ignore\n     */\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('disabled' in changes) {\n            // TODO\n        }\n    }\n\n    /**\n     * @ignore\n     */\n    toggle(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.toggleGroup.toggle(this.value);\n    }\n\n    /**\n     * Ensure the disabled state is propagated to the roving focus item.\n     * @internal\n     * @ignore\n     */\n    updateDisabled(): void {\n        // TODO\n    }\n}\n","import {\n    AfterContentInit,\n    booleanAttribute,\n    ContentChildren,\n    Directive,\n    EventEmitter,\n    Input,\n    OnChanges,\n    QueryList,\n    SimpleChanges\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport type { RdxToggleGroupButtonDirective } from './toggle-group-button.directive';\nimport { RdxToggleGroupButtonToken } from './toggle-group-button.token';\nimport { RdxToggleGroupToken } from './toggle-group.token';\n\n@Directive({\n    selector: '[rdxToggleGroupMulti]',\n    standalone: true,\n    providers: [\n        { provide: RdxToggleGroupToken, useExisting: RdxToggleGroupMultiDirective },\n        { provide: NG_VALUE_ACCESSOR, useExisting: RdxToggleGroupMultiDirective, multi: true }\n    ],\n    host: {\n        role: 'group',\n        '[attr.data-orientation]': 'orientation',\n        '(focusout)': 'onTouched?.()'\n    }\n})\nexport class RdxToggleGroupMultiDirective implements OnChanges, AfterContentInit, ControlValueAccessor {\n    /**\n     * The selected toggle button.\n     */\n    @Input('rdxToggleGroupMultiValue') value: ReadonlyArray<string> = [];\n\n    /**\n     * The orientation of the toggle group.\n     * @default 'horizontal'\n     */\n    @Input('rdxToggleGroupMultiOrientation') orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n    /**\n     * Whether the toggle group is disabled.\n     * @default false\n     */\n    @Input({ alias: 'rdxToggleGroupMultiDisabled', transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Whether the toggle group roving focus should wrap.\n     * @default true\n     */\n    @Input({ alias: 'rdxToggleGroupMultiWrap', transform: booleanAttribute }) wrap = true;\n\n    /**\n     * Event emitted when the selected toggle button changes.\n     */\n    @Input('rdxToggleGroupMultiValueChange') readonly valueChange = new EventEmitter<ReadonlyArray<string>>();\n\n    /**\n     * Access the buttons in the toggle group.\n     * @ignore\n     */\n    @ContentChildren(RdxToggleGroupButtonToken)\n    protected buttons?: QueryList<RdxToggleGroupButtonDirective>;\n\n    /**\n     * The value change callback.\n     * @ignore\n     */\n    private onChange?: (value: ReadonlyArray<string>) => void;\n\n    /**\n     * onTouch function registered via registerOnTouch (ControlValueAccessor).\n     * @ignore\n     */\n    protected onTouched?: () => void;\n\n    /**\n     * @ignore\n     */\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('disabled' in changes) {\n            this.buttons?.forEach((button) => button.updateDisabled());\n        }\n    }\n\n    /**\n     * @ignore\n     */\n    ngAfterContentInit(): void {\n        if (this.disabled) {\n            this.buttons?.forEach((button) => button.updateDisabled());\n        }\n    }\n\n    /**\n     * Determine if a value is selected.\n     * @param value The value to check.\n     * @returns Whether the value is selected.\n     * @ignore\n     */\n    isSelected(value: string): boolean {\n        return this.value.includes(value);\n    }\n\n    /**\n     * Toggle a value.\n     * @param value The value to toggle.\n     * @ignore\n     */\n    toggle(value: string): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.value = this.value.includes(value) ? this.value.filter((v) => v !== value) : [...this.value, value];\n\n        this.valueChange.emit(this.value);\n        this.onChange?.(this.value);\n    }\n\n    /**\n     * Select a value from Angular forms.\n     * @param value The value to select.\n     * @ignore\n     */\n    writeValue(value: ReadonlyArray<string>): void {\n        this.value = value;\n    }\n\n    /**\n     * Register a callback to be called when the value changes.\n     * @param fn The callback to register.\n     * @ignore\n     */\n    registerOnChange(fn: (value: ReadonlyArray<string>) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Register a callback to be called when the toggle group is touched.\n     * @param fn The callback to register.\n     * @ignore\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Set the disabled state of the toggle group.\n     * @param isDisabled Whether the toggle group is disabled.\n     * @ignore\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this.buttons?.forEach((button) => button.updateDisabled());\n    }\n}\n","import {\n    AfterContentInit,\n    booleanAttribute,\n    ContentChildren,\n    Directive,\n    EventEmitter,\n    Input,\n    OnChanges,\n    QueryList,\n    SimpleChanges\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport type { RdxToggleGroupButtonDirective } from './toggle-group-button.directive';\nimport { RdxToggleGroupButtonToken } from './toggle-group-button.token';\nimport { RdxToggleGroupToken } from './toggle-group.token';\n\n@Directive({\n    selector: '[rdxToggleGroup]',\n    standalone: true,\n    providers: [\n        { provide: RdxToggleGroupToken, useExisting: RdxToggleGroupDirective },\n        { provide: NG_VALUE_ACCESSOR, useExisting: RdxToggleGroupDirective, multi: true }\n    ],\n    host: {\n        role: 'group',\n        '[attr.data-orientation]': 'orientation',\n        '(focusout)': 'onTouched?.()'\n    }\n})\nexport class RdxToggleGroupDirective implements OnChanges, AfterContentInit, ControlValueAccessor {\n    /**\n     * The selected toggle button.\n     */\n    @Input() value: string | null = null;\n\n    /**\n     * The orientation of the toggle group.\n     * @default 'horizontal'\n     */\n    @Input() orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n    /**\n     * Whether the toggle group is disabled.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Whether the toggle group roving focus should wrap.\n     * @default true\n     */\n    @Input({ transform: booleanAttribute }) wrap = true;\n\n    /**\n     * Event emitted when the selected toggle button changes.\n     */\n    @Input() readonly valueChange = new EventEmitter<string | null>();\n\n    /**\n     * Access the buttons in the toggle group.\n     */\n    @ContentChildren(RdxToggleGroupButtonToken)\n    protected buttons?: QueryList<RdxToggleGroupButtonDirective>;\n\n    /**\n     * The value change callback.\n     */\n    private onChange?: (value: string | null) => void;\n\n    /**\n     * onTouch function registered via registerOnTouch (ControlValueAccessor).\n     */\n    protected onTouched?: () => void;\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('disabled' in changes) {\n            this.buttons?.forEach((button) => button.updateDisabled());\n        }\n    }\n\n    ngAfterContentInit(): void {\n        if (this.disabled) {\n            this.buttons?.forEach((button) => button.updateDisabled());\n        }\n    }\n\n    /**\n     * Determine if a value is selected.\n     * @param value The value to check.\n     * @returns Whether the value is selected.\n     * @internal\n     */\n    isSelected(value: string): boolean {\n        return this.value === value;\n    }\n\n    /**\n     * Toggle a value.\n     * @param value The value to toggle.\n     * @internal\n     */\n    toggle(value: string): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.value = this.value === value ? null : value;\n        this.valueChange.emit(this.value);\n        this.onChange?.(this.value);\n    }\n\n    /**\n     * Select a value from Angular forms.\n     * @param value The value to select.\n     * @internal\n     */\n    writeValue(value: string): void {\n        this.value = value;\n    }\n\n    /**\n     * Register a callback to be called when the value changes.\n     * @param fn The callback to register.\n     * @internal\n     */\n    registerOnChange(fn: (value: string | null) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Register a callback to be called when the toggle group is touched.\n     * @param fn The callback to register.\n     * @internal\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Set the disabled state of the toggle group.\n     * @param isDisabled Whether the toggle group is disabled.\n     * @internal\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this.buttons?.forEach((button) => button.updateDisabled());\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,50 +1,40 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, Directive, Input, Output } from '@angular/core';
+import { input, model, EventEmitter, Directive, Output } from '@angular/core';
 
-let uniqueId = 0;
-class RdxToggleRootDirective {
+class RdxToggleDirective {
     constructor() {
-        this.pressed = false;
-        this.disabled = false;
-        this.id = 'rdx-toggle-' + uniqueId++;
+        this.defaultPressed = input(false);
+        this.pressed = model(this.defaultPressed());
+        this.disabled = input(false);
         /**
          * Event emitted when the toggle is pressed.
          */
         this.onPressedChange = new EventEmitter();
     }
     toggle() {
-        if (this.disabled) {
-            return;
+        if (!this.disabled()) {
+            this.pressed.set(!this.pressed());
+            this.onPressedChange.emit(this.pressed());
         }
-        this.pressed = !this.pressed;
-        this.onPressedChange.emit(this.pressed);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxToggleRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.4", type: RdxToggleRootDirective, isStandalone: true, selector: "button[ToggleRoot]", inputs: { pressed: ["pressed", "pressed", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], id: "id" }, outputs: { onPressedChange: "onPressedChange" }, host: { attributes: { "type": "button" }, listeners: { "click": "toggle()" }, properties: { "attr.aria-pressed": "pressed", "attr.data-state": "pressed ? \"on\" : \"off\"", "attr.data-disabled": "disabled" } }, exportAs: ["ToggleRoot"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: RdxToggleDirective, isStandalone: true, selector: "button[rdxToggle]", inputs: { defaultPressed: { classPropertyName: "defaultPressed", publicName: "defaultPressed", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange", onPressedChange: "onPressedChange" }, host: { attributes: { "type": "button" }, listeners: { "click": "toggle()" }, properties: { "attr.aria-pressed": "pressed()", "attr.data-state": "pressed() ? \"on\" : \"off\"", "attr.data-disabled": "disabled()" } }, exportAs: ["rdxToggle"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxToggleRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxToggleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'button[ToggleRoot]',
-                    exportAs: 'ToggleRoot',
+                    selector: 'button[rdxToggle]',
+                    exportAs: 'rdxToggle',
                     standalone: true,
                     host: {
                         type: 'button',
-                        '[attr.aria-pressed]': 'pressed',
-                        '[attr.data-state]': 'pressed ? "on" : "off"',
-                        '[attr.data-disabled]': 'disabled',
+                        '[attr.aria-pressed]': 'pressed()',
+                        '[attr.data-state]': 'pressed() ? "on" : "off"',
+                        '[attr.data-disabled]': 'disabled()',
                         '(click)': 'toggle()'
                     }
                 }]
-        }], propDecorators: { pressed: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], id: [{
-                type: Input
-            }], onPressedChange: [{
+        }], propDecorators: { onPressedChange: [{
                 type: Output
             }] } });
 
@@ -52,5 +42,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { RdxToggleRootDirective };
+export { RdxToggleDirective };
 //# sourceMappingURL=radix-ng-primitives-toggle.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-toggle.mjs","sources":["../../../packages/primitives/toggle/src/toggle-root.directive.ts","../../../packages/primitives/toggle/radix-ng-primitives-toggle.ts"],"sourcesContent":["import { booleanAttribute, Directive, EventEmitter, Input, Output } from '@angular/core';\n\nlet uniqueId = 0;\n\nexport interface ToggleProps {\n    /**\n     * The controlled state of the toggle.\n     */\n    pressed?: boolean;\n    /**\n     * The state of the toggle when initially rendered. Use `defaultPressed`\n     * if you do not need to control the state of the toggle.\n     * @defaultValue false\n     */\n    defaultPressed?: boolean;\n    /**\n     * The callback that fires when the state of the toggle changes.\n     */\n    onPressedChange?: EventEmitter<boolean>;\n}\n\n@Directive({\n    selector: 'button[ToggleRoot]',\n    exportAs: 'ToggleRoot',\n    standalone: true,\n    host: {\n        type: 'button',\n        '[attr.aria-pressed]': 'pressed',\n        '[attr.data-state]': 'pressed ? \"on\" : \"off\"',\n        '[attr.data-disabled]': 'disabled',\n\n        '(click)': 'toggle()'\n    }\n})\nexport class RdxToggleRootDirective implements ToggleProps {\n    @Input({ transform: booleanAttribute }) pressed = false;\n\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    @Input() id = 'rdx-toggle-' + uniqueId++;\n    /**\n     * Event emitted when the toggle is pressed.\n     */\n    @Output() readonly onPressedChange = new EventEmitter<boolean>();\n\n    protected toggle(): void {\n        if (this.disabled) {\n            return;\n        }\n        this.pressed = !this.pressed;\n        this.onPressedChange.emit(this.pressed);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA,IAAI,QAAQ,GAAG,CAAC,CAAC;MAgCJ,sBAAsB,CAAA;AAbnC,IAAA,WAAA,GAAA;QAc4C,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAEhB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAEhD,QAAA,IAAA,CAAA,EAAE,GAAG,aAAa,GAAG,QAAQ,EAAE,CAAC;AACzC;;AAEG;AACgB,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAW,CAAC;AASpE,KAAA;IAPa,MAAM,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,OAAO;SACV;AACD,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KAC3C;8GAjBQ,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EACX,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAEhB,gBAAgB,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAH3B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,qBAAqB,EAAE,SAAS;AAChC,wBAAA,mBAAmB,EAAE,wBAAwB;AAC7C,wBAAA,sBAAsB,EAAE,UAAU;AAElC,wBAAA,SAAS,EAAE,UAAU;AACxB,qBAAA;AACJ,iBAAA,CAAA;8BAE2C,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAEE,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAE7B,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAIa,eAAe,EAAA,CAAA;sBAAjC,MAAM;;;AC3CX;;AAEG;;;;"}
+{"version":3,"file":"radix-ng-primitives-toggle.mjs","sources":["../../../packages/primitives/toggle/src/toggle.directive.ts","../../../packages/primitives/toggle/radix-ng-primitives-toggle.ts"],"sourcesContent":["import { Directive, EventEmitter, input, model, Output } from '@angular/core';\n\nexport interface ToggleProps {\n    /**\n     * The controlled state of the toggle.\n     */\n    pressed?: boolean;\n    /**\n     * The state of the toggle when initially rendered. Use `defaultPressed`\n     * if you do not need to control the state of the toggle.\n     * @defaultValue false\n     */\n    defaultPressed?: boolean;\n    /**\n     * The callback that fires when the state of the toggle changes.\n     */\n    onPressedChange?: EventEmitter<boolean>;\n}\n\n@Directive({\n    selector: 'button[rdxToggle]',\n    exportAs: 'rdxToggle',\n    standalone: true,\n    host: {\n        type: 'button',\n        '[attr.aria-pressed]': 'pressed()',\n        '[attr.data-state]': 'pressed() ? \"on\" : \"off\"',\n        '[attr.data-disabled]': 'disabled()',\n\n        '(click)': 'toggle()'\n    }\n})\nexport class RdxToggleDirective {\n    readonly defaultPressed = input<boolean>(false);\n    readonly pressed = model<boolean>(this.defaultPressed());\n    readonly disabled = input<boolean>(false);\n\n    /**\n     * Event emitted when the toggle is pressed.\n     */\n    @Output() readonly onPressedChange = new EventEmitter<boolean>();\n\n    protected toggle(): void {\n        if (!this.disabled()) {\n            this.pressed.set(!this.pressed());\n            this.onPressedChange.emit(this.pressed());\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAgCa,kBAAkB,CAAA;AAb/B,IAAA,WAAA,GAAA;AAca,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;QACvC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAU,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;AAChD,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AAE1C;;AAEG;AACgB,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAW,CAAC;AAQpE,KAAA;IANa,MAAM,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YAClB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;YAClC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;SAC7C;KACJ;8GAfQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,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,OAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,8BAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAb9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,mBAAmB,EAAE,0BAA0B;AAC/C,wBAAA,sBAAsB,EAAE,YAAY;AAEpC,wBAAA,SAAS,EAAE,UAAU;AACxB,qBAAA;AACJ,iBAAA,CAAA;8BASsB,eAAe,EAAA,CAAA;sBAAjC,MAAM;;;ACxCX;;AAEG;;;;"}

package/label/index.d.ts

@@ -1 +1 @@
-export * from './src/label-root.directive';
+export * from './src/label.directive';

package/label/src/label.directive.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+export declare class RdxLabelDirective {
+    readonly id: import("@angular/core").InputSignal<string>;
+    /**
+     * @ignore
+     */
+    protected readonly elementId: import("@angular/core").Signal<string | null>;
+    /**
+     * The id of the element the label is associated with.
+     * @default '-'
+     */
+    readonly htmlFor: import("@angular/core").InputSignal<string>;
+    /**
+     * @ignore
+     */
+    private readonly elementRef;
+    /**
+     * @ignore
+     */
+    onMouseDown(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxLabelDirective, "label[rdxLabel]", ["rdxLabel"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "htmlFor": { "alias": "htmlFor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/menu/index.d.ts

@@ -5,12 +5,12 @@ import * as i3 from "./src/menu-item.directive";
 import * as i4 from "./src/menu-separator.directive";
 import * as i5 from "./src/menu-content.directive";
 import * as i6 from "./src/menu-label.directive";
+export * from './src/menu-content.directive';
 export * from './src/menu-directive';
 export * from './src/menu-group.directive';
 export * from './src/menu-item.directive';
-export * from './src/menu-separator.directive';
-export * from './src/menu-content.directive';
 export * from './src/menu-label.directive';
+export * from './src/menu-separator.directive';
 export declare class MenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MenuModule, never, [typeof i1.RdxMenuDirective, typeof i2.RdxMenuGroupDirective, typeof i3.RdxMenuItemDirective, typeof i4.RdxMenuSeparatorDirective, typeof i5.RdxMenuContentDirective, typeof i6.RdxMenuLabelDirective], [typeof i1.RdxMenuDirective, typeof i2.RdxMenuGroupDirective, typeof i3.RdxMenuItemDirective, typeof i4.RdxMenuSeparatorDirective, typeof i5.RdxMenuContentDirective, typeof i6.RdxMenuLabelDirective]>;

package/menubar/index.d.ts

@@ -9,11 +9,11 @@ import * as i7 from "./src/menubar-item-indicator.directive";
 import * as i8 from "./src/menubar-item-radio.directive";
 import * as i9 from "./src/menubar-radio-group.directive";
 export * from './src/menubar-content.directive';
-export * from './src/menubar-item.directive';
 export * from './src/menubar-item-checkbox.directive';
+export * from './src/menubar-item-indicator.directive';
 export * from './src/menubar-item-radio.directive';
+export * from './src/menubar-item.directive';
 export * from './src/menubar-radio-group.directive';
-export * from './src/menubar-item-indicator.directive';
 export * from './src/menubar-root.directive';
 export * from './src/menubar-separator.directive';
 export * from './src/menubar-trigger.directive';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -103,12 +103,6 @@
       "esm": "./esm2022/radio/radix-ng-primitives-radio.mjs",
       "default": "./fesm2022/radix-ng-primitives-radio.mjs"
     },
-    "./roving-focus": {
-      "types": "./roving-focus/index.d.ts",
-      "esm2022": "./esm2022/roving-focus/radix-ng-primitives-roving-focus.mjs",
-      "esm": "./esm2022/roving-focus/radix-ng-primitives-roving-focus.mjs",
-      "default": "./fesm2022/radix-ng-primitives-roving-focus.mjs"
-    },
     "./separator": {
       "types": "./separator/index.d.ts",
       "esm2022": "./esm2022/separator/radix-ng-primitives-separator.mjs",

package/progress/src/progress-indicator.directive.d.ts

@@ -1,6 +1,16 @@
 import * as i0 from "@angular/core";
+/**
+ * Directive to manage progress indicator state and attributes.
+ *
+ * This directive is used to display the progress indicator inside the progress bar.
+ * It inherits the state and value from the `RdxProgressRootDirective`.
+ */
 export declare class RdxProgressIndicatorDirective {
-    readonly _progress: import("./progress-root.directive").RdxProgressRootDirective;
+    /**
+     *
+     * This allows the directive to access the progress bar state and values.
+     */
+    protected readonly progress: import("./progress-root.directive").RdxProgressRootDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressIndicatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressIndicatorDirective, "div[ProgressIndicator]", ["ProgressIndicator"], {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressIndicatorDirective, "div[rdxProgressIndicator]", ["ProgressIndicator"], {}, {}, never, never, true, never>;
 }

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

@@ -1,29 +1,63 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * Injects the current instance of RdxProgressRootDirective.
+ * @returns The instance of RdxProgressRootDirective.
+ */
 export declare function injectProgress(): RdxProgressRootDirective;
-export type ProgressState = 'indeterminate' | 'loading' | 'complete';
+export type ProgressState = 'indeterminate' | 'complete' | 'loading';
 export interface ProgressProps {
     value?: number | null | undefined;
     max?: number;
     getValueLabel?: string;
 }
-export declare class RdxProgressRootDirective implements ProgressProps {
+/**
+ * Directive to manage progress bar state and attributes.
+ *
+ * This directive provides a way to create a progress bar with customizable value and max attributes.
+ * It handles aria attributes for accessibility and provides different states like 'indeterminate', 'complete', and 'loading'.
+ */
+export declare class RdxProgressRootDirective implements ProgressProps, OnChanges {
+    /**
+     * The unique ID for the progress bar.
+     * @default 'rdx-progress-bar-{idIterator}'
+     */
     id: string;
+    /**
+     * The current value of the progress bar.
+     * @default 0
+     */
     value: number;
     /**
+     * The maximum value of the progress bar.
      * @default 100
      */
     max: number;
+    /**
+     * Function to generate the value label.
+     */
     valueLabel: (value: number, max: number) => string;
+    /**
+     * Lifecycle hook that is called when any data-bound property of a directive changes.
+     * @param changes - The changed properties.
+     * @ignore
+     */
+    ngOnChanges(changes: SimpleChanges): void;
     /**
      * Get the state of the progress bar.
      * @returns 'indeterminate' | 'loading' | 'complete'
-     * @internal
+     * @ignore
      */
     get state(): ProgressState;
     private getProgressState;
     private defaultGetValueLabel;
+    private isValidMaxNumber;
+    private isNumber;
+    private isValidValueNumber;
+    private getInvalidMaxError;
+    private getInvalidValueError;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressRootDirective, "div[ProgressRoot]", ["ProgressRoot"], { "id": { "alias": "id"; "required": false; }; "value": { "alias": "rdxValue"; "required": false; }; "max": { "alias": "rdxMax"; "required": false; }; "valueLabel": { "alias": "rdxValueLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressRootDirective, "div[rdxProgressRoot]", ["ProgressRoot"], { "id": { "alias": "id"; "required": false; }; "value": { "alias": "rdxValue"; "required": false; }; "max": { "alias": "rdxMax"; "required": false; }; "valueLabel": { "alias": "rdxValueLabel"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_value: unknown;
     static ngAcceptInputType_max: unknown;
 }

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

@@ -1,6 +1,5 @@
 import { InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/roving-focus";
 export declare const RdxRadioItemToken: InjectionToken<RdxRadioItemDirective>;
 export declare function injectRadioItem(): RdxRadioItemDirective;
 export declare class RdxRadioItemDirective {
@@ -12,6 +11,6 @@ export declare class RdxRadioItemDirective {
     _onFocus(): void;
     _onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxRadioItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioItemDirective, "[RadioItem]", ["RadioItem"], { "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioItemDirective, "[RadioItem]", ["RadioItem"], { "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;
 }

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

@@ -1,7 +1,6 @@
 import { EventEmitter, InjectionToken } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/roving-focus";
 export declare const RdxRadioGroupToken: InjectionToken<RdxRadioGroupDirective>;
 export declare function injectRadioGroup(): RdxRadioGroupDirective;
 interface RadioGroupProps {
@@ -66,7 +65,7 @@ export declare class RdxRadioGroupDirective implements RadioGroupProps, ControlV
      */
     _onFocusout(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxRadioGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "div[RadioRoot]", ["RadioRoot"], { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; }, { "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "div[RadioRoot]", ["RadioRoot"], { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; }, { "onValueChange": "onValueChange"; }, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 export {};

package/switch/index.d.ts

@@ -1,4 +1,13 @@
-export * from './src/switch-thumb.directive';
-export * from './src/switch-root.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./src/switch-root.directive";
+import * as i2 from "./src/switch-input.directive";
+import * as i3 from "./src/switch-thumb.directive";
 export * from './src/switch-input.directive';
+export * from './src/switch-root.directive';
+export * from './src/switch-thumb.directive';
 export type { SwitchProps } from './src/switch-root.directive';
+export declare class RdxSwitchModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxSwitchModule, never, [typeof i1.RdxSwitchRootDirective, typeof i2.RdxSwitchInputDirective, typeof i3.RdxSwitchThumbDirective], [typeof i1.RdxSwitchRootDirective, typeof i2.RdxSwitchInputDirective, typeof i3.RdxSwitchThumbDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdxSwitchModule>;
+}

package/switch/src/switch-input.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class RdxSwitchInputDirective {
     protected readonly switchRoot: import("./switch-root.directive").RdxSwitchRootDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchInputDirective, "input[SwitchInput]", ["SwitchInput"], {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchInputDirective, "input[rdxSwitchInput]", ["rdxSwitchInput"], {}, {}, never, never, true, never>;
 }

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

@@ -1,4 +1,5 @@
-import { EventEmitter, InjectionToken, ModelSignal } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { EventEmitter, InjectionToken, InputSignalWithTransform, ModelSignal } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare const RdxSwitchToken: InjectionToken<RdxSwitchRootDirective>;
@@ -6,14 +7,17 @@ export declare function injectSwitch(): RdxSwitchRootDirective;
 export interface SwitchProps {
     checked?: ModelSignal<boolean>;
     defaultChecked?: boolean;
-    required?: boolean;
+    required?: InputSignalWithTransform<boolean, BooleanInput>;
     onCheckedChange?: EventEmitter<boolean>;
 }
 export declare class RdxSwitchRootDirective implements SwitchProps, ControlValueAccessor {
-    required: boolean;
+    readonly id: import("@angular/core").InputSignal<string>;
+    protected readonly elementId: import("@angular/core").Signal<string | null>;
+    readonly required: InputSignalWithTransform<boolean, BooleanInput>;
     readonly checked: ModelSignal<boolean>;
-    disabled: boolean;
-    readonly onCheckedChange: EventEmitter<boolean>;
+    readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
+    readonly disabledState: import("@angular/core").Signal<boolean>;
+    onCheckedChange: EventEmitter<boolean>;
     /**
      * The method to be called in order to update ngModel.
      */
@@ -22,13 +26,26 @@ export declare class RdxSwitchRootDirective implements SwitchProps, ControlValue
      * onTouch function registered via registerOnTouch (ControlValueAccessor).
      */
     _onTouched?: () => void;
+    /**
+     * Registers a function to call when the checked state changes.
+     * @param fn Function to call on change.
+     */
     registerOnChange(fn: (checked: boolean) => void): void;
+    /**
+     * Registers a function to call when the component is touched.
+     * @param fn Function to call on touch.
+     */
     registerOnTouched(fn: () => void): void;
+    /**
+     * Writes a new value to the model.
+     * @param checked The new checked value.
+     */
     writeValue(checked: boolean): void;
-    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Toggles the checked state of the switch.
+     * If the switch is disabled, the function returns early.
+     */
     protected toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchRootDirective, "button[SwitchRoot]", ["SwitchRoot"], { "required": { "alias": "required"; "required": false; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, never>;
-    static ngAcceptInputType_required: unknown;
-    static ngAcceptInputType_disabled: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchRootDirective, "button[rdxSwitchRoot]", ["rdxSwitchRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, never>;
 }

package/switch/src/switch-thumb.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class RdxSwitchThumbDirective {
     protected readonly switchRoot: import("./switch-root.directive").RdxSwitchRootDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchThumbDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchThumbDirective, "span[SwitchThumb]", ["SwitchThumb"], {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchThumbDirective, "span[rdxSwitchThumb]", ["rdxSwitchThumb"], {}, {}, never, never, true, never>;
 }

package/tabs/index.d.ts

@@ -3,11 +3,11 @@ 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-context.service';
 export * from './src/tabs-list.directive';
+export * from './src/tabs-root.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]>;

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

@@ -4,5 +4,5 @@ export declare class RdxTabsContentDirective {
     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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsContentDirective, "[rdxTabsContent]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -2,5 +2,5 @@ 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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsListDirective, "[rdxTabsList]", never, {}, {}, never, never, true, never>;
 }

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

@@ -33,5 +33,5 @@ export declare class RdxTabsRootDirective implements OnInit {
     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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsRootDirective, "[rdxTabsRoot]", 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

@@ -14,6 +14,6 @@ export declare class RdxTabsTriggerDirective implements TabsTriggerProps {
     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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsTriggerDirective, "[rdxTabsTrigger]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export {};

package/toggle/index.d.ts

@@ -1,2 +1,2 @@
-export * from './src/toggle-root.directive';
-export type { ToggleProps } from './src/toggle-root.directive';
+export * from './src/toggle.directive';
+export type { ToggleProps } from './src/toggle.directive';

package/toggle/src/toggle.directive.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface ToggleProps {
+    /**
+     * The controlled state of the toggle.
+     */
+    pressed?: boolean;
+    /**
+     * The state of the toggle when initially rendered. Use `defaultPressed`
+     * if you do not need to control the state of the toggle.
+     * @defaultValue false
+     */
+    defaultPressed?: boolean;
+    /**
+     * The callback that fires when the state of the toggle changes.
+     */
+    onPressedChange?: EventEmitter<boolean>;
+}
+export declare class RdxToggleDirective {
+    readonly defaultPressed: import("@angular/core").InputSignal<boolean>;
+    readonly pressed: import("@angular/core").ModelSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Event emitted when the toggle is pressed.
+     */
+    readonly onPressedChange: EventEmitter<boolean>;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleDirective, "button[rdxToggle]", ["rdxToggle"], { "defaultPressed": { "alias": "defaultPressed"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "pressed": "pressedChange"; "onPressedChange": "onPressedChange"; }, never, never, true, never>;
+}