@radix-ng/primitives 1.0.6 → 1.0.7

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

@@ -1,4 +1,5 @@
-import * as _angular_core from '@angular/core';
+import * as i0 from '@angular/core';
+import { Signal } from '@angular/core';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import * as _radix_ng_primitives_progress from '@radix-ng/primitives/progress';
 
@@ -10,46 +11,23 @@ interface ProgressProps {
     max?: number;
     valueLabel?: ProgressValueFormatter;
 }
-declare const progressRootContext: () => {
-    labelId: _angular_core.InputSignal<string>;
-    valueId: _angular_core.InputSignal<string>;
-    minState: _angular_core.Signal<number>;
-    maxState: _angular_core.Signal<number>;
-    valueState: _angular_core.Signal<number | null>;
-    percentageState: _angular_core.Signal<number | null>;
-    valueLabelState: _angular_core.Signal<string | undefined>;
-    progressState: _angular_core.Signal<ProgressState>;
-    completeState: _angular_core.Signal<boolean>;
-    progressingState: _angular_core.Signal<boolean>;
-    indeterminateState: _angular_core.Signal<boolean>;
-};
-type RdxProgressRootContext = ReturnType<typeof progressRootContext>;
-declare const injectProgressRootContext: _radix_ng_primitives_core.InjectContext<{
-    labelId: _angular_core.InputSignal<string>;
-    valueId: _angular_core.InputSignal<string>;
-    minState: _angular_core.Signal<number>;
-    maxState: _angular_core.Signal<number>;
-    valueState: _angular_core.Signal<number | null>;
-    percentageState: _angular_core.Signal<number | null>;
-    valueLabelState: _angular_core.Signal<string | undefined>;
-    progressState: _angular_core.Signal<ProgressState>;
-    completeState: _angular_core.Signal<boolean>;
-    progressingState: _angular_core.Signal<boolean>;
-    indeterminateState: _angular_core.Signal<boolean>;
-}>;
-declare const provideProgressRootContext: (useFactory: () => {
-    labelId: _angular_core.InputSignal<string>;
-    valueId: _angular_core.InputSignal<string>;
-    minState: _angular_core.Signal<number>;
-    maxState: _angular_core.Signal<number>;
-    valueState: _angular_core.Signal<number | null>;
-    percentageState: _angular_core.Signal<number | null>;
-    valueLabelState: _angular_core.Signal<string | undefined>;
-    progressState: _angular_core.Signal<ProgressState>;
-    completeState: _angular_core.Signal<boolean>;
-    progressingState: _angular_core.Signal<boolean>;
-    indeterminateState: _angular_core.Signal<boolean>;
-}) => _angular_core.Provider;
+interface RdxProgressRootContext {
+    labelId: Signal<string>;
+    valueId: Signal<string>;
+    minState: Signal<number>;
+    maxState: Signal<number>;
+    valueState: Signal<number | null>;
+    percentageState: Signal<number | null>;
+    valueLabelState: Signal<string | undefined>;
+    progressState: Signal<ProgressState>;
+    completeState: Signal<boolean>;
+    progressingState: Signal<boolean>;
+    indeterminateState: Signal<boolean>;
+    /** A Label part registers its presence; returns its unregister callback. */
+    registerLabel: () => () => void;
+}
+declare const injectProgressRootContext: _radix_ng_primitives_core.InjectContext<RdxProgressRootContext>;
+declare const provideProgressRootContext: (useFactory: () => RdxProgressRootContext) => i0.Provider;
 /**
  * Provides progress state and accessibility attributes.
  *
@@ -62,43 +40,50 @@ declare class RdxProgressRootDirective {
      * @group Props
      * @defaultValue null
      */
-    readonly value: _angular_core.InputSignalWithTransform<number | null, number | null>;
+    readonly value: i0.InputSignalWithTransform<number | null, number | null>;
     /**
      * Minimum progress value.
      *
      * @group Props
      * @defaultValue 0
      */
-    readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly min: i0.InputSignalWithTransform<number, unknown>;
     /**
      * Maximum progress value.
      *
      * @group Props
      * @defaultValue 100
      */
-    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly max: i0.InputSignalWithTransform<number, unknown>;
     /**
      * Formats the current value for assistive technologies and `rdxProgressValue`.
      *
      * @group Props
      */
-    readonly valueLabel: _angular_core.InputSignal<ProgressValueFormatter>;
-    readonly labelId: _angular_core.InputSignal<string>;
-    readonly valueId: _angular_core.InputSignal<string>;
-    readonly minState: _angular_core.Signal<number>;
-    readonly maxState: _angular_core.Signal<number>;
-    readonly valueState: _angular_core.Signal<number | null>;
-    readonly percentageState: _angular_core.Signal<number | null>;
-    readonly valueLabelState: _angular_core.Signal<string | undefined>;
-    readonly progressState: _angular_core.Signal<ProgressState>;
-    readonly completeState: _angular_core.Signal<boolean>;
-    readonly progressingState: _angular_core.Signal<boolean>;
-    readonly indeterminateState: _angular_core.Signal<boolean>;
+    readonly valueLabel: i0.InputSignal<ProgressValueFormatter>;
+    readonly labelId: i0.InputSignal<string>;
+    readonly valueId: i0.InputSignal<string>;
+    readonly minState: Signal<number>;
+    readonly maxState: Signal<number>;
+    readonly valueState: Signal<number | null>;
+    readonly percentageState: Signal<number | null>;
+    readonly valueLabelState: Signal<string | undefined>;
+    /** `aria-valuetext`: the formatted label, or an explicit "indeterminate progress" (Base UI parity). */
+    readonly ariaValueText: Signal<string | undefined>;
+    readonly progressState: Signal<ProgressState>;
+    readonly completeState: Signal<boolean>;
+    readonly progressingState: Signal<boolean>;
+    readonly indeterminateState: Signal<boolean>;
     protected readonly dataAttr: (value: boolean) => "" | undefined;
+    private readonly labelCount;
+    /** Whether at least one `rdxProgressLabel` is currently mounted. */
+    readonly hasLabel: Signal<boolean>;
+    /** @ignore Called by `rdxProgressLabel` on mount; returns its unregister callback. */
+    registerLabel(): () => void;
     private valueTransform;
     private defaultValueLabel;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxProgressRootDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxProgressRootDirective, "[rdxProgressRoot]", ["rdxProgressRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "labelId": { "alias": "labelId"; "required": false; "isSignal": true; }; "valueId": { "alias": "valueId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressRootDirective, "[rdxProgressRoot]", ["rdxProgressRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "labelId": { "alias": "labelId"; "required": false; "isSignal": true; }; "valueId": { "alias": "valueId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -107,22 +92,11 @@ declare class RdxProgressRootDirective {
  * @group Components
  */
 declare class RdxProgressLabelDirective {
-    protected readonly progress: {
-        labelId: _angular_core.InputSignal<string>;
-        valueId: _angular_core.InputSignal<string>;
-        minState: _angular_core.Signal<number>;
-        maxState: _angular_core.Signal<number>;
-        valueState: _angular_core.Signal<number | null>;
-        percentageState: _angular_core.Signal<number | null>;
-        valueLabelState: _angular_core.Signal<string | undefined>;
-        progressState: _angular_core.Signal<_radix_ng_primitives_progress.ProgressState>;
-        completeState: _angular_core.Signal<boolean>;
-        progressingState: _angular_core.Signal<boolean>;
-        indeterminateState: _angular_core.Signal<boolean>;
-    };
+    protected readonly progress: _radix_ng_primitives_progress.RdxProgressRootContext;
     protected readonly dataAttr: (value: boolean) => "" | undefined;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxProgressLabelDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxProgressLabelDirective, "[rdxProgressLabel]", ["rdxProgressLabel"], {}, {}, never, never, true, never>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressLabelDirective, "[rdxProgressLabel]", ["rdxProgressLabel"], {}, {}, never, never, true, never>;
 }
 
 /**
@@ -131,22 +105,10 @@ declare class RdxProgressLabelDirective {
  * @group Components
  */
 declare class RdxProgressValueDirective {
-    protected readonly progress: {
-        labelId: _angular_core.InputSignal<string>;
-        valueId: _angular_core.InputSignal<string>;
-        minState: _angular_core.Signal<number>;
-        maxState: _angular_core.Signal<number>;
-        valueState: _angular_core.Signal<number | null>;
-        percentageState: _angular_core.Signal<number | null>;
-        valueLabelState: _angular_core.Signal<string | undefined>;
-        progressState: _angular_core.Signal<_radix_ng_primitives_progress.ProgressState>;
-        completeState: _angular_core.Signal<boolean>;
-        progressingState: _angular_core.Signal<boolean>;
-        indeterminateState: _angular_core.Signal<boolean>;
-    };
+    protected readonly progress: _radix_ng_primitives_progress.RdxProgressRootContext;
     protected readonly dataAttr: (value: boolean) => "" | undefined;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxProgressValueDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxProgressValueDirective, "[rdxProgressValue]", ["rdxProgressValue"], {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressValueDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressValueDirective, "[rdxProgressValue]", ["rdxProgressValue"], {}, {}, never, never, true, never>;
 }
 
 /**
@@ -155,22 +117,10 @@ declare class RdxProgressValueDirective {
  * @group Components
  */
 declare class RdxProgressTrackDirective {
-    protected readonly progress: {
-        labelId: _angular_core.InputSignal<string>;
-        valueId: _angular_core.InputSignal<string>;
-        minState: _angular_core.Signal<number>;
-        maxState: _angular_core.Signal<number>;
-        valueState: _angular_core.Signal<number | null>;
-        percentageState: _angular_core.Signal<number | null>;
-        valueLabelState: _angular_core.Signal<string | undefined>;
-        progressState: _angular_core.Signal<_radix_ng_primitives_progress.ProgressState>;
-        completeState: _angular_core.Signal<boolean>;
-        progressingState: _angular_core.Signal<boolean>;
-        indeterminateState: _angular_core.Signal<boolean>;
-    };
+    protected readonly progress: _radix_ng_primitives_progress.RdxProgressRootContext;
     protected readonly dataAttr: (value: boolean) => "" | undefined;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxProgressTrackDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxProgressTrackDirective, "[rdxProgressTrack]", ["rdxProgressTrack"], {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressTrackDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressTrackDirective, "[rdxProgressTrack]", ["rdxProgressTrack"], {}, {}, never, never, true, never>;
 }
 
 /**
@@ -179,28 +129,16 @@ declare class RdxProgressTrackDirective {
  * @group Components
  */
 declare class RdxProgressIndicatorDirective {
-    protected readonly progress: {
-        labelId: _angular_core.InputSignal<string>;
-        valueId: _angular_core.InputSignal<string>;
-        minState: _angular_core.Signal<number>;
-        maxState: _angular_core.Signal<number>;
-        valueState: _angular_core.Signal<number | null>;
-        percentageState: _angular_core.Signal<number | null>;
-        valueLabelState: _angular_core.Signal<string | undefined>;
-        progressState: _angular_core.Signal<_radix_ng_primitives_progress.ProgressState>;
-        completeState: _angular_core.Signal<boolean>;
-        progressingState: _angular_core.Signal<boolean>;
-        indeterminateState: _angular_core.Signal<boolean>;
-    };
+    protected readonly progress: _radix_ng_primitives_progress.RdxProgressRootContext;
     protected readonly dataAttr: (value: boolean) => "" | undefined;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxProgressIndicatorDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxProgressIndicatorDirective, "[rdxProgressIndicator]", ["rdxProgressIndicator"], {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressIndicatorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressIndicatorDirective, "[rdxProgressIndicator]", ["rdxProgressIndicator"], {}, {}, never, never, true, never>;
 }
 
 declare class RdxProgressModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxProgressModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxProgressModule, never, [typeof RdxProgressRootDirective, typeof RdxProgressLabelDirective, typeof RdxProgressValueDirective, typeof RdxProgressTrackDirective, typeof RdxProgressIndicatorDirective], [typeof RdxProgressRootDirective, typeof RdxProgressLabelDirective, typeof RdxProgressValueDirective, typeof RdxProgressTrackDirective, typeof RdxProgressIndicatorDirective]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxProgressModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxProgressModule, never, [typeof RdxProgressRootDirective, typeof RdxProgressLabelDirective, typeof RdxProgressValueDirective, typeof RdxProgressTrackDirective, typeof RdxProgressIndicatorDirective], [typeof RdxProgressRootDirective, typeof RdxProgressLabelDirective, typeof RdxProgressValueDirective, typeof RdxProgressTrackDirective, typeof RdxProgressIndicatorDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdxProgressModule>;
 }
 
 export { RdxProgressIndicatorDirective, RdxProgressLabelDirective, RdxProgressModule, RdxProgressRootDirective, RdxProgressTrackDirective, RdxProgressValueDirective, injectProgressRootContext, provideProgressRootContext };

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

@@ -93,7 +93,6 @@ declare class RdxRadioGroupDirective implements ControlValueAccessor, RdxFormVal
     setDisabledState(isDisabled: boolean): void;
     setArrowNavigation(value: boolean): void;
     isArrowNavigation(): boolean;
-    protected onKeydown(): 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.

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

@@ -22,13 +22,6 @@ declare class RdxSeparatorRootDirective {
      */
     readonly orientation: _angular_core.InputSignal<Orientation>;
     protected readonly orientationState: _angular_core.WritableSignal<Orientation>;
-    /**
-     * Computes the `aria-orientation` attribute. It is set to "vertical" only when
-     * the separator orientation is vertical. Horizontal is the implicit ARIA default.
-     *
-     * @ignore
-     */
-    protected readonly computedAriaOrientation: _angular_core.Signal<"vertical" | undefined>;
     updateOrientation(value: Orientation): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSeparatorRootDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSeparatorRootDirective, "[rdxSeparatorRoot]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

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

@@ -18,8 +18,12 @@ interface RdxToggleGroupContext {
     readonly orientation: Signal<DataOrientation>;
     /** Whether the group value was initialized by `value` or `defaultValue`. */
     readonly isValueInitialized: Signal<boolean>;
-    /** Toggle the pressed state of `value` within the group. */
-    toggle(value: string, event?: Event, eventDetails?: RdxCancelableChangeEventDetails<RdxToggleGroupContextChangeReason>): void;
+    /**
+     * Set the pressed state of `value` within the group. The item computes the next pressed boolean
+     * (Base UI parity — the item is the source of truth), so the group applies it rather than
+     * re-deriving the toggle from its current value set.
+     */
+    toggle(value: string, nextPressed: boolean, event?: Event, eventDetails?: RdxCancelableChangeEventDetails<RdxToggleGroupContextChangeReason>): void;
 }
 declare const injectToggleGroupContext: _radix_ng_primitives_core.InjectContext<RdxToggleGroupContext>;
 declare const provideToggleGroupContext: (useFactory: () => RdxToggleGroupContext) => _angular_core.Provider;
@@ -78,7 +82,7 @@ declare abstract class RdxToggleGroupBase implements ControlValueAccessor {
     /** @ignore Extra disabled state inherited from composite parents such as Toolbar. */
     protected isExternallyDisabled(): boolean;
     /** @ignore */
-    toggle(value: string, event?: Event, eventDetails?: RdxToggleGroupValueChangeEventDetails): void;
+    toggle(value: string, nextPressed: boolean, event?: Event, eventDetails?: RdxToggleGroupValueChangeEventDetails): void;
     /** @ignore */
     writeValue(value: string[] | string | null): void;
     /** @ignore */

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

@@ -1,7 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { BooleanInput, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';
 import * as i1 from '@radix-ng/primitives/composite';
-import * as i1$1 from '@radix-ng/primitives/visually-hidden';
 
 type RdxTogglePressedChangeReason = 'none';
 type RdxTogglePressedChangeEventDetails = RdxCancelableChangeEventDetails<RdxTogglePressedChangeReason>;
@@ -57,16 +56,17 @@ declare class RdxToggle {
     constructor();
     /** @ignore */
     protected onClick(event?: Event): void;
-    /** @ignore */
+    /**
+     * @ignore
+     * Non-native hosts emulate a native `<button>` (Base UI `useButton`): Enter activates on keydown,
+     * Space is `preventDefault`-ed on keydown (to suppress page scroll) and activates on keyup.
+     */
     protected onKeyDown(event: KeyboardEvent): void;
+    /** @ignore Space activates on keyup for non-native hosts (native-button semantics). */
+    protected onKeyUp(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToggle, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToggle, "[rdxToggle]", ["rdxToggle"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultPressed": { "alias": "defaultPressed"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; }, { "pressed": "pressedChange"; "onPressedChange": "onPressedChange"; }, never, never, true, [{ directive: typeof i1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
-declare class RdxToggleVisuallyHiddenInputDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToggleVisuallyHiddenInputDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToggleVisuallyHiddenInputDirective, "input[rdxToggleVisuallyHiddenInput]", ["rdxToggleVisuallyHiddenInput"], {}, {}, never, never, true, [{ directive: typeof i1$1.RdxVisuallyHiddenInputBubbleDirective; inputs: { "name": "name"; "required": "required"; "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
-}
-
-export { RdxToggle, RdxToggleVisuallyHiddenInputDirective };
+export { RdxToggle };
 export type { RdxTogglePressedChangeEvent, RdxTogglePressedChangeEventDetails, RdxTogglePressedChangeReason };

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

@@ -94,6 +94,8 @@ declare class RdxToolbarInput {
     readonly isDisabled: _angular_core.Signal<boolean>;
     private appliedDefault;
     constructor();
+    /** @ignore Block pointer interaction while disabled (Base UI input `defaultProps`). */
+    protected onInteraction(event: Event): void;
     private handleCaretKeydown;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarInput, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarInput, "input[rdxToolbarInput]", ["rdxToolbarInput"], { "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusableWhenDisabled": { "alias": "focusableWhenDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;