@radix-ng/primitives 1.1.0 → 1.1.1

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

@@ -45,6 +45,7 @@ interface CheckboxRootContext {
     required: Signal<boolean>;
     value: Signal<string>;
     name: Signal<string | undefined>;
+    itemValue: Signal<string | undefined>;
     parent: Signal<boolean>;
     form: Signal<string | undefined>;
     readonly: Signal<boolean>;
@@ -55,6 +56,7 @@ interface CheckboxRootContext {
     touchedState: Signal<boolean>;
     dirtyState: Signal<boolean>;
     uncheckedValue: Signal<string | undefined>;
+    registerNativeInput: (input: HTMLInputElement) => () => void;
     toggle: (event?: Event) => void;
 }
 declare const injectCheckboxRootContext: _radix_ng_primitives_core.InjectContext<CheckboxRootContext>;
@@ -65,11 +67,9 @@ declare const provideCheckboxRootContext: (useFactory: () => CheckboxRootContext
 declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
     private readonly controlValueAccessor;
     private readonly ngControlState;
-    private readonly elementRef;
-    private readonly renderer;
-    private uncheckedInputElement;
     /** The group this checkbox belongs to, if it is rendered inside a `rdxCheckboxGroup`. */
     private readonly group;
+    private readonly nativeInput;
     /**
      * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
      *
@@ -99,11 +99,12 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
      * Bound publicly as `[value]`; the TS member is named `submitValue` so the
      * directive can satisfy `RdxFormCheckboxControl`, whose contract reserves a
      * `value` member for `RdxFormValueControl` and forbids it on checkbox-style
-     * controls. (Checkbox is not yet marked `implements` — its `checked` is still
-     * `CheckedState`; see the `indeterminate` half of collision #1.)
+     * controls.
+     * When omitted, native submission uses the browser checkbox default (`on`). Inside a
+     * `rdxCheckboxGroup`, the child's `name` is used as a compatibility fallback.
      * @group Props
      */
-    readonly submitValue: _angular_core.InputSignal<string>;
+    readonly submitValue: _angular_core.InputSignal<string | undefined>;
     /**
      * The value submitted with the form when the checkbox is unchecked.
      * By default, unchecked checkboxes do not submit any value, matching native checkbox behavior.
@@ -151,8 +152,8 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
      */
     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.
+     * Name of a standalone form control. Inside a `rdxCheckboxGroup`, prefer `[value]` to identify
+     * the item; `name` remains a compatibility fallback for existing group templates.
      * @group Props
      */
     readonly name: _angular_core.InputSignal<string | undefined>;
@@ -167,6 +168,14 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
      * @group Props
      */
     readonly form: _angular_core.InputSignal<string | undefined>;
+    /** @ignore Item identity inside a checkbox group (`value`, falling back to the legacy child name). */
+    readonly itemValue: Signal<string | undefined>;
+    /** @ignore Native checkbox value; browsers default an omitted checkbox value to `on`. */
+    readonly nativeValue: Signal<string>;
+    /** @ignore A checkbox group owns the successful-control name and serializes its children centrally. */
+    readonly nativeName: Signal<string | undefined>;
+    /** @ignore Child native inputs inherit an external form association from their checkbox group. */
+    readonly nativeForm: Signal<string | undefined>;
     /**
      * Event emitted when the checkbox checked state changes.
      * @group Emits
@@ -180,8 +189,8 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
     /**
      * @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.
+     * group (a `parent` checkbox is checked only when every child is; a child from whether its item
+     * value is in the group value); standalone it reads the CVA value.
      */
     readonly checkedState: Signal<boolean>;
     /**
@@ -214,15 +223,13 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
     /** @ignore */
     readonly dirtyState: Signal<boolean>;
     readonly state: Signal<"indeterminate" | "checked" | "unchecked">;
+    private readonly nativeInputOwnsValue;
     constructor();
     toggle(event?: Event): void;
     /** Reset control-owned interaction state; Angular Signal Forms calls this from `FieldState.reset()`. */
     reset(): void;
-    private syncUncheckedInput;
-    private ensureUncheckedInput;
-    private removeUncheckedInput;
-    private setOptionalAttribute;
-    private setBooleanAttribute;
+    /** @ignore Register the optional native checkbox so it owns checked-value serialization. */
+    registerNativeInput(input: HTMLInputElement): () => void;
     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; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "pending": { "alias": "pending"; "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: {}; }]>;
 }
@@ -234,45 +241,51 @@ interface RdxCheckboxGroupValueChangeEvent {
     eventDetails: RdxCheckboxGroupValueChangeEventDetails;
 }
 interface RdxCheckboxGroupContext {
-    /** The names of the currently checked checkboxes. */
+    /** The values of the currently checked checkboxes. */
     value: Signal<string[]>;
-    /** All checkbox names, used by a `parent` checkbox to check/uncheck every child. */
+    /** All checkbox values, used by a `parent` checkbox to check/uncheck every child. */
     allValues: Signal<string[]>;
+    /** External owning form id inherited by optional child native inputs. */
+    form: Signal<string | undefined>;
     /** Whether the whole group is disabled. */
     disabled: Signal<boolean>;
     /** The derived state of a `parent` checkbox: all / none / some checked. */
     parentState: Signal<CheckedState>;
     /** The space-separated control ids the `parent` checkbox controls (for `aria-controls`). */
     controlledIds: Signal<string | undefined>;
-    /** A stable id for a child's control element, derived from the group id and the child name. */
-    controlId: (name: string) => string;
-    /** Toggle a single child by name. */
-    toggleValue: (name: string, event?: Event) => void;
+    /** A stable id for a child's control element, derived from the group id and item value. */
+    controlId: (value: string) => string;
+    /** Toggle a single child by value. */
+    toggleValue: (value: string, event?: Event) => void;
     /** Toggle every child on or off (used by a `parent` checkbox). */
     toggleAll: (event?: Event) => void;
-    /** Register a child's name and disabled state so the parent can preserve disabled items. */
-    registerChild: (name: string, disabled: Signal<boolean>) => () => void;
+    /** Register a child's value and disabled state so the parent can preserve disabled items. */
+    registerChild: (value: string, disabled: Signal<boolean>) => () => void;
     /** Register a child's control element id so the parent can reference it via `aria-controls`. */
-    registerControl: (name: string, id: string) => () => void;
+    registerControl: (value: string, id: string) => () => void;
 }
 declare const injectCheckboxGroupContext: _radix_ng_primitives_core.InjectContext<RdxCheckboxGroupContext>;
 declare const provideCheckboxGroupContext: (useFactory: () => RdxCheckboxGroupContext) => _angular_core.Provider;
 /**
- * Groups a set of checkboxes that share a single array value (the names of the checked boxes).
+ * Groups a set of checkboxes that share a single array value (the values of the checked boxes).
  *
- * Each child `rdxCheckboxRoot` participates by its `name`. A child marked `parent` becomes a
- * "select all" checkbox whose state is derived from `allValues`.
+ * Each child `rdxCheckboxRoot` participates by its `value` (falling back to `name`). A child marked
+ * `parent` becomes a "select all" checkbox whose state is derived from `allValues`.
  */
 declare class RdxCheckboxGroupDirective extends RdxFormUiControlBase implements ControlValueAccessor, RdxFormValueControl<string[]> {
-    /** The names of the currently checked checkboxes. Use with `onValueChange` or `[(value)]`. */
+    /** The values 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. */
+    /** The values checked initially when the group is uncontrolled. */
     readonly defaultValue: _angular_core.InputSignal<string[] | undefined>;
-    /** All checkbox names in the group. Required for a `parent` (select-all) checkbox. */
+    /** All checkbox values in the group. Required for a `parent` (select-all) checkbox. */
     readonly allValues: _angular_core.InputSignal<string[]>;
+    /** Native form field name. Selected values are submitted as repeated entries under this name. */
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    /** Associates the group with an external form by id. */
+    readonly form: _angular_core.InputSignal<string | undefined>;
     /** Whether the whole group is disabled. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /** Emits the new array of checked names whenever the value changes. */
+    /** Emits the new array of checked values whenever the value changes. */
     readonly onValueChange: _angular_core.OutputEmitterRef<RdxCheckboxGroupValueChangeEvent>;
     private readonly disabledByCva;
     readonly disabledState: Signal<boolean>;
@@ -286,11 +299,11 @@ declare class RdxCheckboxGroupDirective extends RdxFormUiControlBase implements
     private seeded;
     /** Where the parent is in its mixed → on → off cycle. Reset to `mixed` on any direct child change. */
     private parentStatus;
-    /** Per-name disabled signals, so the parent can preserve disabled-but-checked children. */
-    private readonly disabledByName;
+    /** Per-value disabled signals, so the parent can preserve disabled-but-checked children. */
+    private readonly disabledByValue;
     /** Stable group id used to derive child control ids when the consumer sets none. */
     private readonly elementId;
-    /** Registered control element ids, keyed by child name. */
+    /** Registered control element ids, keyed by child value. */
     private readonly controlIds;
     /** The space-separated control ids in `allValues` order, for the parent's `aria-controls`. */
     readonly controlledIds: Signal<string | undefined>;
@@ -300,14 +313,14 @@ declare class RdxCheckboxGroupDirective extends RdxFormUiControlBase implements
     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. */
-    controlId(name: string): string;
+    /** @ignore Register a child's disabled signal keyed by its value. */
+    registerChild(value: string, disabled: Signal<boolean>): () => void;
+    /** A stable control id for a child, derived from the group id and item value. */
+    controlId(value: string): string;
     /** @ignore Register a child's control element id so the parent can list it in `aria-controls`. */
-    registerControl(name: string, id: string): () => void;
-    /** Add/remove a single child name from the value (a direct child change). */
-    toggleValue(name: string, event?: Event): void;
+    registerControl(value: string, id: string): () => void;
+    /** Add/remove a single child value from the group value (a direct child change). */
+    toggleValue(value: string, event?: Event): void;
     /**
      * Toggle from the `parent` checkbox. Mirrors Base UI's `useCheckboxGroupParent`:
      *
@@ -318,7 +331,7 @@ declare class RdxCheckboxGroupDirective extends RdxFormUiControlBase implements
      * Disabled-but-checked children are always preserved (they cannot be toggled programmatically).
      */
     toggleAll(event?: Event): void;
-    private isNameDisabled;
+    private isValueDisabled;
     /** Seed the remembered selection from the current value the first time the parent is used. */
     private ensureSeeded;
     private emit;
@@ -331,7 +344,7 @@ declare class RdxCheckboxGroupDirective extends RdxFormUiControlBase implements
     /** @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, [{ directive: typeof _radix_ng_primitives_core.RdxFormUiStateHost; inputs: {}; outputs: {}; }]>;
+    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; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "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 {

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

@@ -144,7 +144,7 @@ declare function useComboboxEngine(config: ComboboxEngineConfig): {
     readonly triggerElement: HTMLElement | null;
     setTrigger(el: HTMLElement | null): void;
     orderedItems: Signal<ComboboxItemRef[]>;
-    visibleItems: Signal<ComboboxItemRef[]>;
+    visibleItems: Signal<readonly ComboboxItemRef[]>;
     visibleCount: Signal<number>;
     filteredItems: Signal<readonly AcceptableValue[]>;
     isVisible: (item: ComboboxItemRef) => boolean;
@@ -220,6 +220,9 @@ declare const context: () => {
     dir: _angular_core.Signal<Direction>;
     value: _angular_core.ModelSignal<ComboboxValue>;
     inputValue: _angular_core.ModelSignal<string>;
+    name: _angular_core.InputSignal<string | undefined>;
+    form: _angular_core.InputSignal<string | undefined>;
+    inputOwnsFormValue: _angular_core.Signal<boolean>;
     open: _angular_core.ModelSignal<boolean>;
     present: _angular_core.Signal<boolean>;
     multiple: _angular_core.Signal<boolean>;
@@ -297,6 +300,9 @@ declare const injectComboboxRootContext: _radix_ng_primitives_core.InjectContext
     dir: _angular_core.Signal<Direction>;
     value: _angular_core.ModelSignal<ComboboxValue>;
     inputValue: _angular_core.ModelSignal<string>;
+    name: _angular_core.InputSignal<string | undefined>;
+    form: _angular_core.InputSignal<string | undefined>;
+    inputOwnsFormValue: _angular_core.Signal<boolean>;
     open: _angular_core.ModelSignal<boolean>;
     present: _angular_core.Signal<boolean>;
     multiple: _angular_core.Signal<boolean>;
@@ -373,6 +379,9 @@ declare const provideComboboxRootContext: (useFactory: () => {
     dir: _angular_core.Signal<Direction>;
     value: _angular_core.ModelSignal<ComboboxValue>;
     inputValue: _angular_core.ModelSignal<string>;
+    name: _angular_core.InputSignal<string | undefined>;
+    form: _angular_core.InputSignal<string | undefined>;
+    inputOwnsFormValue: _angular_core.Signal<boolean>;
     open: _angular_core.ModelSignal<boolean>;
     present: _angular_core.Signal<boolean>;
     multiple: _angular_core.Signal<boolean>;
@@ -475,6 +484,8 @@ declare class RdxComboboxRoot extends RdxFormUiControlBase implements ControlVal
     readonly mode: _angular_core.Signal<"none" | "single" | "multiple">;
     /** Whether the combobox is in multiple-selection mode. */
     readonly multiple: _angular_core.Signal<boolean>;
+    /** Whether the visible text input owns native serialization in filter-only mode. */
+    readonly inputOwnsFormValue: _angular_core.Signal<boolean>;
     /** In `'none'` mode, whether pressing an item fills the input with its label. */
     readonly fillInputOnItemPress: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Text direction. */
@@ -486,6 +497,10 @@ declare class RdxComboboxRoot extends RdxFormUiControlBase implements ControlVal
     readonly readOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether a value is required (for forms). */
     readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Name used when serializing the committed selection into native `FormData`. */
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    /** Id of an external form that owns this control. */
+    readonly form: _angular_core.InputSignal<string | undefined>;
     /** Whether keyboard navigation wraps at the list boundaries. */
     readonly loopFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
@@ -549,6 +564,8 @@ declare class RdxComboboxRoot extends RdxFormUiControlBase implements ControlVal
     readonly isItemEqualToValue: _angular_core.InputSignal<ItemValueComparator<AcceptableValue> | undefined>;
     /** Converts a value to its display label. Defaults to the matching item's text. */
     readonly itemToStringLabel: _angular_core.InputSignal<((value: AcceptableValue) => string) | undefined>;
+    /** Converts an item value to the string submitted by a native form. */
+    readonly itemToStringValue: _angular_core.InputSignal<((value: AcceptableValue) => string) | undefined>;
     /** Emits before the selection changes; call `eventDetails.cancel()` to veto it. */
     readonly onValueChange: _angular_core.OutputEmitterRef<RdxComboboxValueChange>;
     /** Emits before the input text changes; call `eventDetails.cancel()` to veto it. */
@@ -564,6 +581,8 @@ declare class RdxComboboxRoot extends RdxFormUiControlBase implements ControlVal
     readonly onOpenChangeComplete: _angular_core.OutputEmitterRef<boolean>;
     private readonly cvaDisabled;
     readonly disabledState: _angular_core.Signal<boolean>;
+    private readonly nativeFormValue;
+    private readonly nativeFormControl;
     readonly requiredState: _angular_core.Signal<boolean>;
     /** @ignore */
     readonly invalidState: _angular_core.Signal<boolean>;
@@ -660,7 +679,7 @@ declare class RdxComboboxRoot extends RdxFormUiControlBase implements ControlVal
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxComboboxRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxComboboxRoot, "[rdxComboboxRoot]", ["rdxComboboxRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "inputValue": { "alias": "inputValue"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "multipleInput": { "alias": "multiple"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "fillInputOnItemPress": { "alias": "fillInputOnItemPress"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "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; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "highlightItemOnHover": { "alias": "highlightItemOnHover"; "required": false; "isSignal": true; }; "keepHighlight": { "alias": "keepHighlight"; "required": false; "isSignal": true; }; "openOnInputClick": { "alias": "openOnInputClick"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "submitOnItemClick": { "alias": "submitOnItemClick"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "virtualized": { "alias": "virtualized"; "required": false; "isSignal": true; }; "grid": { "alias": "grid"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToStringLabel": { "alias": "itemToStringLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "inputValue": "inputValueChange"; "open": "openChange"; "onValueChange": "onValueChange"; "onInputValueChange": "onInputValueChange"; "onOpenChange": "onOpenChange"; "onItemHighlighted": "onItemHighlighted"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1.RdxPopper; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxComboboxRoot, "[rdxComboboxRoot]", ["rdxComboboxRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "inputValue": { "alias": "inputValue"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "multipleInput": { "alias": "multiple"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "fillInputOnItemPress": { "alias": "fillInputOnItemPress"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "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; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "highlightItemOnHover": { "alias": "highlightItemOnHover"; "required": false; "isSignal": true; }; "keepHighlight": { "alias": "keepHighlight"; "required": false; "isSignal": true; }; "openOnInputClick": { "alias": "openOnInputClick"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "submitOnItemClick": { "alias": "submitOnItemClick"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "virtualized": { "alias": "virtualized"; "required": false; "isSignal": true; }; "grid": { "alias": "grid"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToStringLabel": { "alias": "itemToStringLabel"; "required": false; "isSignal": true; }; "itemToStringValue": { "alias": "itemToStringValue"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "inputValue": "inputValueChange"; "open": "openChange"; "onValueChange": "onValueChange"; "onInputValueChange": "onInputValueChange"; "onOpenChange": "onOpenChange"; "onItemHighlighted": "onItemHighlighted"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1.RdxPopper; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -691,6 +710,9 @@ declare class RdxComboboxInput {
         dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
         value: _angular_core.ModelSignal<_radix_ng_primitives_combobox.ComboboxValue>;
         inputValue: _angular_core.ModelSignal<string>;
+        name: _angular_core.InputSignal<string | undefined>;
+        form: _angular_core.InputSignal<string | undefined>;
+        inputOwnsFormValue: _angular_core.Signal<boolean>;
         open: _angular_core.ModelSignal<boolean>;
         present: _angular_core.Signal<boolean>;
         multiple: _angular_core.Signal<boolean>;
@@ -814,6 +836,9 @@ declare class RdxComboboxInputGroup {
         dir: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_core.Direction>;
         value: _angular_core.ModelSignal<_radix_ng_primitives_combobox.ComboboxValue>;
         inputValue: _angular_core.ModelSignal<string>;
+        name: _angular_core.InputSignal<string | undefined>;
+        form: _angular_core.InputSignal<string | undefined>;
+        inputOwnsFormValue: _angular_core.Signal<boolean>;
         open: _angular_core.ModelSignal<boolean>;
         present: _angular_core.Signal<boolean>;
         multiple: _angular_core.Signal<boolean>;
@@ -936,6 +961,9 @@ declare class RdxComboboxTrigger {
         dir: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_core.Direction>;
         value: _angular_core.ModelSignal<_radix_ng_primitives_combobox.ComboboxValue>;
         inputValue: _angular_core.ModelSignal<string>;
+        name: _angular_core.InputSignal<string | undefined>;
+        form: _angular_core.InputSignal<string | undefined>;
+        inputOwnsFormValue: _angular_core.Signal<boolean>;
         open: _angular_core.ModelSignal<boolean>;
         present: _angular_core.Signal<boolean>;
         multiple: _angular_core.Signal<boolean>;
@@ -1039,6 +1067,9 @@ declare class RdxComboboxClear {
         dir: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_core.Direction>;
         value: _angular_core.ModelSignal<_radix_ng_primitives_combobox.ComboboxValue>;
         inputValue: _angular_core.ModelSignal<string>;
+        name: _angular_core.InputSignal<string | undefined>;
+        form: _angular_core.InputSignal<string | undefined>;
+        inputOwnsFormValue: _angular_core.Signal<boolean>;
         open: _angular_core.ModelSignal<boolean>;
         present: _angular_core.Signal<boolean>;
         multiple: _angular_core.Signal<boolean>;
@@ -1171,6 +1202,9 @@ declare class RdxComboboxBackdrop {
         dir: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_core.Direction>;
         value: _angular_core.ModelSignal<_radix_ng_primitives_combobox.ComboboxValue>;
         inputValue: _angular_core.ModelSignal<string>;
+        name: _angular_core.InputSignal<string | undefined>;
+        form: _angular_core.InputSignal<string | undefined>;
+        inputOwnsFormValue: _angular_core.Signal<boolean>;
         open: _angular_core.ModelSignal<boolean>;
         present: _angular_core.Signal<boolean>;
         multiple: _angular_core.Signal<boolean>;
@@ -1275,6 +1309,9 @@ declare class RdxComboboxPopup {
         dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
         value: _angular_core.ModelSignal<_radix_ng_primitives_combobox.ComboboxValue>;
         inputValue: _angular_core.ModelSignal<string>;
+        name: _angular_core.InputSignal<string | undefined>;
+        form: _angular_core.InputSignal<string | undefined>;
+        inputOwnsFormValue: _angular_core.Signal<boolean>;
         open: _angular_core.ModelSignal<boolean>;
         present: _angular_core.Signal<boolean>;
         multiple: _angular_core.Signal<boolean>;
@@ -1386,6 +1423,9 @@ declare class RdxComboboxList {
         dir: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_core.Direction>;
         value: _angular_core.ModelSignal<_radix_ng_primitives_combobox.ComboboxValue>;
         inputValue: _angular_core.ModelSignal<string>;
+        name: _angular_core.InputSignal<string | undefined>;
+        form: _angular_core.InputSignal<string | undefined>;
+        inputOwnsFormValue: _angular_core.Signal<boolean>;
         open: _angular_core.ModelSignal<boolean>;
         present: _angular_core.Signal<boolean>;
         multiple: _angular_core.Signal<boolean>;
@@ -1588,6 +1628,7 @@ declare class RdxComboboxGroup {
     private readonly rootContext;
     readonly labelId: _angular_core.WritableSignal<string | undefined>;
     private readonly items;
+    private readonly itemsTick;
     protected readonly hasItems: _angular_core.Signal<boolean>;
     protected readonly hasVisibleItems: _angular_core.Signal<boolean>;
     registerItem(item: ComboboxItemRef): void;
@@ -1638,6 +1679,9 @@ declare class RdxComboboxEmpty {
         dir: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_core.Direction>;
         value: _angular_core.ModelSignal<_radix_ng_primitives_combobox.ComboboxValue>;
         inputValue: _angular_core.ModelSignal<string>;
+        name: _angular_core.InputSignal<string | undefined>;
+        form: _angular_core.InputSignal<string | undefined>;
+        inputOwnsFormValue: _angular_core.Signal<boolean>;
         open: _angular_core.ModelSignal<boolean>;
         present: _angular_core.Signal<boolean>;
         multiple: _angular_core.Signal<boolean>;

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

@@ -197,6 +197,8 @@ interface RdxNgControlState {
     readonly errors: Signal<readonly RdxValidationError[]>;
     readonly dirty: Signal<boolean>;
     readonly touched: Signal<boolean>;
+    /** Resets a connected Reactive/template-driven control; returns whether one was connected. */
+    reset(value: unknown): boolean;
 }
 /**
  * Lazily connects to the same-host `NgControl` without creating a circular dependency while Angular
@@ -773,8 +775,9 @@ type ItemValueComparator<T = unknown> = ((a: T, b: T) => boolean) | string;
  */
 declare function itemToStringLabel(value: unknown): string;
 /**
- * Converts an item value to the string used for form serialization. Defaults to the same rules as
- * {@link itemToStringLabel}; kept as a separate export so a primitive can diverge label vs. value.
+ * Converts an item value to the string used for form serialization. A conventional `{ value, label }`
+ * item serializes its `value` member; other non-string values use Base UI-compatible JSON serialization
+ * with `String()` as a fallback. Kept separate so a primitive can diverge label vs. value.
  */
 declare function itemToStringValue(value: unknown): string;
 /**
@@ -1083,6 +1086,12 @@ declare abstract class RdxFormUiControlBase {
      * (Signal-Forms-only controls such as date-field).
      */
     protected formUiTouchTarget(): RdxFormUiTouchTarget | null;
+    /**
+     * Resets a same-host Reactive/template-driven control without reporting the reset as a user edit.
+     * Returns `false` when no Angular `NgControl` is connected, so a control can fall back to its CVA
+     * change callback for an unusually early native reset.
+     */
+    protected resetNgControl(value: unknown): boolean;
     /**
      * Reset control-owned interaction state. Angular Signal Forms calls this optional custom-control
      * hook from `FieldState.reset()` after restoring the field value.
@@ -1795,6 +1804,55 @@ declare function elementSize({ elementRef, injector }: {
  */
 declare function getActiveElement(root?: DocumentOrShadowRoot): Element | null;
 
+/** Configuration for a composite control that participates in a native HTML form. */
+interface RdxNativeFormControlOptions<T> {
+    /** Form-field name. No value is contributed while it is absent. */
+    readonly name: Signal<string | undefined>;
+    /** Optional id of an external owning form. */
+    readonly form: Signal<string | undefined>;
+    /** Disabled controls are excluded from successful form controls. */
+    readonly disabled: Signal<boolean>;
+    /** Current control value, used when the form constructs `FormData`. */
+    readonly value?: Signal<T>;
+    /** Converts a value to one or more form entries. Omit for controls with their own native inputs. */
+    readonly serialize?: (value: T) => readonly string[];
+    /** Whether a consumer-rendered native input currently owns serialization. */
+    readonly hasNativeControl?: Signal<boolean>;
+    /** Synchronizes a consumer-rendered native control immediately before an imperative submit. */
+    readonly syncNativeControl?: () => void;
+    /** Value restored by a native form reset. Captured once after inputs bind. */
+    readonly defaultValue?: () => T;
+    /** Applies the captured default value after a native form reset. */
+    readonly onReset?: (value: T) => void;
+}
+/** Imperative operations needed by controls that submit immediately after a value change. */
+interface RdxNativeFormControl {
+    /** The current owning form, including an external form selected by the `form` input. */
+    ownerForm(): HTMLFormElement | null;
+    /** Synchronizes generated/native controls with the current signals. */
+    sync(): void;
+    /** Synchronizes the value and requests submission from the owning form. */
+    requestSubmit(): void;
+}
+/**
+ * Converts a scalar or array model to HTML form values. `null` and `undefined` represent no
+ * successful control; arrays deliberately become repeated entries under the same field name.
+ */
+declare function serializeNativeFormValue(value: unknown, itemToStringValue?: (entry: unknown) => string): readonly string[];
+/**
+ * Adds native form semantics to a composite control, rendering hidden inputs only when the control
+ * has no native successful control of its own.
+ *
+ * A hidden input is necessary for a headless root to enter the platform's successful-controls tree
+ * (including older engines that do not dispatch `formdata` for `new FormData(form)`). One input is
+ * created per serialized value, preserving repeated-field semantics; controls with their own native
+ * input use this solely for reset and imperative-submit coordination.
+ *
+ * Generated inputs are browser-only. Rendering imperative sibling nodes on the server would put DOM
+ * outside Angular's hydration graph; the client creates them after its view has been claimed instead.
+ */
+declare function useNativeFormControl<T>(options: RdxNativeFormControlOptions<T>): RdxNativeFormControl;
+
 /**
  * Creates a resize observer effect for element
  *
@@ -2114,5 +2172,5 @@ declare enum RdxPositionAlign {
     End = "end"
 }
 
-export { A, ALT, ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, ASTERISK, BACKSPACE, CAPS_LOCK, CONTROL, CTRL, DELETE, DOCS_BASE_URL, END, ENTER, ESCAPE, F1, F10, F11, F12, F2, F3, F4, F5, F6, F7, F8, F9, HOME, META, P, PAGE_DOWN, PAGE_UP, RDX_DEFAULT_VALIDATION_MODE, RDX_FIELD_VALIDITY, RDX_FLOATING_REGISTRATION, RDX_FLOATING_ROOT_CONTEXT, RDX_FLOATING_TREE, RDX_FORM_UI_STATE, RDX_INTERNAL_BACKDROP_ATTR, RDX_SCROLL_LOCKED_ATTR, RdxControlValueAccessor, RdxFloatingNode, RdxFloatingNodeRegistration, RdxFloatingRegistrationContext, RdxFloatingRootContext, RdxFloatingTree, RdxFormUiControlBase, RdxFormUiStateHost, RdxIdGenerator, RdxLiveAnnouncer, RdxPositionAlign, RdxPositionSide, RdxTriggerRegistry, SHIFT, SPACE, SPACE_CODE, TAB, TIME_GRANULARITIES, a, areAllDaysBetweenValid, clamp, createCancelableChangeEventDetails, createContent, createContext, createFloatingEvents, createFloatingRootContext, createFormUiState, createFormatter, createMonth, createMonths, docsUrl, elementSize, formUiStateContext, getActiveElement, getDaysBetween, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getMaxTransitionDuration, getNextLastDayOfWeek, getOptsByGranularity, getPlaceholder, getSegmentElements, getWeekNumber, handleAndDispatchCustomEvent, handleCalendarInitialFocus, hasTime, initializeSegmentValues, injectControlValueAccessor, injectDocument, injectFloatingRootContext, injectId, injectNgControlState, isAcceptableSegmentKey, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqual, isItemEqualToValue, isNullish, isNumberString, isSegmentNavigationKey, isValidationRevealed, isZonedDateTime, itemToStringLabel, itemToStringValue, j, k, n, normalizeDateStep, normalizeHour12, normalizeHourCycle, p, provideExistingToken, provideFloatingRegistration, provideFloatingRootContext, provideFloatingTree, provideFormUiState, provideValueAccessor, rdxCheckLabelElement, rdxCheckTriggerElement, rdxDevError, rdxDevWarning, resetRdxDevWarnings, resizeEffect, resolveDisplayValid, resolveFloatingTree, roundToStepPrecision, segmentBuilders, setupInternalBackdrop, snapValueToStep, syncSegmentValues, syncTimeSegmentValues, toDate, useAnchoredScrollLock, useArrowNavigation, useDateField, useFilter, useGraceArea, useListHighlight, usePointerDrag, useScrollLock, useTransitionStatus, watch };
-export type { AcceptableValue, AnyExceptLiteral, AriaLivePoliteness, BooleanInput, CreateMonthProps, DataOrientation, DateAndTimeSegmentObj, DateFormatterOptions, DateMatcher, DateRange, DateSegmentObj, DateSegmentPart, DateStep, DayPeriod, Direction, EditableSegmentPart, FilterPredicates, Formatter, Granularity, HourCycle, InjectContext, ItemValueComparator, ListHighlight, Month, NonEditableSegmentPart, Nullable, NumberInput, PlaceholderMap, RdxAnchoredScrollLockOptions, RdxCancelableChangeEventDetails, RdxCancelableChangeEventTransaction, RdxFloatingEventMap, RdxFloatingEvents, RdxFloatingLifecycle, RdxFloatingNodeInit, RdxFloatingParentOverride, RdxFloatingRegistrationReader, RdxFloatingRegistrationStatus, RdxFloatingRootContextEventMap, RdxFloatingRootContextInit, RdxFormCheckboxControl, RdxFormStateInput, RdxFormUiControl, RdxFormUiState, RdxFormUiStateContext, RdxFormUiStateOptions, RdxFormUiTouchTarget, RdxFormValueControl, RdxInternalBackdropOptions, RdxNgControlState, RdxPointerDragHandlers, RdxScrollLockOptions, RdxTransitionStatus, RdxTransitionStatusRef, RdxValidationError, RdxValidationInteraction, RdxValidationMode, SafeFunction, SegmentContentObj, SegmentPart, SegmentValueObj, TimeGranularity, TimeSegmentObj, TimeSegmentPart, TimeValue, UseDateFieldProps, UseFilterOptions, UseListHighlightOptions };
+export { A, ALT, ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, ASTERISK, BACKSPACE, CAPS_LOCK, CONTROL, CTRL, DELETE, DOCS_BASE_URL, END, ENTER, ESCAPE, F1, F10, F11, F12, F2, F3, F4, F5, F6, F7, F8, F9, HOME, META, P, PAGE_DOWN, PAGE_UP, RDX_DEFAULT_VALIDATION_MODE, RDX_FIELD_VALIDITY, RDX_FLOATING_REGISTRATION, RDX_FLOATING_ROOT_CONTEXT, RDX_FLOATING_TREE, RDX_FORM_UI_STATE, RDX_INTERNAL_BACKDROP_ATTR, RDX_SCROLL_LOCKED_ATTR, RdxControlValueAccessor, RdxFloatingNode, RdxFloatingNodeRegistration, RdxFloatingRegistrationContext, RdxFloatingRootContext, RdxFloatingTree, RdxFormUiControlBase, RdxFormUiStateHost, RdxIdGenerator, RdxLiveAnnouncer, RdxPositionAlign, RdxPositionSide, RdxTriggerRegistry, SHIFT, SPACE, SPACE_CODE, TAB, TIME_GRANULARITIES, a, areAllDaysBetweenValid, clamp, createCancelableChangeEventDetails, createContent, createContext, createFloatingEvents, createFloatingRootContext, createFormUiState, createFormatter, createMonth, createMonths, docsUrl, elementSize, formUiStateContext, getActiveElement, getDaysBetween, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getMaxTransitionDuration, getNextLastDayOfWeek, getOptsByGranularity, getPlaceholder, getSegmentElements, getWeekNumber, handleAndDispatchCustomEvent, handleCalendarInitialFocus, hasTime, initializeSegmentValues, injectControlValueAccessor, injectDocument, injectFloatingRootContext, injectId, injectNgControlState, isAcceptableSegmentKey, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqual, isItemEqualToValue, isNullish, isNumberString, isSegmentNavigationKey, isValidationRevealed, isZonedDateTime, itemToStringLabel, itemToStringValue, j, k, n, normalizeDateStep, normalizeHour12, normalizeHourCycle, p, provideExistingToken, provideFloatingRegistration, provideFloatingRootContext, provideFloatingTree, provideFormUiState, provideValueAccessor, rdxCheckLabelElement, rdxCheckTriggerElement, rdxDevError, rdxDevWarning, resetRdxDevWarnings, resizeEffect, resolveDisplayValid, resolveFloatingTree, roundToStepPrecision, segmentBuilders, serializeNativeFormValue, setupInternalBackdrop, snapValueToStep, syncSegmentValues, syncTimeSegmentValues, toDate, useAnchoredScrollLock, useArrowNavigation, useDateField, useFilter, useGraceArea, useListHighlight, useNativeFormControl, usePointerDrag, useScrollLock, useTransitionStatus, watch };
+export type { AcceptableValue, AnyExceptLiteral, AriaLivePoliteness, BooleanInput, CreateMonthProps, DataOrientation, DateAndTimeSegmentObj, DateFormatterOptions, DateMatcher, DateRange, DateSegmentObj, DateSegmentPart, DateStep, DayPeriod, Direction, EditableSegmentPart, FilterPredicates, Formatter, Granularity, HourCycle, InjectContext, ItemValueComparator, ListHighlight, Month, NonEditableSegmentPart, Nullable, NumberInput, PlaceholderMap, RdxAnchoredScrollLockOptions, RdxCancelableChangeEventDetails, RdxCancelableChangeEventTransaction, RdxFloatingEventMap, RdxFloatingEvents, RdxFloatingLifecycle, RdxFloatingNodeInit, RdxFloatingParentOverride, RdxFloatingRegistrationReader, RdxFloatingRegistrationStatus, RdxFloatingRootContextEventMap, RdxFloatingRootContextInit, RdxFormCheckboxControl, RdxFormStateInput, RdxFormUiControl, RdxFormUiState, RdxFormUiStateContext, RdxFormUiStateOptions, RdxFormUiTouchTarget, RdxFormValueControl, RdxInternalBackdropOptions, RdxNativeFormControl, RdxNativeFormControlOptions, RdxNgControlState, RdxPointerDragHandlers, RdxScrollLockOptions, RdxTransitionStatus, RdxTransitionStatusRef, RdxValidationError, RdxValidationInteraction, RdxValidationMode, SafeFunction, SegmentContentObj, SegmentPart, SegmentValueObj, TimeGranularity, TimeSegmentObj, TimeSegmentPart, TimeValue, UseDateFieldProps, UseFilterOptions, UseListHighlightOptions };

package/types/radix-ng-primitives-number-field.d.ts

@@ -106,9 +106,9 @@ declare class RdxNumberFieldRoot extends RdxFormUiControlBase implements RdxForm
      * @default false
      */
     readonly required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /** Name of the hidden input rendered by `[rdxNumberFieldHiddenInput]`, for form submission. */
+    /** Name used when serializing this field into native `FormData`. */
     readonly name: _angular_core.InputSignal<string | undefined>;
-    /** Id of the form the hidden input belongs to. Useful when it is rendered outside the form. */
+    /** Id of an external form that owns this field. */
     readonly form: _angular_core.InputSignal<string | undefined>;
     /** The uncontrolled value of the field when it is initially rendered. */
     readonly defaultValue: _angular_core.InputSignal<number | undefined>;
@@ -127,6 +127,8 @@ declare class RdxNumberFieldRoot extends RdxFormUiControlBase implements RdxForm
     readonly isScrubbing: _angular_core.WritableSignal<boolean>;
     /** @ignore The native input element, registered by `[rdxNumberFieldInput]`. */
     readonly inputEl: _angular_core.WritableSignal<HTMLInputElement | undefined>;
+    /** @ignore Optional native number input that owns constraints/autofill and form serialization. */
+    readonly nativeInputEl: _angular_core.WritableSignal<HTMLInputElement | null>;
     /**
      * @ignore Gate that prevents the formatted value from overwriting in-progress typing.
      * Plain field (not a signal): it is toggled imperatively inside event handlers.
@@ -148,6 +150,7 @@ declare class RdxNumberFieldRoot extends RdxFormUiControlBase implements RdxForm
     private readonly parser;
     /** @ignore The current numeric value (`null` when empty). */
     readonly currentValue: _angular_core.Signal<number | null>;
+    private readonly nativeFormControl;
     /** @ignore */
     readonly minWithDefault: _angular_core.Signal<number>;
     /** @ignore */
@@ -174,6 +177,8 @@ declare class RdxNumberFieldRoot extends RdxFormUiControlBase implements RdxForm
     }): number;
     /** @ignore Registers the native input element. */
     registerInput(el: HTMLInputElement): void;
+    /** @ignore Registers the optional native constraint/autofill input. */
+    registerNativeInput(el: HTMLInputElement | null): void;
     /** @ignore Sets the displayed text without changing the numeric value. */
     setInputValue(text: string): void;
     /**
@@ -241,14 +246,16 @@ declare class RdxNumberFieldInput {
 }
 
 /**
- * The hidden native `input[type=number]` that mirrors the field value for native form submission
- * and browser constraint validation (min/max/step/required). Place it inside the root, alongside
- * the visible `[rdxNumberFieldInput]`.
+ * The optional hidden native `input[type=number]` that mirrors the field value for browser constraint
+ * validation (min/max/step/required) and autofill. When present it also owns native form serialization;
+ * without it the root generates a plain hidden entry. Place it inside the root, alongside the visible
+ * `[rdxNumberFieldInput]`.
  *
  * @see https://base-ui.com/react/components/number-field
  */
 declare class RdxNumberFieldHiddenInput {
     protected readonly rootContext: _radix_ng_primitives_number_field.RdxNumberFieldRoot;
+    constructor();
     /** Move focus to the visible input when the hidden one is focused (e.g. via form validation). */
     onFocus(): void;
     /** Handle browser autofill, which writes directly to the hidden numeric input. */

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

@@ -20,6 +20,7 @@ interface RadioRootContext {
     required: Signal<boolean>;
     name: Signal<string | undefined>;
     form: Signal<string | undefined>;
+    registerNativeInput(value: string, input: HTMLInputElement): () => void;
     select(value: string | null, event?: Event, reason?: RdxRadioValueChangeReason): void;
     setArrowNavigation(value: boolean): void;
     isArrowNavigation(): boolean;
@@ -55,6 +56,8 @@ declare class RdxRadioGroupDirective extends RdxFormUiControlBase implements Con
     readonly touchedState: Signal<boolean>;
     readonly dirtyState: Signal<boolean>;
     private readonly arrowNavigation;
+    private readonly nativeInputs;
+    private readonly selectedItemHasNativeInput;
     private readonly itemMetadata;
     private readonly disabledIndices;
     private readonly activeIndex;
@@ -98,6 +101,8 @@ declare class RdxRadioGroupDirective extends RdxFormUiControlBase implements Con
     setDisabledState(isDisabled: boolean): void;
     setArrowNavigation(value: boolean): void;
     isArrowNavigation(): boolean;
+    /** @ignore Register an optional native radio input by its item value. */
+    registerNativeInput(value: string, input: HTMLInputElement): () => void;
     /**
      * Marks the control touched when focus leaves the whole group (Base UI `RadioGroup` parity and the
      * ADR 0004 CVA strategy) — moving focus between items stays inside, so `relatedTarget` is checked.
@@ -128,7 +133,7 @@ declare class RdxRadioItemInputDirective {
     private readonly input;
     readonly name: _angular_core.Signal<string | undefined>;
     readonly form: _angular_core.Signal<string | undefined>;
-    readonly value: _angular_core.Signal<string | undefined>;
+    readonly value: _angular_core.Signal<string>;
     readonly checked: _angular_core.Signal<boolean>;
     readonly required: _angular_core.Signal<boolean>;
     readonly disabled: _angular_core.Signal<boolean>;