@radix-ng/primitives 1.1.0 → 1.1.1

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

@@ -392,6 +392,10 @@ declare class RdxSelectRoot extends RdxFormUiControlBase implements ControlValue
     readonly readOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Marks the control as required — reflected on the trigger as `aria-required` / `data-required`. */
     readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Name used when serializing this composite control 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 the popup is modal: locks page scroll and makes outside content inert while open. */
     readonly modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly dirInput: _angular_core.InputSignal<Direction | undefined>;
@@ -400,6 +404,8 @@ declare class RdxSelectRoot extends RdxFormUiControlBase implements ControlValue
     readonly isItemEqualToValue: _angular_core.InputSignal<ItemValueComparator<AcceptableValue> | undefined>;
     /** Converts a value to its display label (used by `RdxSelectValue`). */
     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 an open-state change is committed; call `eventDetails.cancel()` to veto it. */
     readonly onOpenChange: _angular_core.OutputEmitterRef<RdxSelectOpenChangeEvent>;
     /** Emits before a value change is committed; call `eventDetails.cancel()` to veto it. */
@@ -414,6 +420,7 @@ declare class RdxSelectRoot extends RdxFormUiControlBase implements ControlValue
     readonly isEmptyModelValue: Signal<boolean>;
     private hasAppliedDefaultValue;
     private hasAppliedDefaultOpen;
+    private readonly nativeFormControl;
     constructor();
     readonly optionsSet: WritableSignal<Set<SelectOption>>;
     readonly nativeSelectKey: Signal<string>;
@@ -439,7 +446,7 @@ declare class RdxSelectRoot extends RdxFormUiControlBase implements ControlValue
     private onChange?;
     private onTouched?;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectRoot, "[rdxSelectRoot]", ["rdxSelectRoot"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "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; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToStringLabel": { "alias": "itemToStringLabel"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "value": "valueChange"; "onOpenChange": "onOpenChange"; "onValueChange": "onValueChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectRoot, "[rdxSelectRoot]", ["rdxSelectRoot"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "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; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "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; }; }, { "open": "openChange"; "value": "valueChange"; "onOpenChange": "onOpenChange"; "onValueChange": "onValueChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }]>;
 }
 
 declare class RdxSelectScrollButtonBase {

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

@@ -189,7 +189,7 @@ declare class RdxSliderRoot extends RdxFormUiControlBase {
     readonly format: _angular_core.InputSignal<Intl.NumberFormatOptions | undefined>;
     /** Locale used for value formatting. */
     readonly locale: _angular_core.InputSignal<string | undefined>;
-    /** Name of the hidden inputs rendered by each thumb, for form submission. */
+    /** Name of the native range input rendered by each thumb, for form submission. */
     readonly name: _angular_core.InputSignal<string | undefined>;
     /** Id of the form the slider belongs to. */
     readonly form: _angular_core.InputSignal<string | undefined>;
@@ -231,6 +231,7 @@ declare class RdxSliderRoot extends RdxFormUiControlBase {
     lastChangeEvent: Event | undefined;
     /** @ignore */
     readonly isDisabled: Signal<boolean>;
+    private readonly nativeFormControl;
     /** @ignore */
     readonly inset: Signal<boolean>;
     /** @ignore */

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

@@ -11,6 +11,8 @@ import { RdxCancelableChangeEventDetails, RdxFormUiControlBase, RdxFormCheckboxC
  */
 declare class RdxSwitchInput {
     protected readonly rootContext: _radix_ng_primitives_switch.RdxSwitchContext;
+    private readonly input;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSwitchInput, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSwitchInput, "input[rdxSwitchInput]", ["rdxSwitchInput"], {}, {}, never, never, true, never>;
 }
@@ -58,8 +60,10 @@ declare class RdxSwitchRoot extends RdxFormUiControlBase implements RdxFormCheck
      * @default false
      */
     readonly required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /** Name of the hidden form input rendered by `[rdxSwitchInput]`. */
+    /** Native form field name. */
     readonly name: _angular_core.InputSignal<string | undefined>;
+    /** Associates the switch with an external form by id. */
+    readonly form: _angular_core.InputSignal<string | undefined>;
     /**
      * Value submitted with the form when the switch is on.
      *
@@ -71,6 +75,11 @@ declare class RdxSwitchRoot extends RdxFormUiControlBase implements RdxFormCheck
      * @default 'on'
      */
     readonly submitValue: _angular_core.InputSignal<string>;
+    /**
+     * Value submitted while the switch is off. When omitted, the off state contributes no entry,
+     * matching native checkbox behavior.
+     */
+    readonly uncheckedValue: _angular_core.InputSignal<string | undefined>;
     readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Event handler called when the checked state of the switch changes. */
@@ -79,6 +88,8 @@ declare class RdxSwitchRoot extends RdxFormUiControlBase implements RdxFormCheck
     readonly checkedState: _angular_core.Signal<boolean>;
     /** @ignore */
     protected readonly isDisabled: _angular_core.Signal<boolean>;
+    private readonly nativeInput;
+    private readonly nativeInputOwnsValue;
     /** @ignore */
     readonly invalidState: _angular_core.Signal<boolean>;
     /** @ignore */
@@ -95,8 +106,10 @@ declare class RdxSwitchRoot extends RdxFormUiControlBase implements RdxFormCheck
     markAsTouched(): void;
     /** @ignore Toggles the checked state unless disabled or read-only. */
     toggle(event?: Event): void;
+    /** @ignore Register the optional native checkbox so it owns checked-value serialization. */
+    registerNativeInput(input: HTMLInputElement): () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSwitchRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSwitchRoot, "button[rdxSwitchRoot]", ["rdxSwitchRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "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; }; "submitValue": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof i1.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSwitchRoot, "button[rdxSwitchRoot]", ["rdxSwitchRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "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; }; "submitValue": { "alias": "value"; "required": false; "isSignal": true; }; "uncheckedValue": { "alias": "uncheckedValue"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof i1.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
 }
 
 /**
@@ -119,12 +132,15 @@ interface RdxSwitchContext {
     readonly readonly: Signal<boolean>;
     /** Whether the switch must be on to submit the owning form. */
     readonly required: Signal<boolean>;
-    /** Name of the hidden form input. */
+    /** Native form field name. */
     readonly name: Signal<string | undefined>;
+    /** Optional id of an external owning form. */
+    readonly form: Signal<string | undefined>;
     /** Value submitted with the form when the switch is on. */
     readonly value: Signal<string>;
     readonly ariaLabel: Signal<string | undefined>;
     readonly ariaLabelledBy: Signal<string | undefined>;
+    registerNativeInput(input: HTMLInputElement): () => void;
     markAsTouched(): void;
 }
 declare const injectSwitchContext: i1.InjectContext<RdxSwitchContext>;

package/types/radix-ng-primitives-toggle-group.d.ts

@@ -49,6 +49,10 @@ declare abstract class RdxToggleGroupBase extends RdxFormUiControlBase implement
     readonly value: _angular_core.ModelSignal<string[] | undefined>;
     /** The values pressed when the group is initially rendered (uncontrolled). */
     readonly defaultValue: _angular_core.InputSignal<string[] | undefined>;
+    /** Native form field name. Pressed 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 multiple items can be pressed at the same time.
      *
@@ -94,7 +98,7 @@ declare abstract class RdxToggleGroupBase extends RdxFormUiControlBase implement
     /** @ignore */
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToggleGroupBase, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToggleGroupBase, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToggleGroupBase, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, never>;
 }
 
 /**