@radix-ng/primitives 1.0.10 → 1.1.0

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

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Signal, ElementRef, InjectionToken, OutputRef, WritableSignal } from '@angular/core';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { AcceptableValue, RdxCancelableChangeEventDetails, RdxFormUiControlBase, RdxFormValueControl, RdxFloatingRootContext, Direction, ItemValueComparator, RdxTransitionStatus, RdxFormUiStateContext } from '@radix-ng/primitives/core';
+import { AcceptableValue, RdxCancelableChangeEventDetails, RdxFormUiControlBase, RdxFormValueControl, RdxFloatingRootContext, Direction, ItemValueComparator, RdxTransitionStatus, RdxFormUiTouchTarget, RdxFormUiStateContext } from '@radix-ng/primitives/core';
 import * as _radix_ng_primitives_select from '@radix-ng/primitives/select';
 import * as i1 from '@radix-ng/primitives/composite';
 import { RdxCompositeItemRegistration } from '@radix-ng/primitives/composite';
@@ -11,6 +11,7 @@ import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
 import * as i2 from '@radix-ng/primitives/floating-focus-manager';
 import { RdxInteractionType } from '@radix-ng/primitives/floating-focus-manager';
 import * as _radix_ng_primitives_types_radix_ng_primitives_core from '@radix-ng/primitives/types/radix-ng-primitives-core';
+import { ControlValueAccessor } from '@angular/forms';
 import * as i1$2 from '@radix-ng/primitives/portal';
 
 declare class RdxSelectGroupLabel {
@@ -365,7 +366,7 @@ interface RdxSelectRootContext extends RdxFormUiStateContext {
 }
 declare const injectSelectRootContext: _radix_ng_primitives_core.InjectContext<RdxSelectRootContext>;
 declare const provideSelectRootContext: (useFactory: () => RdxSelectRootContext) => _angular_core.Provider;
-declare class RdxSelectRoot extends RdxFormUiControlBase implements RdxFormValueControl<AcceptableValue | AcceptableValue[] | undefined> {
+declare class RdxSelectRoot extends RdxFormUiControlBase implements ControlValueAccessor, RdxFormValueControl<AcceptableValue | AcceptableValue[] | undefined> {
     readonly contentId: string;
     readonly open: _angular_core.ModelSignal<boolean>;
     /** Whether the current open was initiated by **touch** (ADR 0016 §3 — gates the anchored scroll lock). */
@@ -385,6 +386,8 @@ declare class RdxSelectRoot extends RdxFormUiControlBase implements RdxFormValue
     readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly cvaDisabled;
+    readonly disabledState: Signal<boolean>;
     /** When `true`, the value cannot be changed by the user (the popup can still be opened to view it). */
     readonly readOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Marks the control as required — reflected on the trigger as `aria-required` / `data-required`. */
@@ -423,6 +426,18 @@ declare class RdxSelectRoot extends RdxFormUiControlBase implements RdxFormValue
     getOption(value: SelectOption['value']): SelectOption | undefined;
     setValue(value: AcceptableValue | undefined, reason?: RdxSelectValueChangeReason, event?: Event): boolean;
     setOpen(open: boolean, reason?: RdxSelectOpenChangeReason, event?: Event): boolean;
+    /** @ignore Bridge the CVA touched callback into the shared Signal Forms UI-state path. */
+    protected formUiTouchTarget(): RdxFormUiTouchTarget;
+    /** @ignore Write a form-owned value without emitting a user change. */
+    writeValue(value: AcceptableValue | AcceptableValue[] | undefined): void;
+    /** @ignore Register the Reactive Forms / ngModel value callback. */
+    registerOnChange(fn: (value: AcceptableValue | AcceptableValue[] | undefined) => void): void;
+    /** @ignore Register the Reactive Forms / ngModel touched callback. */
+    registerOnTouched(fn: () => void): void;
+    /** @ignore Merge form-owned disabled state with the public disabled input. */
+    setDisabledState(isDisabled: boolean): void;
+    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: {}; }]>;
 }
@@ -474,7 +489,6 @@ declare class RdxSelectTrigger {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly triggerInteraction: i2.RdxTriggerInteraction;
-    protected readonly invalidState: _angular_core.Signal<boolean>;
     /**
      * Tri-state *displayed* validity: when inside a `rdxFieldRoot` the field's gated `validState` is the
      * single source (so the field's `validationMode` keeps the trigger neutral until revealed), otherwise

package/types/radix-ng-primitives-signal-forms.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { FieldTree } from '@angular/forms/signals';
+import { BooleanInput } from '@radix-ng/primitives/core';
 
 /**
  * Bridges an Angular **Signal Forms** field into an enclosing `rdxFieldRoot` — with **no duplicate
@@ -16,9 +17,9 @@ import { FieldTree } from '@angular/forms/signals';
  *
  * It owns no model and runs no validation — Signal Forms remains the source of truth. It only registers
  * an {@link RdxFieldState} provider on the ancestor Field context so the field's `invalid` / `disabled` /
- * `required` / `dirty` / `touched` data-attributes and the error *content* (`rdxFieldError.messages()`)
- * read authoritative Signal Forms state. `filled` / `focused` stay on Field's DOM heuristic (partial
- * ownership — the seam supports it).
+ * `required` / `dirty` / `touched` data-attributes, tri-state pending validity, and the error *content*
+ * (`rdxFieldError.messages()`) read authoritative Signal Forms state. `filled` / `focused` stay on
+ * Field's DOM heuristic (partial ownership — the seam supports it).
  *
  * It reports the **actual** Signal Forms state only; the `Field` decides *when* to display it from its
  * `validationMode` (default `'onBlur'` — neutral until the field is touched or the form submitted). So an
@@ -51,9 +52,13 @@ declare class RdxSignalField {
  *
  * Registers an {@link RdxFormState} provider so the Form's aggregate `data-invalid` / `data-dirty` /
  * `data-touched` / `data-submitting` attributes and the submit guard read authoritative Signal Forms
- * state. This adapter owns only client-side state and `name`-routing; server errors stay a separate
- * eager channel applied through `rdxFormRoot[errors]`, and Signal Forms' own `submit()` owns the
- * submit lifecycle.
+ * state. By default this adapter owns only client-side state and `name`-routing; server errors stay a
+ * separate eager channel applied through `rdxFormRoot[errors]`. Add `rdxSignalSubmit` to delegate native
+ * submission to Signal Forms' own `submit()` lifecycle instead of `rdxFormRoot.onFormSubmit`:
+ *
+ * ```html
+ * <form rdxFormRoot [rdxSignalForm]="loginForm" rdxSignalSubmit>…</form>
+ * ```
  *
  * `errorsFor(name)` routes a field's errors to a `rdxFieldRoot` by its `name`, walking the `FieldTree`
  * so dotted paths into nested object/array fields resolve too (`address.street`, `items.0.name`). A
@@ -62,13 +67,22 @@ declare class RdxSignalField {
  * a field carries both, `rdxFieldError.messages()` deduplicates by text so the shared message is not
  * shown twice.
  *
- * See ADR 0018.
+ * See ADR 0018 and ADR 0020.
  *
  * @group Components
  */
 declare class RdxSignalForm {
     /** The Signal Forms root field (from `form(...)`) whose aggregate state drives the enclosing Form. */
     readonly form: i0.InputSignal<FieldTree<unknown>>;
+    /**
+     * Delegate native submission to Angular Signal Forms' `submit()` lifecycle. Opt-in so adding the
+     * state adapter to an existing 1.x form cannot silently replace its `(onFormSubmit)` side effects.
+     * The bound `form()` must define `submission.action`; Angular reports a descriptive error otherwise.
+     *
+     * @group Props
+     * @defaultValue false
+     */
+    readonly signalSubmit: i0.InputSignalWithTransform<boolean, BooleanInput>;
     private readonly formContext;
     constructor();
     /**
@@ -84,7 +98,7 @@ declare class RdxSignalForm {
     /** The current Signal Forms root field state (a `FieldTree` is callable). */
     private state;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSignalForm, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSignalForm, "form[rdxFormRoot][rdxSignalForm]", ["rdxSignalForm"], { "form": { "alias": "rdxSignalForm"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSignalForm, "form[rdxFormRoot][rdxSignalForm]", ["rdxSignalForm"], { "form": { "alias": "rdxSignalForm"; "required": true; "isSignal": true; }; "signalSubmit": { "alias": "rdxSignalSubmit"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare const _importsSignalForms: (typeof RdxSignalField | typeof RdxSignalForm)[];

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

@@ -4,11 +4,12 @@ import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { RdxFormUiControlBase, RdxFormValueControl, TimeValue, HourCycle, Granularity, Direction, BooleanInput, DateStep, Formatter, SegmentValueObj, SegmentPart } from '@radix-ng/primitives/core';
 import * as _internationalized_date from '@internationalized/date';
 
-declare class RdxTimeFieldRootDirective extends RdxFormUiControlBase implements RdxFormValueControl<TimeValue | undefined> {
+declare class RdxTimeFieldRootDirective extends RdxFormUiControlBase implements RdxFormValueControl<TimeValue | null> {
     /**
-     * The controlled checked state of the calendar.
+     * The controlled time value. `null` represents an empty field and keeps the value addressable as
+     * an Angular Signal Forms child field (`undefined` denotes an absent optional path).
      */
-    readonly value: _angular_core.ModelSignal<TimeValue | undefined>;
+    readonly value: _angular_core.ModelSignal<TimeValue | null>;
     /**
      * The hour cycle to use for formatting times. Defaults to the locale preference
      */
@@ -89,7 +90,7 @@ declare class RdxTimeFieldRootDirective extends RdxFormUiControlBase implements
     readonly inferredGranularity: Signal<Granularity>;
     readonly convertedMinValue: Signal<_internationalized_date.CalendarDateTime | _internationalized_date.ZonedDateTime | undefined>;
     readonly convertedMaxValue: Signal<_internationalized_date.CalendarDateTime | _internationalized_date.ZonedDateTime | undefined>;
-    readonly convertedModelValue: _angular_core.WritableSignal<TimeValue | undefined>;
+    readonly convertedModelValue: _angular_core.WritableSignal<TimeValue | null>;
     readonly convertedPlaceholder: _angular_core.WritableSignal<TimeValue>;
     /**
      * The per-segment values. Writable so segment editing (via `useDateField`) can
@@ -121,6 +122,8 @@ declare class RdxTimeFieldRootDirective extends RdxFormUiControlBase implements
     private readonly userInteracted;
     /** @ignore Mark the field touched (model + `touch` output) for Signal Forms. Called on segment blur. */
     markAsTouched(): void;
+    /** Reset segment interaction so the form-owned value write remains pristine. */
+    reset(): void;
     /**
      * @ignore
      */
@@ -228,7 +231,7 @@ declare class RdxTimeFieldInputDirective {
 
 interface TimeFieldContextToken {
     locale: InputSignal<string>;
-    value: ModelSignal<TimeValue | undefined>;
+    value: ModelSignal<TimeValue | null>;
     /** The controlled placeholder; may be `undefined`. Use `convertedPlaceholder` for segment math. */
     placeholder: Signal<TimeValue | undefined>;
     isInvalid: Signal<boolean>;
@@ -243,7 +246,7 @@ interface TimeFieldContextToken {
     segmentValues: WritableSignal<SegmentValueObj>;
     focusNext: () => void;
     setFocusedElement: (el: HTMLElement) => void;
-    convertedModelValue: WritableSignal<TimeValue | undefined>;
+    convertedModelValue: WritableSignal<TimeValue | null>;
     convertedPlaceholder: WritableSignal<TimeValue>;
     step$: Signal<DateStep>;
 }

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

@@ -231,7 +231,7 @@ declare class RdxTooltip {
 declare class RdxTooltipArrow {
     protected readonly rootContext: _radix_ng_primitives_tooltip.RdxTooltipContext;
     private readonly wrapper;
-    protected readonly side: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
+    protected readonly side: _angular_core.Signal<i1$1.SideOrLogical | undefined>;
     protected readonly align: _angular_core.Signal<"start" | "center" | "end" | undefined>;
     protected readonly uncentered: _angular_core.Signal<boolean>;
     protected readonly isVisuallyHidden: boolean;
@@ -245,7 +245,7 @@ declare class RdxTooltipArrow {
 declare class RdxTooltipPopup {
     protected readonly rootContext: _radix_ng_primitives_tooltip.RdxTooltipContext;
     private readonly wrapper;
-    protected readonly side: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
+    protected readonly side: _angular_core.Signal<i1$1.SideOrLogical | undefined>;
     protected readonly align: _angular_core.Signal<"start" | "center" | "end" | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipPopup, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipPopup, "[rdxTooltipPopup]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }]>;