@radix-ng/primitives 0.1.1 → 0.2.0

package/esm2022/radio/index.mjs

@@ -0,0 +1,6 @@
+export * from './src/radio-group.directive';
+export * from './src/radio-item.directive';
+export * from './src/radio-group.token';
+export * from './src/radio-indicator.directive';
+export * from './src/radio-item.token';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3JhZGlvL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3JjL3JhZGlvLWdyb3VwLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9yYWRpby1pdGVtLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9yYWRpby1ncm91cC50b2tlbic7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9yYWRpby1pbmRpY2F0b3IuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3JhZGlvLWl0ZW0udG9rZW4nO1xuIl19

package/esm2022/radio/radix-ng-primitives-radio.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaXgtbmctcHJpbWl0aXZlcy1yYWRpby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvcmFkaW8vcmFkaXgtbmctcHJpbWl0aXZlcy1yYWRpby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/radio/src/radio-group.directive.mjs

@@ -0,0 +1,108 @@
+import { Directive, EventEmitter, HostListener, Input, Output, booleanAttribute } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+// eslint-disable-next-line @nx/enforce-module-boundaries
+import { RovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';
+import { RadioGroupToken } from './radio-group.token';
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export class RadioGroupDirective {
+    constructor() {
+        /**
+         * Whether the radio group is disabled.
+         */
+        this.disabled = false;
+        /**
+         * The orientation of the radio group.
+         * @default 'horizontal'
+         */
+        this.orientation = 'horizontal';
+        /**
+         * Event emitted when the value of the radio group changes.
+         */
+        this.valueChange = new EventEmitter();
+    }
+    /**
+     * Select a radio item.
+     * @param value The value of the radio item to select.
+     */
+    select(value) {
+        this.value = value;
+        this.valueChange.emit(value);
+        this.onChange?.(value);
+    }
+    /**
+     * Update the value of the radio group.
+     * @param value The new value of the radio group.
+     * @internal
+     */
+    writeValue(value) {
+        this.value = value;
+    }
+    /**
+     * Register a callback function to call when the value of the radio group changes.
+     * @param fn The callback function to call when the value of the radio group changes.
+     * @internal
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * Set the disabled state of the radio group.
+     * @param isDisabled Whether the radio group is disabled.
+     * @internal
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    /**
+     * When focus leaves the radio group, mark it as touched.
+     * @internal
+     */
+    onFocusout() {
+        this.onTouched?.();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RadioGroupDirective, isStandalone: true, selector: "[rdxRadioGroup]", inputs: { value: ["rdxRadioGroupValue", "value"], disabled: ["rdxRadioGroupDisabled", "disabled", booleanAttribute], orientation: ["rdxRadioGroupOrientation", "orientation"] }, outputs: { valueChange: "rdxRadioGroupValueChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "focusout": "onFocusout()" }, properties: { "attr.aria-orientation": "orientation", "attr.data-disabled": "disabled ? \"\" : null" } }, providers: [
+            { provide: RadioGroupToken, useExisting: RadioGroupDirective },
+            { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupDirective, multi: true }
+        ], hostDirectives: [{ directive: i1.RovingFocusGroupDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxRadioGroup]',
+                    standalone: true,
+                    providers: [
+                        { provide: RadioGroupToken, useExisting: RadioGroupDirective },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupDirective, multi: true }
+                    ],
+                    hostDirectives: [RovingFocusGroupDirective],
+                    host: {
+                        role: 'radiogroup',
+                        '[attr.aria-orientation]': 'orientation',
+                        '[attr.data-disabled]': 'disabled ? "" : null'
+                    }
+                }]
+        }], propDecorators: { value: [{
+                type: Input,
+                args: ['rdxRadioGroupValue']
+            }], disabled: [{
+                type: Input,
+                args: [{
+                        alias: 'rdxRadioGroupDisabled',
+                        transform: booleanAttribute
+                    }]
+            }], orientation: [{
+                type: Input,
+                args: ['rdxRadioGroupOrientation']
+            }], valueChange: [{
+                type: Output,
+                args: ['rdxRadioGroupValueChange']
+            }], onFocusout: [{
+                type: HostListener,
+                args: ['focusout']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZ3JvdXAuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvcHJpbWl0aXZlcy9yYWRpby9zcmMvcmFkaW8tZ3JvdXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGdCQUFnQixFQUNuQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUseURBQXlEO0FBQ3pELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBZ0J0RCxNQUFNLE9BQU8sbUJBQW1CO0lBZGhDO1FBb0JJOztXQUVHO1FBS0gsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQjs7O1dBR0c7UUFDZ0MsZ0JBQVcsR0FBOEIsWUFBWSxDQUFDO1FBRXpGOztXQUVHO1FBQzBDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQStEekY7SUFqREc7OztPQUdHO0lBQ0gsTUFBTSxDQUFDLEtBQWE7UUFDaEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsVUFBVSxDQUFDLEtBQWE7UUFDcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxnQkFBZ0IsQ0FBQyxFQUEyQjtRQUN4QyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBYztRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILGdCQUFnQixDQUFDLFVBQW1CO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQy9CLENBQUM7SUFFRDs7O09BR0c7SUFFTyxVQUFVO1FBQ2hCLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7OEdBdEZRLG1CQUFtQjtrR0FBbkIsbUJBQW1CLHFKQVdiLGdCQUFnQixtVUF0QnBCO1lBQ1AsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRTtZQUM5RCxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtTQUNoRjs7MkZBUVEsbUJBQW1CO2tCQWQvQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixTQUFTLEVBQUU7d0JBQ1AsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcscUJBQXFCLEVBQUU7d0JBQzlELEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcscUJBQXFCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtxQkFDaEY7b0JBQ0QsY0FBYyxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQzNDLElBQUksRUFBRTt3QkFDRixJQUFJLEVBQUUsWUFBWTt3QkFDbEIseUJBQXlCLEVBQUUsYUFBYTt3QkFDeEMsc0JBQXNCLEVBQUUsc0JBQXNCO3FCQUNqRDtpQkFDSjs4QkFLZ0MsS0FBSztzQkFBakMsS0FBSzt1QkFBQyxvQkFBb0I7Z0JBUzNCLFFBQVE7c0JBSlAsS0FBSzt1QkFBQzt3QkFDSCxLQUFLLEVBQUUsdUJBQXVCO3dCQUM5QixTQUFTLEVBQUUsZ0JBQWdCO3FCQUM5QjtnQkFPa0MsV0FBVztzQkFBN0MsS0FBSzt1QkFBQywwQkFBMEI7Z0JBS1ksV0FBVztzQkFBdkQsTUFBTTt1QkFBQywwQkFBMEI7Z0JBNER4QixVQUFVO3NCQURuQixZQUFZO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERpcmVjdGl2ZSxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBib29sZWFuQXR0cmlidXRlXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBueC9lbmZvcmNlLW1vZHVsZS1ib3VuZGFyaWVzXG5pbXBvcnQgeyBSb3ZpbmdGb2N1c0dyb3VwRGlyZWN0aXZlIH0gZnJvbSAnQHJhZGl4LW5nL3ByaW1pdGl2ZXMvcm92aW5nLWZvY3VzJztcbmltcG9ydCB7IFJhZGlvR3JvdXBUb2tlbiB9IGZyb20gJy4vcmFkaW8tZ3JvdXAudG9rZW4nO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tyZHhSYWRpb0dyb3VwXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiBSYWRpb0dyb3VwVG9rZW4sIHVzZUV4aXN0aW5nOiBSYWRpb0dyb3VwRGlyZWN0aXZlIH0sXG4gICAgICAgIHsgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBSYWRpb0dyb3VwRGlyZWN0aXZlLCBtdWx0aTogdHJ1ZSB9XG4gICAgXSxcbiAgICBob3N0RGlyZWN0aXZlczogW1JvdmluZ0ZvY3VzR3JvdXBEaXJlY3RpdmVdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgcm9sZTogJ3JhZGlvZ3JvdXAnLFxuICAgICAgICAnW2F0dHIuYXJpYS1vcmllbnRhdGlvbl0nOiAnb3JpZW50YXRpb24nLFxuICAgICAgICAnW2F0dHIuZGF0YS1kaXNhYmxlZF0nOiAnZGlzYWJsZWQgPyBcIlwiIDogbnVsbCdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFJhZGlvR3JvdXBEaXJlY3RpdmUgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gICAgLyoqXG4gICAgICogVGhlIHZhbHVlIG9mIHRoZSByYWRpbyBncm91cC5cbiAgICAgKi9cbiAgICBASW5wdXQoJ3JkeFJhZGlvR3JvdXBWYWx1ZScpIHZhbHVlPzogc3RyaW5nO1xuXG4gICAgLyoqXG4gICAgICogV2hldGhlciB0aGUgcmFkaW8gZ3JvdXAgaXMgZGlzYWJsZWQuXG4gICAgICovXG4gICAgQElucHV0KHtcbiAgICAgICAgYWxpYXM6ICdyZHhSYWRpb0dyb3VwRGlzYWJsZWQnLFxuICAgICAgICB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGVcbiAgICB9KVxuICAgIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiBUaGUgb3JpZW50YXRpb24gb2YgdGhlIHJhZGlvIGdyb3VwLlxuICAgICAqIEBkZWZhdWx0ICdob3Jpem9udGFsJ1xuICAgICAqL1xuICAgIEBJbnB1dCgncmR4UmFkaW9Hcm91cE9yaWVudGF0aW9uJykgb3JpZW50YXRpb246ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCcgPSAnaG9yaXpvbnRhbCc7XG5cbiAgICAvKipcbiAgICAgKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIHZhbHVlIG9mIHRoZSByYWRpbyBncm91cCBjaGFuZ2VzLlxuICAgICAqL1xuICAgIEBPdXRwdXQoJ3JkeFJhZGlvR3JvdXBWYWx1ZUNoYW5nZScpIHJlYWRvbmx5IHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICAvKipcbiAgICAgKiBUaGUgY2FsbGJhY2sgZnVuY3Rpb24gdG8gY2FsbCB3aGVuIHRoZSB2YWx1ZSBvZiB0aGUgcmFkaW8gZ3JvdXAgY2hhbmdlcy5cbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBwcml2YXRlIG9uQ2hhbmdlPzogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG5cbiAgICAvKipcbiAgICAgKiBUaGUgY2FsbGJhY2sgZnVuY3Rpb24gdG8gY2FsbCB3aGVuIHRoZSByYWRpbyBncm91cCBpcyB0b3VjaGVkLlxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIHByaXZhdGUgb25Ub3VjaGVkPzogKCkgPT4gdm9pZDtcblxuICAgIC8qKlxuICAgICAqIFNlbGVjdCBhIHJhZGlvIGl0ZW0uXG4gICAgICogQHBhcmFtIHZhbHVlIFRoZSB2YWx1ZSBvZiB0aGUgcmFkaW8gaXRlbSB0byBzZWxlY3QuXG4gICAgICovXG4gICAgc2VsZWN0KHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodmFsdWUpO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlPy4odmFsdWUpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFVwZGF0ZSB0aGUgdmFsdWUgb2YgdGhlIHJhZGlvIGdyb3VwLlxuICAgICAqIEBwYXJhbSB2YWx1ZSBUaGUgbmV3IHZhbHVlIG9mIHRoZSByYWRpbyBncm91cC5cbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFJlZ2lzdGVyIGEgY2FsbGJhY2sgZnVuY3Rpb24gdG8gY2FsbCB3aGVuIHRoZSB2YWx1ZSBvZiB0aGUgcmFkaW8gZ3JvdXAgY2hhbmdlcy5cbiAgICAgKiBAcGFyYW0gZm4gVGhlIGNhbGxiYWNrIGZ1bmN0aW9uIHRvIGNhbGwgd2hlbiB0aGUgdmFsdWUgb2YgdGhlIHJhZGlvIGdyb3VwIGNoYW5nZXMuXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU2V0IHRoZSBkaXNhYmxlZCBzdGF0ZSBvZiB0aGUgcmFkaW8gZ3JvdXAuXG4gICAgICogQHBhcmFtIGlzRGlzYWJsZWQgV2hldGhlciB0aGUgcmFkaW8gZ3JvdXAgaXMgZGlzYWJsZWQuXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFdoZW4gZm9jdXMgbGVhdmVzIHRoZSByYWRpbyBncm91cCwgbWFyayBpdCBhcyB0b3VjaGVkLlxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIEBIb3N0TGlzdGVuZXIoJ2ZvY3Vzb3V0JylcbiAgICBwcm90ZWN0ZWQgb25Gb2N1c291dCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vblRvdWNoZWQ/LigpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/radio/src/radio-group.token.mjs

@@ -0,0 +1,6 @@
+import { InjectionToken, inject } from '@angular/core';
+export const RadioGroupToken = new InjectionToken('RadioGroupToken');
+export function injectRadioGroup() {
+    return inject(RadioGroupToken);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZ3JvdXAudG9rZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3JhZGlvL3NyYy9yYWRpby1ncm91cC50b2tlbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsSUFBSSxjQUFjLENBQXNCLGlCQUFpQixDQUFDLENBQUM7QUFFMUYsTUFBTSxVQUFVLGdCQUFnQjtJQUM1QixPQUFPLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztBQUNuQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4sIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBSYWRpb0dyb3VwRGlyZWN0aXZlIH0gZnJvbSAnLi9yYWRpby1ncm91cC5kaXJlY3RpdmUnO1xuXG5leHBvcnQgY29uc3QgUmFkaW9Hcm91cFRva2VuID0gbmV3IEluamVjdGlvblRva2VuPFJhZGlvR3JvdXBEaXJlY3RpdmU+KCdSYWRpb0dyb3VwVG9rZW4nKTtcblxuZXhwb3J0IGZ1bmN0aW9uIGluamVjdFJhZGlvR3JvdXAoKTogUmFkaW9Hcm91cERpcmVjdGl2ZSB7XG4gICAgcmV0dXJuIGluamVjdChSYWRpb0dyb3VwVG9rZW4pO1xufVxuIl19

package/esm2022/radio/src/radio-indicator.directive.mjs

@@ -0,0 +1,30 @@
+import { Directive } from '@angular/core';
+import { injectRadioGroup } from './radio-group.token';
+import { injectRadioItem } from './radio-item.token';
+import * as i0 from "@angular/core";
+export class RadioIndicatorDirective {
+    constructor() {
+        /**
+         * Access the radio group.
+         */
+        this.radioGroup = injectRadioGroup();
+        /**
+         * Access the radio group item.
+         */
+        this.radioItem = injectRadioItem();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RadioIndicatorDirective, isStandalone: true, selector: "[rdxRadioIndicator]", host: { properties: { "attr.data-state": "radioGroup.value === this.radioItem.value ? \"checked\" : \"unchecked\"", "attr.data-disabled": "radioItem.disabled ? \"\" : null" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioIndicatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxRadioIndicator]',
+                    standalone: true,
+                    host: {
+                        '[attr.data-state]': 'radioGroup.value === this.radioItem.value ? "checked" : "unchecked"',
+                        '[attr.data-disabled]': 'radioItem.disabled ? "" : null'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8taW5kaWNhdG9yLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvcmFkaW8vc3JjL3JhZGlvLWluZGljYXRvci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBVXJELE1BQU0sT0FBTyx1QkFBdUI7SUFScEM7UUFTSTs7V0FFRztRQUNnQixlQUFVLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztRQUVuRDs7V0FFRztRQUNnQixjQUFTLEdBQUcsZUFBZSxFQUFFLENBQUM7S0FDcEQ7OEdBVlksdUJBQXVCO2tHQUF2Qix1QkFBdUI7OzJGQUF2Qix1QkFBdUI7a0JBUm5DLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDRixtQkFBbUIsRUFBRSxxRUFBcUU7d0JBQzFGLHNCQUFzQixFQUFFLGdDQUFnQztxQkFDM0Q7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGluamVjdFJhZGlvR3JvdXAgfSBmcm9tICcuL3JhZGlvLWdyb3VwLnRva2VuJztcbmltcG9ydCB7IGluamVjdFJhZGlvSXRlbSB9IGZyb20gJy4vcmFkaW8taXRlbS50b2tlbic7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3JkeFJhZGlvSW5kaWNhdG9yXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5kYXRhLXN0YXRlXSc6ICdyYWRpb0dyb3VwLnZhbHVlID09PSB0aGlzLnJhZGlvSXRlbS52YWx1ZSA/IFwiY2hlY2tlZFwiIDogXCJ1bmNoZWNrZWRcIicsXG4gICAgICAgICdbYXR0ci5kYXRhLWRpc2FibGVkXSc6ICdyYWRpb0l0ZW0uZGlzYWJsZWQgPyBcIlwiIDogbnVsbCdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFJhZGlvSW5kaWNhdG9yRGlyZWN0aXZlIHtcbiAgICAvKipcbiAgICAgKiBBY2Nlc3MgdGhlIHJhZGlvIGdyb3VwLlxuICAgICAqL1xuICAgIHByb3RlY3RlZCByZWFkb25seSByYWRpb0dyb3VwID0gaW5qZWN0UmFkaW9Hcm91cCgpO1xuXG4gICAgLyoqXG4gICAgICogQWNjZXNzIHRoZSByYWRpbyBncm91cCBpdGVtLlxuICAgICAqL1xuICAgIHByb3RlY3RlZCByZWFkb25seSByYWRpb0l0ZW0gPSBpbmplY3RSYWRpb0l0ZW0oKTtcbn1cbiJdfQ==

package/esm2022/radio/src/radio-item.directive.mjs

@@ -0,0 +1,79 @@
+import { Directive, HostListener, Input, booleanAttribute } from '@angular/core';
+import { injectRadioGroup } from './radio-group.token';
+import { RadioItemToken } from './radio-item.token';
+// eslint-disable-next-line @nx/enforce-module-boundaries
+import { RovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export class RadioItemDirective {
+    constructor() {
+        /**
+         * Access the radio group.
+         */
+        this.radioGroup = injectRadioGroup();
+        /**
+         * Whether the radio item is disabled.
+         * @default false
+         */
+        this.disabled = false;
+    }
+    /**
+     * Handle keydown events.
+     * @param event The keydown event.
+     * @internal
+     */
+    onKeydown(event) {
+        // According to WAI ARIA, radio groups don't activate items on enter keypress
+        if (event.key === 'Enter') {
+            event.preventDefault();
+        }
+    }
+    /**
+     * When the item receives focus, select it.
+     * @internal
+     */
+    onFocus() {
+        this.radioGroup.select(this.value);
+    }
+    /**
+     * When the item receives a click, select it.
+     * @internal
+     */
+    onClick() {
+        this.radioGroup.select(this.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RadioItemDirective, isStandalone: true, selector: "button[rdxRadioItem]", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute] }, host: { attributes: { "type": "button", "role": "radio" }, listeners: { "keydown": "onKeydown($event)", "focus": "onFocus()", "click": "onClick()" }, properties: { "attr.aria-checked": "radioGroup.value === value ? \"true\" : \"false\"", "attr.data-disabled": "disabled ? \"\" : null", "attr.data-state": "radioGroup.value === value ? \"checked\" : \"unchecked\"" } }, providers: [{ provide: RadioItemToken, useExisting: RadioItemDirective }], hostDirectives: [{ directive: i1.RovingFocusItemDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[rdxRadioItem]',
+                    standalone: true,
+                    hostDirectives: [RovingFocusItemDirective],
+                    providers: [{ provide: RadioItemToken, useExisting: RadioItemDirective }],
+                    host: {
+                        type: 'button',
+                        role: 'radio',
+                        '[attr.aria-checked]': 'radioGroup.value === value ? "true" : "false"',
+                        '[attr.data-disabled]': 'disabled ? "" : null',
+                        '[attr.data-state]': 'radioGroup.value === value ? "checked" : "unchecked"'
+                    }
+                }]
+        }], propDecorators: { value: [{
+                type: Input,
+                args: [{ required: true }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8taXRlbS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3JhZGlvL3NyYy9yYWRpby1pdGVtLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELHlEQUF5RDtBQUN6RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7O0FBZTdFLE1BQU0sT0FBTyxrQkFBa0I7SUFiL0I7UUFjSTs7V0FFRztRQUNnQixlQUFVLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztRQU9uRDs7O1dBR0c7UUFDcUMsYUFBUSxHQUFHLEtBQUssQ0FBQztLQWdDNUQ7SUE5Qkc7Ozs7T0FJRztJQUVPLFNBQVMsQ0FBQyxLQUFvQjtRQUNwQyw2RUFBNkU7UUFDN0UsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLE9BQU8sRUFBRSxDQUFDO1lBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUMzQixDQUFDO0lBQ0wsQ0FBQztJQUVEOzs7T0FHRztJQUVPLE9BQU87UUFDYixJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVEOzs7T0FHRztJQUVPLE9BQU87UUFDYixJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkMsQ0FBQzs4R0E5Q1Esa0JBQWtCO2tHQUFsQixrQkFBa0IscUhBZVAsZ0JBQWdCLGlZQXhCekIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLGtCQUFrQixFQUFFLENBQUM7OzJGQVNoRSxrQkFBa0I7a0JBYjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGNBQWMsRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUMxQyxTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsV0FBVyxvQkFBb0IsRUFBRSxDQUFDO29CQUN6RSxJQUFJLEVBQUU7d0JBQ0YsSUFBSSxFQUFFLFFBQVE7d0JBQ2QsSUFBSSxFQUFFLE9BQU87d0JBQ2IscUJBQXFCLEVBQUUsK0NBQStDO3dCQUN0RSxzQkFBc0IsRUFBRSxzQkFBc0I7d0JBQzlDLG1CQUFtQixFQUFFLHNEQUFzRDtxQkFDOUU7aUJBQ0o7OEJBVThCLEtBQUs7c0JBQS9CLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQU1lLFFBQVE7c0JBQS9DLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBUTVCLFNBQVM7c0JBRGxCLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQWF6QixPQUFPO3NCQURoQixZQUFZO3VCQUFDLE9BQU87Z0JBVVgsT0FBTztzQkFEaEIsWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIElucHV0LCBib29sZWFuQXR0cmlidXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBpbmplY3RSYWRpb0dyb3VwIH0gZnJvbSAnLi9yYWRpby1ncm91cC50b2tlbic7XG5pbXBvcnQgeyBSYWRpb0l0ZW1Ub2tlbiB9IGZyb20gJy4vcmFkaW8taXRlbS50b2tlbic7XG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQG54L2VuZm9yY2UtbW9kdWxlLWJvdW5kYXJpZXNcbmltcG9ydCB7IFJvdmluZ0ZvY3VzSXRlbURpcmVjdGl2ZSB9IGZyb20gJ0ByYWRpeC1uZy9wcmltaXRpdmVzL3JvdmluZy1mb2N1cyc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnYnV0dG9uW3JkeFJhZGlvSXRlbV0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtSb3ZpbmdGb2N1c0l0ZW1EaXJlY3RpdmVdLFxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogUmFkaW9JdGVtVG9rZW4sIHVzZUV4aXN0aW5nOiBSYWRpb0l0ZW1EaXJlY3RpdmUgfV0sXG4gICAgaG9zdDoge1xuICAgICAgICB0eXBlOiAnYnV0dG9uJyxcbiAgICAgICAgcm9sZTogJ3JhZGlvJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtY2hlY2tlZF0nOiAncmFkaW9Hcm91cC52YWx1ZSA9PT0gdmFsdWUgPyBcInRydWVcIiA6IFwiZmFsc2VcIicsXG4gICAgICAgICdbYXR0ci5kYXRhLWRpc2FibGVkXSc6ICdkaXNhYmxlZCA/IFwiXCIgOiBudWxsJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc3RhdGVdJzogJ3JhZGlvR3JvdXAudmFsdWUgPT09IHZhbHVlID8gXCJjaGVja2VkXCIgOiBcInVuY2hlY2tlZFwiJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgUmFkaW9JdGVtRGlyZWN0aXZlIHtcbiAgICAvKipcbiAgICAgKiBBY2Nlc3MgdGhlIHJhZGlvIGdyb3VwLlxuICAgICAqL1xuICAgIHByb3RlY3RlZCByZWFkb25seSByYWRpb0dyb3VwID0gaW5qZWN0UmFkaW9Hcm91cCgpO1xuXG4gICAgLyoqXG4gICAgICogVGhlIHZhbHVlIG9mIHRoZSByYWRpbyBpdGVtLlxuICAgICAqL1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHZhbHVlITogc3RyaW5nO1xuXG4gICAgLyoqXG4gICAgICogV2hldGhlciB0aGUgcmFkaW8gaXRlbSBpcyBkaXNhYmxlZC5cbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogSGFuZGxlIGtleWRvd24gZXZlbnRzLlxuICAgICAqIEBwYXJhbSBldmVudCBUaGUga2V5ZG93biBldmVudC5cbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBASG9zdExpc3RlbmVyKCdrZXlkb3duJywgWyckZXZlbnQnXSlcbiAgICBwcm90ZWN0ZWQgb25LZXlkb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgICAgIC8vIEFjY29yZGluZyB0byBXQUkgQVJJQSwgcmFkaW8gZ3JvdXBzIGRvbid0IGFjdGl2YXRlIGl0ZW1zIG9uIGVudGVyIGtleXByZXNzXG4gICAgICAgIGlmIChldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBXaGVuIHRoZSBpdGVtIHJlY2VpdmVzIGZvY3VzLCBzZWxlY3QgaXQuXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgQEhvc3RMaXN0ZW5lcignZm9jdXMnKVxuICAgIHByb3RlY3RlZCBvbkZvY3VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnJhZGlvR3JvdXAuc2VsZWN0KHRoaXMudmFsdWUpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFdoZW4gdGhlIGl0ZW0gcmVjZWl2ZXMgYSBjbGljaywgc2VsZWN0IGl0LlxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgICBwcm90ZWN0ZWQgb25DbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5yYWRpb0dyb3VwLnNlbGVjdCh0aGlzLnZhbHVlKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/radio/src/radio-item.token.mjs

@@ -0,0 +1,6 @@
+import { InjectionToken, inject } from '@angular/core';
+export const RadioItemToken = new InjectionToken('RadioItemToken');
+export function injectRadioItem() {
+    return inject(RadioItemToken);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8taXRlbS50b2tlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvcmFkaW8vc3JjL3JhZGlvLWl0ZW0udG9rZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHdkQsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLElBQUksY0FBYyxDQUFxQixnQkFBZ0IsQ0FBQyxDQUFDO0FBRXZGLE1BQU0sVUFBVSxlQUFlO0lBQzNCLE9BQU8sTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0FBQ2xDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7IFJhZGlvSXRlbURpcmVjdGl2ZSB9IGZyb20gJy4vcmFkaW8taXRlbS5kaXJlY3RpdmUnO1xuXG5leHBvcnQgY29uc3QgUmFkaW9JdGVtVG9rZW4gPSBuZXcgSW5qZWN0aW9uVG9rZW48UmFkaW9JdGVtRGlyZWN0aXZlPignUmFkaW9JdGVtVG9rZW4nKTtcblxuZXhwb3J0IGZ1bmN0aW9uIGluamVjdFJhZGlvSXRlbSgpOiBSYWRpb0l0ZW1EaXJlY3RpdmUge1xuICAgIHJldHVybiBpbmplY3QoUmFkaW9JdGVtVG9rZW4pO1xufVxuIl19

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

@@ -0,0 +1,221 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, EventEmitter, booleanAttribute, Directive, Input, Output, HostListener } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i1 from '@radix-ng/primitives/roving-focus';
+import { RovingFocusGroupDirective, RovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';
+
+const RadioGroupToken = new InjectionToken('RadioGroupToken');
+function injectRadioGroup() {
+    return inject(RadioGroupToken);
+}
+
+class RadioGroupDirective {
+    constructor() {
+        /**
+         * Whether the radio group is disabled.
+         */
+        this.disabled = false;
+        /**
+         * The orientation of the radio group.
+         * @default 'horizontal'
+         */
+        this.orientation = 'horizontal';
+        /**
+         * Event emitted when the value of the radio group changes.
+         */
+        this.valueChange = new EventEmitter();
+    }
+    /**
+     * Select a radio item.
+     * @param value The value of the radio item to select.
+     */
+    select(value) {
+        this.value = value;
+        this.valueChange.emit(value);
+        this.onChange?.(value);
+    }
+    /**
+     * Update the value of the radio group.
+     * @param value The new value of the radio group.
+     * @internal
+     */
+    writeValue(value) {
+        this.value = value;
+    }
+    /**
+     * Register a callback function to call when the value of the radio group changes.
+     * @param fn The callback function to call when the value of the radio group changes.
+     * @internal
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * Set the disabled state of the radio group.
+     * @param isDisabled Whether the radio group is disabled.
+     * @internal
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    /**
+     * When focus leaves the radio group, mark it as touched.
+     * @internal
+     */
+    onFocusout() {
+        this.onTouched?.();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RadioGroupDirective, isStandalone: true, selector: "[rdxRadioGroup]", inputs: { value: ["rdxRadioGroupValue", "value"], disabled: ["rdxRadioGroupDisabled", "disabled", booleanAttribute], orientation: ["rdxRadioGroupOrientation", "orientation"] }, outputs: { valueChange: "rdxRadioGroupValueChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "focusout": "onFocusout()" }, properties: { "attr.aria-orientation": "orientation", "attr.data-disabled": "disabled ? \"\" : null" } }, providers: [
+            { provide: RadioGroupToken, useExisting: RadioGroupDirective },
+            { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupDirective, multi: true }
+        ], hostDirectives: [{ directive: i1.RovingFocusGroupDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxRadioGroup]',
+                    standalone: true,
+                    providers: [
+                        { provide: RadioGroupToken, useExisting: RadioGroupDirective },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupDirective, multi: true }
+                    ],
+                    hostDirectives: [RovingFocusGroupDirective],
+                    host: {
+                        role: 'radiogroup',
+                        '[attr.aria-orientation]': 'orientation',
+                        '[attr.data-disabled]': 'disabled ? "" : null'
+                    }
+                }]
+        }], propDecorators: { value: [{
+                type: Input,
+                args: ['rdxRadioGroupValue']
+            }], disabled: [{
+                type: Input,
+                args: [{
+                        alias: 'rdxRadioGroupDisabled',
+                        transform: booleanAttribute
+                    }]
+            }], orientation: [{
+                type: Input,
+                args: ['rdxRadioGroupOrientation']
+            }], valueChange: [{
+                type: Output,
+                args: ['rdxRadioGroupValueChange']
+            }], onFocusout: [{
+                type: HostListener,
+                args: ['focusout']
+            }] } });
+
+const RadioItemToken = new InjectionToken('RadioItemToken');
+function injectRadioItem() {
+    return inject(RadioItemToken);
+}
+
+class RadioItemDirective {
+    constructor() {
+        /**
+         * Access the radio group.
+         */
+        this.radioGroup = injectRadioGroup();
+        /**
+         * Whether the radio item is disabled.
+         * @default false
+         */
+        this.disabled = false;
+    }
+    /**
+     * Handle keydown events.
+     * @param event The keydown event.
+     * @internal
+     */
+    onKeydown(event) {
+        // According to WAI ARIA, radio groups don't activate items on enter keypress
+        if (event.key === 'Enter') {
+            event.preventDefault();
+        }
+    }
+    /**
+     * When the item receives focus, select it.
+     * @internal
+     */
+    onFocus() {
+        this.radioGroup.select(this.value);
+    }
+    /**
+     * When the item receives a click, select it.
+     * @internal
+     */
+    onClick() {
+        this.radioGroup.select(this.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RadioItemDirective, isStandalone: true, selector: "button[rdxRadioItem]", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute] }, host: { attributes: { "type": "button", "role": "radio" }, listeners: { "keydown": "onKeydown($event)", "focus": "onFocus()", "click": "onClick()" }, properties: { "attr.aria-checked": "radioGroup.value === value ? \"true\" : \"false\"", "attr.data-disabled": "disabled ? \"\" : null", "attr.data-state": "radioGroup.value === value ? \"checked\" : \"unchecked\"" } }, providers: [{ provide: RadioItemToken, useExisting: RadioItemDirective }], hostDirectives: [{ directive: i1.RovingFocusItemDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[rdxRadioItem]',
+                    standalone: true,
+                    hostDirectives: [RovingFocusItemDirective],
+                    providers: [{ provide: RadioItemToken, useExisting: RadioItemDirective }],
+                    host: {
+                        type: 'button',
+                        role: 'radio',
+                        '[attr.aria-checked]': 'radioGroup.value === value ? "true" : "false"',
+                        '[attr.data-disabled]': 'disabled ? "" : null',
+                        '[attr.data-state]': 'radioGroup.value === value ? "checked" : "unchecked"'
+                    }
+                }]
+        }], propDecorators: { value: [{
+                type: Input,
+                args: [{ required: true }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class RadioIndicatorDirective {
+    constructor() {
+        /**
+         * Access the radio group.
+         */
+        this.radioGroup = injectRadioGroup();
+        /**
+         * Access the radio group item.
+         */
+        this.radioItem = injectRadioItem();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RadioIndicatorDirective, isStandalone: true, selector: "[rdxRadioIndicator]", host: { properties: { "attr.data-state": "radioGroup.value === this.radioItem.value ? \"checked\" : \"unchecked\"", "attr.data-disabled": "radioItem.disabled ? \"\" : null" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RadioIndicatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxRadioIndicator]',
+                    standalone: true,
+                    host: {
+                        '[attr.data-state]': 'radioGroup.value === this.radioItem.value ? "checked" : "unchecked"',
+                        '[attr.data-disabled]': 'radioItem.disabled ? "" : null'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadioGroupDirective, RadioGroupToken, RadioIndicatorDirective, RadioItemDirective, RadioItemToken, injectRadioGroup, injectRadioItem };
+//# sourceMappingURL=radix-ng-primitives-radio.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-radio.mjs","sources":["../../../packages/primitives/radio/src/radio-group.token.ts","../../../packages/primitives/radio/src/radio-group.directive.ts","../../../packages/primitives/radio/src/radio-item.token.ts","../../../packages/primitives/radio/src/radio-item.directive.ts","../../../packages/primitives/radio/src/radio-indicator.directive.ts","../../../packages/primitives/radio/radix-ng-primitives-radio.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport type { RadioGroupDirective } from './radio-group.directive';\n\nexport const RadioGroupToken = new InjectionToken<RadioGroupDirective>('RadioGroupToken');\n\nexport function injectRadioGroup(): RadioGroupDirective {\n    return inject(RadioGroupToken);\n}\n","import {\n    Directive,\n    EventEmitter,\n    HostListener,\n    Input,\n    Output,\n    booleanAttribute\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n// eslint-disable-next-line @nx/enforce-module-boundaries\nimport { RovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';\nimport { RadioGroupToken } from './radio-group.token';\n\n@Directive({\n    selector: '[rdxRadioGroup]',\n    standalone: true,\n    providers: [\n        { provide: RadioGroupToken, useExisting: RadioGroupDirective },\n        { provide: NG_VALUE_ACCESSOR, useExisting: RadioGroupDirective, multi: true }\n    ],\n    hostDirectives: [RovingFocusGroupDirective],\n    host: {\n        role: 'radiogroup',\n        '[attr.aria-orientation]': 'orientation',\n        '[attr.data-disabled]': 'disabled ? \"\" : null'\n    }\n})\nexport class RadioGroupDirective implements ControlValueAccessor {\n    /**\n     * The value of the radio group.\n     */\n    @Input('rdxRadioGroupValue') value?: string;\n\n    /**\n     * Whether the radio group is disabled.\n     */\n    @Input({\n        alias: 'rdxRadioGroupDisabled',\n        transform: booleanAttribute\n    })\n    disabled = false;\n\n    /**\n     * The orientation of the radio group.\n     * @default 'horizontal'\n     */\n    @Input('rdxRadioGroupOrientation') orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n    /**\n     * Event emitted when the value of the radio group changes.\n     */\n    @Output('rdxRadioGroupValueChange') readonly valueChange = new EventEmitter<string>();\n\n    /**\n     * The callback function to call when the value of the radio group changes.\n     * @internal\n     */\n    private onChange?: (value: string) => void;\n\n    /**\n     * The callback function to call when the radio group is touched.\n     * @internal\n     */\n    private onTouched?: () => void;\n\n    /**\n     * Select a radio item.\n     * @param value The value of the radio item to select.\n     */\n    select(value: string): void {\n        this.value = value;\n        this.valueChange.emit(value);\n        this.onChange?.(value);\n    }\n\n    /**\n     * Update the value of the radio group.\n     * @param value The new value of the radio group.\n     * @internal\n     */\n    writeValue(value: string): void {\n        this.value = value;\n    }\n\n    /**\n     * Register a callback function to call when the value of the radio group changes.\n     * @param fn The callback function to call when the value of the radio group changes.\n     * @internal\n     */\n    registerOnChange(fn: (value: string) => void): void {\n        this.onChange = fn;\n    }\n\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Set the disabled state of the radio group.\n     * @param isDisabled Whether the radio group is disabled.\n     * @internal\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    /**\n     * When focus leaves the radio group, mark it as touched.\n     * @internal\n     */\n    @HostListener('focusout')\n    protected onFocusout(): void {\n        this.onTouched?.();\n    }\n}\n","import { InjectionToken, inject } from '@angular/core';\nimport type { RadioItemDirective } from './radio-item.directive';\n\nexport const RadioItemToken = new InjectionToken<RadioItemDirective>('RadioItemToken');\n\nexport function injectRadioItem(): RadioItemDirective {\n    return inject(RadioItemToken);\n}\n","import { Directive, HostListener, Input, booleanAttribute } from '@angular/core';\nimport { injectRadioGroup } from './radio-group.token';\nimport { RadioItemToken } from './radio-item.token';\n// eslint-disable-next-line @nx/enforce-module-boundaries\nimport { RovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';\n\n@Directive({\n    selector: 'button[rdxRadioItem]',\n    standalone: true,\n    hostDirectives: [RovingFocusItemDirective],\n    providers: [{ provide: RadioItemToken, useExisting: RadioItemDirective }],\n    host: {\n        type: 'button',\n        role: 'radio',\n        '[attr.aria-checked]': 'radioGroup.value === value ? \"true\" : \"false\"',\n        '[attr.data-disabled]': 'disabled ? \"\" : null',\n        '[attr.data-state]': 'radioGroup.value === value ? \"checked\" : \"unchecked\"'\n    }\n})\nexport class RadioItemDirective {\n    /**\n     * Access the radio group.\n     */\n    protected readonly radioGroup = injectRadioGroup();\n\n    /**\n     * The value of the radio item.\n     */\n    @Input({ required: true }) value!: string;\n\n    /**\n     * Whether the radio item is disabled.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Handle keydown events.\n     * @param event The keydown event.\n     * @internal\n     */\n    @HostListener('keydown', ['$event'])\n    protected onKeydown(event: KeyboardEvent): void {\n        // According to WAI ARIA, radio groups don't activate items on enter keypress\n        if (event.key === 'Enter') {\n            event.preventDefault();\n        }\n    }\n\n    /**\n     * When the item receives focus, select it.\n     * @internal\n     */\n    @HostListener('focus')\n    protected onFocus(): void {\n        this.radioGroup.select(this.value);\n    }\n\n    /**\n     * When the item receives a click, select it.\n     * @internal\n     */\n    @HostListener('click')\n    protected onClick(): void {\n        this.radioGroup.select(this.value);\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectRadioGroup } from './radio-group.token';\nimport { injectRadioItem } from './radio-item.token';\n\n@Directive({\n    selector: '[rdxRadioIndicator]',\n    standalone: true,\n    host: {\n        '[attr.data-state]': 'radioGroup.value === this.radioItem.value ? \"checked\" : \"unchecked\"',\n        '[attr.data-disabled]': 'radioItem.disabled ? \"\" : null'\n    }\n})\nexport class RadioIndicatorDirective {\n    /**\n     * Access the radio group.\n     */\n    protected readonly radioGroup = injectRadioGroup();\n\n    /**\n     * Access the radio group item.\n     */\n    protected readonly radioItem = injectRadioItem();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -52,6 +52,12 @@
       "esm": "./esm2022/progress/radix-ng-primitives-progress.mjs",
       "default": "./fesm2022/radix-ng-primitives-progress.mjs"
     },
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "esm2022": "./esm2022/radio/radix-ng-primitives-radio.mjs",
+      "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",

package/radio/README.md

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

package/radio/index.d.ts

@@ -0,0 +1,5 @@
+export * from './src/radio-group.directive';
+export * from './src/radio-item.directive';
+export * from './src/radio-group.token';
+export * from './src/radio-indicator.directive';
+export * from './src/radio-item.token';

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

@@ -0,0 +1,65 @@
+import { EventEmitter } 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 class RadioGroupDirective implements ControlValueAccessor {
+    /**
+     * The value of the radio group.
+     */
+    value?: string;
+    /**
+     * Whether the radio group is disabled.
+     */
+    disabled: boolean;
+    /**
+     * The orientation of the radio group.
+     * @default 'horizontal'
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * Event emitted when the value of the radio group changes.
+     */
+    readonly valueChange: EventEmitter<string>;
+    /**
+     * The callback function to call when the value of the radio group changes.
+     * @internal
+     */
+    private onChange?;
+    /**
+     * The callback function to call when the radio group is touched.
+     * @internal
+     */
+    private onTouched?;
+    /**
+     * Select a radio item.
+     * @param value The value of the radio item to select.
+     */
+    select(value: string): void;
+    /**
+     * Update the value of the radio group.
+     * @param value The new value of the radio group.
+     * @internal
+     */
+    writeValue(value: string): void;
+    /**
+     * Register a callback function to call when the value of the radio group changes.
+     * @param fn The callback function to call when the value of the radio group changes.
+     * @internal
+     */
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Set the disabled state of the radio group.
+     * @param isDisabled Whether the radio group is disabled.
+     * @internal
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * When focus leaves the radio group, mark it as touched.
+     * @internal
+     */
+    protected onFocusout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioGroupDirective, "[rdxRadioGroup]", never, { "value": { "alias": "rdxRadioGroupValue"; "required": false; }; "disabled": { "alias": "rdxRadioGroupDisabled"; "required": false; }; "orientation": { "alias": "rdxRadioGroupOrientation"; "required": false; }; }, { "valueChange": "rdxRadioGroupValueChange"; }, never, never, true, [{ directive: typeof i1.RovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/radio/src/radio-group.token.d.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { RadioGroupDirective } from './radio-group.directive';
+export declare const RadioGroupToken: InjectionToken<RadioGroupDirective>;
+export declare function injectRadioGroup(): RadioGroupDirective;

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class RadioIndicatorDirective {
+    /**
+     * Access the radio group.
+     */
+    protected readonly radioGroup: import("@radix-ng/primitives/radio").RadioGroupDirective;
+    /**
+     * Access the radio group item.
+     */
+    protected readonly radioItem: import("@radix-ng/primitives/radio").RadioItemDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioIndicatorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioIndicatorDirective, "[rdxRadioIndicator]", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,36 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export declare class RadioItemDirective {
+    /**
+     * Access the radio group.
+     */
+    protected readonly radioGroup: import("@radix-ng/primitives/radio").RadioGroupDirective;
+    /**
+     * The value of the radio item.
+     */
+    value: string;
+    /**
+     * Whether the radio item is disabled.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Handle keydown events.
+     * @param event The keydown event.
+     * @internal
+     */
+    protected onKeydown(event: KeyboardEvent): void;
+    /**
+     * When the item receives focus, select it.
+     * @internal
+     */
+    protected onFocus(): void;
+    /**
+     * When the item receives a click, select it.
+     * @internal
+     */
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioItemDirective, "button[rdxRadioItem]", never, { "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
+}

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

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { RadioItemDirective } from './radio-item.directive';
+export declare const RadioItemToken: InjectionToken<RadioItemDirective>;
+export declare function injectRadioItem(): RadioItemDirective;