@radix-ng/primitives 1.0.6 → 1.0.8

package/types/radix-ng-primitives-avatar.d.ts

@@ -1,17 +1,18 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { WritableSignal, InjectionToken, Provider } from '@angular/core';
+import * as _radix_ng_primitives_avatar from '@radix-ng/primitives/avatar';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 
 type RdxImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
 type HTMLAttributeReferrerPolicy = '' | 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
 
-interface AvatarContextToken {
-    imageLoadingStatus: WritableSignal<RdxImageLoadingStatus>;
-}
-
-declare class RdxAvatarRootDirective implements AvatarContextToken {
-    readonly imageLoadingStatus: i0.WritableSignal<RdxImageLoadingStatus>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarRootDirective, "span[rdxAvatarRoot]", ["rdxAvatarRoot"], {}, {}, never, never, true, never>;
+/**
+ * @group Components
+ */
+declare class RdxAvatarRootDirective {
+    readonly imageLoadingStatus: _angular_core.WritableSignal<RdxImageLoadingStatus>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxAvatarRootDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxAvatarRootDirective, "span[rdxAvatarRoot]", ["rdxAvatarRoot"], {}, {}, never, never, true, never>;
 }
 
 /**
@@ -19,18 +20,18 @@ declare class RdxAvatarRootDirective implements AvatarContextToken {
  */
 declare class RdxAvatarFallbackDirective {
     private readonly config;
-    protected readonly rootContext: AvatarContextToken;
+    protected readonly rootContext: _radix_ng_primitives_avatar.AvatarRootContext;
     /**
      * Useful for delaying rendering so it only appears for those with slower connections.
      *
      * @group Props
      * @defaultValue 0
      */
-    readonly delayMs: i0.InputSignal<number>;
-    protected readonly canRender: i0.WritableSignal<boolean>;
+    readonly delayMs: _angular_core.InputSignal<number>;
+    protected readonly canRender: _angular_core.WritableSignal<boolean>;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarFallbackDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarFallbackDirective, "span[rdxAvatarFallback]", ["rdxAvatarFallback"], { "delayMs": { "alias": "delayMs"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxAvatarFallbackDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxAvatarFallbackDirective, "span[rdxAvatarFallback]", ["rdxAvatarFallback"], { "delayMs": { "alias": "delayMs"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -38,24 +39,49 @@ declare class RdxAvatarFallbackDirective {
  */
 declare class RdxAvatarImageDirective {
     private readonly platformId;
-    protected readonly rootContext: AvatarContextToken;
+    protected readonly rootContext: _radix_ng_primitives_avatar.AvatarRootContext;
     /**
      * @group Props
      */
-    readonly src: i0.InputSignal<string | undefined>;
-    readonly referrerPolicy: i0.InputSignal<HTMLAttributeReferrerPolicy | undefined>;
+    readonly src: _angular_core.InputSignal<string | undefined>;
+    /**
+     * A responsive `srcset` for the image. When set without `src`, an empty `src` no longer counts as
+     * an error.
+     *
+     * @group Props
+     */
+    readonly srcSet: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The `sizes` attribute paired with `srcSet`.
+     *
+     * @group Props
+     */
+    readonly sizes: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The CORS mode used when fetching the image.
+     *
+     * @group Props
+     */
+    readonly crossOrigin: _angular_core.InputSignal<"" | "anonymous" | "use-credentials" | undefined>;
+    readonly referrerPolicy: _angular_core.InputSignal<HTMLAttributeReferrerPolicy | undefined>;
     /**
      * A callback providing information about the loading status of the image.
      * This is useful in case you want to control more precisely what to render as the image is loading.
      *
      * @group Emits
      */
-    readonly onLoadingStatusChange: i0.OutputEmitterRef<RdxImageLoadingStatus>;
+    readonly onLoadingStatusChange: _angular_core.OutputEmitterRef<RdxImageLoadingStatus>;
     private readonly loadingStatus;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarImageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarImageDirective, "img[rdxAvatarImage]", ["rdxAvatarImage"], { "src": { "alias": "src"; "required": false; "isSignal": true; }; "referrerPolicy": { "alias": "referrerPolicy"; "required": false; "isSignal": true; }; }, { "onLoadingStatusChange": "onLoadingStatusChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxAvatarImageDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxAvatarImageDirective, "img[rdxAvatarImage]", ["rdxAvatarImage"], { "src": { "alias": "src"; "required": false; "isSignal": true; }; "srcSet": { "alias": "srcSet"; "required": false; "isSignal": true; }; "sizes": { "alias": "sizes"; "required": false; "isSignal": true; }; "crossOrigin": { "alias": "crossOrigin"; "required": false; "isSignal": true; }; "referrerPolicy": { "alias": "referrerPolicy"; "required": false; "isSignal": true; }; }, { "onLoadingStatusChange": "onLoadingStatusChange"; }, never, never, true, never>;
+}
+
+interface AvatarRootContext {
+    imageLoadingStatus: WritableSignal<RdxImageLoadingStatus>;
 }
+declare const injectAvatarRootContext: _radix_ng_primitives_core.InjectContext<AvatarRootContext>;
+declare const provideAvatarRootContext: (useFactory: () => AvatarRootContext) => _angular_core.Provider;
 
 interface RdxAvatarConfig {
     /**
@@ -71,10 +97,10 @@ declare function provideRdxAvatarConfig(config: Partial<RdxAvatarConfig>): Provi
 declare function injectAvatarConfig(): RdxAvatarConfig;
 
 declare class RdxAvatarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxAvatarModule, never, [typeof RdxAvatarRootDirective, typeof RdxAvatarFallbackDirective, typeof RdxAvatarImageDirective], [typeof RdxAvatarRootDirective, typeof RdxAvatarFallbackDirective, typeof RdxAvatarImageDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<RdxAvatarModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxAvatarModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxAvatarModule, never, [typeof RdxAvatarRootDirective, typeof RdxAvatarFallbackDirective, typeof RdxAvatarImageDirective], [typeof RdxAvatarRootDirective, typeof RdxAvatarFallbackDirective, typeof RdxAvatarImageDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxAvatarModule>;
 }
 
-export { RdxAvatarConfigToken, RdxAvatarFallbackDirective, RdxAvatarImageDirective, RdxAvatarModule, RdxAvatarRootDirective, defaultAvatarConfig, injectAvatarConfig, provideRdxAvatarConfig };
-export type { RdxAvatarConfig, RdxImageLoadingStatus };
+export { RdxAvatarConfigToken, RdxAvatarFallbackDirective, RdxAvatarImageDirective, RdxAvatarModule, RdxAvatarRootDirective, defaultAvatarConfig, injectAvatarConfig, injectAvatarRootContext, provideAvatarRootContext, provideRdxAvatarConfig };
+export type { AvatarRootContext, HTMLAttributeReferrerPolicy, RdxAvatarConfig, RdxImageLoadingStatus };

package/types/radix-ng-primitives-checkbox.d.ts

@@ -1,8 +1,8 @@
-import * as _radix_ng_primitives_types_radix_ng_primitives_core from '@radix-ng/primitives/types/radix-ng-primitives-core';
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
+import * as _radix_ng_primitives_checkbox from '@radix-ng/primitives/checkbox';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { BooleanInput, RdxCancelableChangeEventDetails, RdxFormCheckboxControl } from '@radix-ng/primitives/core';
+import { RdxCancelableChangeEventDetails, RdxFormCheckboxControl, BooleanInput, RdxValidationError, RdxFormUiControlBase, RdxFormValueControl, RdxFormUiTouchTarget } from '@radix-ng/primitives/core';
 import { ControlValueAccessor } from '@angular/forms';
 
 /**
@@ -12,20 +12,7 @@ import { ControlValueAccessor } from '@angular/forms';
  * In forms, it stops the button's click from bubbling so only the hidden input emits the native event used for form/validator integration.
  */
 declare class RdxCheckboxButtonDirective {
-    protected readonly rootContext: {
-        checked: _angular_core.Signal<boolean>;
-        indeterminate: _angular_core.Signal<boolean>;
-        disabled: _angular_core.Signal<boolean>;
-        required: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
-        value: _angular_core.InputSignal<string>;
-        name: _angular_core.InputSignal<string | undefined>;
-        parent: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
-        form: _angular_core.InputSignal<string | undefined>;
-        readonly: _angular_core.Signal<boolean>;
-        state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        uncheckedValue: _angular_core.InputSignal<string | undefined>;
-        toggle(event?: Event): void;
-    };
+    protected readonly rootContext: _radix_ng_primitives_checkbox.CheckboxRootContext;
     private readonly group;
     private readonly elementRef;
     /** A `parent` checkbox lists the ids of the children it controls. */
@@ -51,49 +38,27 @@ interface RdxCheckboxCheckedChangeEvent {
     checked: boolean;
     eventDetails: RdxCheckboxCheckedChangeEventDetails;
 }
-declare const rootContext: () => {
-    checked: _angular_core.Signal<boolean>;
-    indeterminate: _angular_core.Signal<boolean>;
-    disabled: _angular_core.Signal<boolean>;
-    required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    value: _angular_core.InputSignal<string>;
-    name: _angular_core.InputSignal<string | undefined>;
-    parent: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    form: _angular_core.InputSignal<string | undefined>;
-    readonly: _angular_core.Signal<boolean>;
-    state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    uncheckedValue: _angular_core.InputSignal<string | undefined>;
-    toggle(event?: Event): void;
-};
-type CheckboxRootContext = ReturnType<typeof rootContext>;
-declare const injectCheckboxRootContext: _radix_ng_primitives_core.InjectContext<{
-    checked: _angular_core.Signal<boolean>;
-    indeterminate: _angular_core.Signal<boolean>;
-    disabled: _angular_core.Signal<boolean>;
-    required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    value: _angular_core.InputSignal<string>;
-    name: _angular_core.InputSignal<string | undefined>;
-    parent: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    form: _angular_core.InputSignal<string | undefined>;
-    readonly: _angular_core.Signal<boolean>;
-    state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    uncheckedValue: _angular_core.InputSignal<string | undefined>;
-    toggle(event?: Event): void;
-}>;
-declare const provideCheckboxRootContext: (useFactory: () => {
-    checked: _angular_core.Signal<boolean>;
-    indeterminate: _angular_core.Signal<boolean>;
-    disabled: _angular_core.Signal<boolean>;
-    required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    value: _angular_core.InputSignal<string>;
-    name: _angular_core.InputSignal<string | undefined>;
-    parent: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    form: _angular_core.InputSignal<string | undefined>;
-    readonly: _angular_core.Signal<boolean>;
-    state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    uncheckedValue: _angular_core.InputSignal<string | undefined>;
-    toggle(event?: Event): void;
-}) => _angular_core.Provider;
+interface CheckboxRootContext {
+    checked: Signal<boolean>;
+    indeterminate: Signal<boolean>;
+    disabled: Signal<boolean>;
+    required: Signal<boolean>;
+    value: Signal<string>;
+    name: Signal<string | undefined>;
+    parent: Signal<boolean>;
+    form: Signal<string | undefined>;
+    readonly: Signal<boolean>;
+    state: Signal<'indeterminate' | 'checked' | 'unchecked'>;
+    invalidState: Signal<boolean>;
+    /** Tri-state displayed validity (`true`/`false`/`null`) — the field's gated state when standalone in a Field. */
+    displayValid: Signal<boolean | null>;
+    touchedState: Signal<boolean>;
+    dirtyState: Signal<boolean>;
+    uncheckedValue: Signal<string | undefined>;
+    toggle: (event?: Event) => void;
+}
+declare const injectCheckboxRootContext: _radix_ng_primitives_core.InjectContext<CheckboxRootContext>;
+declare const provideCheckboxRootContext: (useFactory: () => CheckboxRootContext) => _angular_core.Provider;
 /**
  * @group Components
  */
@@ -104,12 +69,6 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
     private uncheckedInputElement;
     /** The group this checkbox belongs to, if it is rendered inside a `rdxCheckboxGroup`. */
     private readonly group;
-    /**
-     * @ignore
-     * Reflects the effective disabled state (CVA, covering reactive-forms `.disable()`, plus the
-     * group's disabled state), used for the `data-disabled` host attribute.
-     */
-    protected readonly isDisabled: _angular_core.Signal<boolean>;
     /**
      * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
      *
@@ -167,6 +126,27 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
      * @group Props
      */
     readonly required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether the checkbox is invalid. A non-empty {@link errors} list also marks it invalid.
+     * @group Props
+     */
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether the checkbox has been touched. A `model()` so Signal Forms can write it; the checkbox
+     * also sets it on toggle (and emits {@link touch}).
+     * @group Props
+     */
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Whether the checked state changed from its initial value. Merged with internal tracking.
+     * @group Props
+     */
+    readonly dirty: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Validation errors for the checkbox. A non-empty list marks it invalid.
+     * @group Props
+     */
+    readonly errors: _angular_core.InputSignal<readonly RdxValidationError[]>;
     /**
      * Name of the form control. Submitted with the form as part of a name/value pair. Inside a
      * `rdxCheckboxGroup` this also identifies the checkbox in the group's value array.
@@ -189,23 +169,44 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
      * @group Emits
      */
     readonly onCheckedChange: _angular_core.OutputEmitterRef<RdxCheckboxCheckedChangeEvent>;
+    /**
+     * Emits on interaction, notifying Signal Forms the checkbox was touched.
+     * @group Emits
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     /**
      * @ignore
      * The effective checked state as a `boolean`. Inside a `rdxCheckboxGroup` it is derived from the
      * group (a `parent` checkbox is checked only when every child is; a child from whether its `name`
      * is in the group value); standalone it reads the CVA value.
      */
-    readonly checkedState: _angular_core.Signal<boolean>;
+    readonly checkedState: Signal<boolean>;
     /**
      * @ignore
      * The effective mixed state. A `parent` checkbox is indeterminate when some — but not all —
      * children are checked; otherwise it follows the `indeterminate` input.
      */
-    readonly indeterminateState: _angular_core.Signal<boolean>;
+    readonly indeterminateState: Signal<boolean>;
     /** @ignore The effective disabled state, including the group. */
-    readonly disabledState: _angular_core.Signal<boolean>;
-    readonly readOnlyState: _angular_core.Signal<boolean>;
-    readonly state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
+    readonly disabledState: Signal<boolean>;
+    readonly readOnlyState: Signal<boolean>;
+    private readonly dirtyValue;
+    /** @ignore Invalid when the `invalid` input is set or the `errors` list is non-empty. */
+    readonly invalidState: Signal<boolean>;
+    /** Tri-state display validity exposed by an enclosing Field; absent when standalone. */
+    private readonly fieldValidity;
+    /**
+     * @ignore Tri-state *displayed* validity. A **standalone** checkbox inside a `rdxFieldRoot` defers to
+     * the field's gated `validState` (so a field whose `validationMode` defers display (e.g. `onBlur`) stays neutral); inside a
+     * `rdxCheckboxGroup` the group owns the field relationship, so the item keeps its own binary validity
+     * (the field's invalid must not paint every checkbox red).
+     */
+    readonly displayValid: Signal<boolean | null>;
+    /** @ignore */
+    readonly touchedState: Signal<boolean>;
+    /** @ignore */
+    readonly dirtyState: Signal<boolean>;
+    readonly state: Signal<"indeterminate" | "checked" | "unchecked">;
     constructor();
     toggle(event?: Event): void;
     private syncUncheckedInput;
@@ -214,7 +215,7 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
     private setOptionalAttribute;
     private setBooleanAttribute;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxRootDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxRootDirective, "[rdxCheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "submitValue": { "alias": "value"; "required": false; "isSignal": true; }; "uncheckedValue": { "alias": "uncheckedValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "parent": { "alias": "parent"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof _radix_ng_primitives_core.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxRootDirective, "[rdxCheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "submitValue": { "alias": "value"; "required": false; "isSignal": true; }; "uncheckedValue": { "alias": "uncheckedValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "parent": { "alias": "parent"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "touched": "touchedChange"; "onCheckedChange": "onCheckedChange"; "touch": "touch"; }, never, never, true, [{ directive: typeof _radix_ng_primitives_core.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
 }
 
 type RdxCheckboxGroupValueChangeReason = 'none';
@@ -253,7 +254,7 @@ declare const provideCheckboxGroupContext: (useFactory: () => RdxCheckboxGroupCo
  * Each child `rdxCheckboxRoot` participates by its `name`. A child marked `parent` becomes a
  * "select all" checkbox whose state is derived from `allValues`.
  */
-declare class RdxCheckboxGroupDirective implements ControlValueAccessor {
+declare class RdxCheckboxGroupDirective extends RdxFormUiControlBase implements ControlValueAccessor, RdxFormValueControl<string[]> {
     /** The names of the currently checked checkboxes. Use with `onValueChange` or `[(value)]`. */
     readonly value: _angular_core.ModelSignal<string[]>;
     /** The names checked initially when the group is uncontrolled. */
@@ -288,6 +289,8 @@ declare class RdxCheckboxGroupDirective implements ControlValueAccessor {
     private onChange;
     onTouched: () => void;
     constructor();
+    /** @ignore Bridge the CVA `onTouched` so `markAsTouched()` also notifies Reactive/template forms. */
+    protected formUiTouchTarget(): RdxFormUiTouchTarget;
     /** @ignore Register a child's disabled signal keyed by its name. */
     registerChild(name: string, disabled: Signal<boolean>): () => void;
     /** A stable control id for a child, derived from the group id and the child name. */
@@ -319,24 +322,11 @@ declare class RdxCheckboxGroupDirective implements ControlValueAccessor {
     /** @ignore */
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxGroupDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxGroupDirective, "[rdxCheckboxGroup]", ["rdxCheckboxGroup"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "allValues": { "alias": "allValues"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxGroupDirective, "[rdxCheckboxGroup]", ["rdxCheckboxGroup"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "allValues": { "alias": "allValues"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof _radix_ng_primitives_core.RdxFormUiStateHost; inputs: {}; outputs: {}; }]>;
 }
 
 declare class RdxCheckboxIndicatorDirective {
-    protected readonly rootContext: {
-        checked: _angular_core.Signal<boolean>;
-        indeterminate: _angular_core.Signal<boolean>;
-        disabled: _angular_core.Signal<boolean>;
-        required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-        value: _angular_core.InputSignal<string>;
-        name: _angular_core.InputSignal<string | undefined>;
-        parent: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-        form: _angular_core.InputSignal<string | undefined>;
-        readonly: _angular_core.Signal<boolean>;
-        state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        uncheckedValue: _angular_core.InputSignal<string | undefined>;
-        toggle(event?: Event): void;
-    };
+    protected readonly rootContext: _radix_ng_primitives_checkbox.CheckboxRootContext;
     /** Keep the indicator in the DOM when unchecked so CSS exit animations can play. */
     readonly keepMounted: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     protected readonly isVisible: _angular_core.Signal<boolean>;
@@ -345,20 +335,7 @@ declare class RdxCheckboxIndicatorDirective {
 }
 
 declare class RdxCheckboxInputDirective {
-    protected readonly rootContext: {
-        checked: _angular_core.Signal<boolean>;
-        indeterminate: _angular_core.Signal<boolean>;
-        disabled: _angular_core.Signal<boolean>;
-        required: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
-        value: _angular_core.InputSignal<string>;
-        name: _angular_core.InputSignal<string | undefined>;
-        parent: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
-        form: _angular_core.InputSignal<string | undefined>;
-        readonly: _angular_core.Signal<boolean>;
-        state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        uncheckedValue: _angular_core.InputSignal<string | undefined>;
-        toggle(event?: Event): void;
-    };
+    protected readonly rootContext: _radix_ng_primitives_checkbox.CheckboxRootContext;
     private readonly input;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxInputDirective, never>;

package/types/radix-ng-primitives-combobox.d.ts

@@ -3,7 +3,7 @@ import { Signal, Injector } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/popper';
 import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { AcceptableValue, RdxCancelableChangeEventDetails, RdxFloatingRootContext, Direction, BooleanInput, ItemValueComparator } from '@radix-ng/primitives/core';
+import { AcceptableValue, RdxCancelableChangeEventDetails, RdxFormUiControlBase, RdxFormValueControl, RdxFloatingRootContext, Direction, BooleanInput, ItemValueComparator, RdxFormUiTouchTarget } from '@radix-ng/primitives/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _radix_ng_primitives_combobox from '@radix-ng/primitives/combobox';
 import * as i1$1 from '@radix-ng/primitives/dismissable-layer';
@@ -225,6 +225,9 @@ declare const context: () => {
     disabledState: _angular_core.Signal<boolean>;
     readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     requiredState: _angular_core.Signal<boolean>;
+    invalidState: _angular_core.Signal<boolean>;
+    touchedState: _angular_core.Signal<boolean>;
+    dirtyState: _angular_core.Signal<boolean>;
     openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
     modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
     virtualized: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -297,6 +300,9 @@ declare const injectComboboxRootContext: _radix_ng_primitives_core.InjectContext
     disabledState: _angular_core.Signal<boolean>;
     readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     requiredState: _angular_core.Signal<boolean>;
+    invalidState: _angular_core.Signal<boolean>;
+    touchedState: _angular_core.Signal<boolean>;
+    dirtyState: _angular_core.Signal<boolean>;
     openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
     modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
     virtualized: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -368,6 +374,9 @@ declare const provideComboboxRootContext: (useFactory: () => {
     disabledState: _angular_core.Signal<boolean>;
     readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     requiredState: _angular_core.Signal<boolean>;
+    invalidState: _angular_core.Signal<boolean>;
+    touchedState: _angular_core.Signal<boolean>;
+    dirtyState: _angular_core.Signal<boolean>;
     openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
     modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
     virtualized: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -433,7 +442,7 @@ declare const provideComboboxRootContext: (useFactory: () => {
  *
  * @group Components
  */
-declare class RdxComboboxRoot implements ControlValueAccessor {
+declare class RdxComboboxRoot extends RdxFormUiControlBase implements ControlValueAccessor, RdxFormValueControl<ComboboxValue | null> {
     private readonly injector;
     /** Per-popup floating root context (ADR 0015) — `open` / `triggers` / reference for the dismissal engine. */
     readonly floatingContext: RdxFloatingRootContext;
@@ -546,6 +555,12 @@ declare class RdxComboboxRoot implements ControlValueAccessor {
     private readonly cvaDisabled;
     readonly disabledState: _angular_core.Signal<boolean>;
     readonly requiredState: _angular_core.Signal<boolean>;
+    /** @ignore */
+    readonly invalidState: _angular_core.Signal<boolean>;
+    /** @ignore */
+    readonly touchedState: _angular_core.Signal<boolean>;
+    /** @ignore */
+    readonly dirtyState: _angular_core.Signal<boolean>;
     private readonly preventUnmountOnClose;
     readonly present: _angular_core.Signal<boolean>;
     /**
@@ -617,6 +632,8 @@ declare class RdxComboboxRoot implements ControlValueAccessor {
     registerChipsNav(fn: (() => boolean) | null): void;
     /** Moves focus to the last chip, if any. Returns whether a chip was focused. */
     focusLastChip(): boolean;
+    /** @ignore Bridge the CVA `onTouched` so `markAsTouched()` also notifies Reactive/template forms. */
+    protected formUiTouchTarget(): RdxFormUiTouchTarget;
     markAsTouched(): void;
     /**
      * The single guarded value-mutation point for all user-driven changes (selection toggle, Clear,
@@ -669,6 +686,9 @@ declare class RdxComboboxInput {
         disabledState: _angular_core.Signal<boolean>;
         readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
         requiredState: _angular_core.Signal<boolean>;
+        invalidState: _angular_core.Signal<boolean>;
+        touchedState: _angular_core.Signal<boolean>;
+        dirtyState: _angular_core.Signal<boolean>;
         openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
         modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
         virtualized: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -733,8 +753,16 @@ declare class RdxComboboxInput {
     /** Marks the input as invalid independently of any Field state. */
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     protected readonly invalidState: _angular_core.Signal<boolean>;
+    /**
+     * Tri-state *displayed* validity: the enclosing Field's gated `validState` when inside a `rdxFieldRoot`
+     * (so a field whose `validationMode` defers display (e.g. `onBlur`) keeps the input neutral until revealed), else the input's
+     * own binary invalidity.
+     */
+    protected readonly displayValid: _angular_core.Signal<boolean | null>;
     protected readonly disabledState: _angular_core.Signal<boolean>;
     protected readonly requiredState: _angular_core.Signal<boolean>;
+    protected readonly touchedState: _angular_core.Signal<boolean>;
+    protected readonly dirtyState: _angular_core.Signal<boolean>;
     protected readonly filledState: _angular_core.Signal<boolean>;
     protected readonly focusedState: _angular_core.Signal<boolean>;
     protected readonly isEmptyValue: _angular_core.Signal<boolean>;
@@ -780,6 +808,9 @@ declare class RdxComboboxInputGroup {
         disabledState: _angular_core.Signal<boolean>;
         readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
         requiredState: _angular_core.Signal<boolean>;
+        invalidState: _angular_core.Signal<boolean>;
+        touchedState: _angular_core.Signal<boolean>;
+        dirtyState: _angular_core.Signal<boolean>;
         openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
         modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
         virtualized: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -897,6 +928,9 @@ declare class RdxComboboxTrigger {
         disabledState: _angular_core.Signal<boolean>;
         readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
         requiredState: _angular_core.Signal<boolean>;
+        invalidState: _angular_core.Signal<boolean>;
+        touchedState: _angular_core.Signal<boolean>;
+        dirtyState: _angular_core.Signal<boolean>;
         openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
         modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
         virtualized: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -995,6 +1029,9 @@ declare class RdxComboboxClear {
         disabledState: _angular_core.Signal<boolean>;
         readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
         requiredState: _angular_core.Signal<boolean>;
+        invalidState: _angular_core.Signal<boolean>;
+        touchedState: _angular_core.Signal<boolean>;
+        dirtyState: _angular_core.Signal<boolean>;
         openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
         modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
         virtualized: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -1122,6 +1159,9 @@ declare class RdxComboboxBackdrop {
         disabledState: _angular_core.Signal<boolean>;
         readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
         requiredState: _angular_core.Signal<boolean>;
+        invalidState: _angular_core.Signal<boolean>;
+        touchedState: _angular_core.Signal<boolean>;
+        dirtyState: _angular_core.Signal<boolean>;
         openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
         modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
         virtualized: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -1221,6 +1261,9 @@ declare class RdxComboboxPopup {
         disabledState: _angular_core.Signal<boolean>;
         readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
         requiredState: _angular_core.Signal<boolean>;
+        invalidState: _angular_core.Signal<boolean>;
+        touchedState: _angular_core.Signal<boolean>;
+        dirtyState: _angular_core.Signal<boolean>;
         openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
         modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
         virtualized: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -1327,6 +1370,9 @@ declare class RdxComboboxList {
         disabledState: _angular_core.Signal<boolean>;
         readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
         requiredState: _angular_core.Signal<boolean>;
+        invalidState: _angular_core.Signal<boolean>;
+        touchedState: _angular_core.Signal<boolean>;
+        dirtyState: _angular_core.Signal<boolean>;
         openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
         modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
         virtualized: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -1574,6 +1620,9 @@ declare class RdxComboboxEmpty {
         disabledState: _angular_core.Signal<boolean>;
         readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
         requiredState: _angular_core.Signal<boolean>;
+        invalidState: _angular_core.Signal<boolean>;
+        touchedState: _angular_core.Signal<boolean>;
+        dirtyState: _angular_core.Signal<boolean>;
         openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
         modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
         virtualized: _angular_core.InputSignalWithTransform<boolean, unknown>;