@radix-ng/primitives 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Headless, signals-first UI primitives for Angular.",
   "license": "MIT",
   "publishConfig": {
@@ -19,7 +19,7 @@
     "headless"
   ],
   "peerDependencies": {
-    "@angular/core": "^21.0.0",
+    "@angular/core": "^21.0.0 || ^22.0.0",
     "@floating-ui/dom": "^1.7.6",
     "@internationalized/date": "^3.12.2",
     "@internationalized/number": "^3.6.7"

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

@@ -175,6 +175,7 @@ declare class RdxAccordionPanelDirective {
 declare class RdxAccordionTriggerDirective {
     protected readonly rootContext: _radix_ng_primitives_accordion.AccordionRootContext;
     protected readonly itemContext: _radix_ng_primitives_accordion.AccordionItemContext;
+    protected readonly collapsibleContext: i1$1.CollapsibleRootContext;
     constructor();
     changeItem(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionTriggerDirective, never>;

package/types/radix-ng-primitives-aspect-ratio.d.ts

@@ -1,35 +1,22 @@
-import * as _angular_core from '@angular/core';
-import { AfterViewInit } from '@angular/core';
+import * as i0 from '@angular/core';
 import { NumberInput } from '@radix-ng/primitives/core';
 
 /**
- * Directive to maintain an aspect ratio for an element.
- * The element will have its `padding-bottom` dynamically calculated
- * based on the provided aspect ratio to maintain the desired ratio.
- * The content inside the element will be positioned absolutely.
+ * Maintains a fixed aspect ratio for its content using the native CSS `aspect-ratio` property.
+ * Place the content inside (e.g. an `<img class="size-full object-cover">`) and it fills the box.
+ *
  * @group Components
  */
-declare class RdxAspectRatioDirective implements AfterViewInit {
-    private readonly element;
-    private readonly renderer;
+declare class RdxAspectRatioDirective {
     /**
-     * The desired aspect ratio (e.g., 16/9).
-     * By default, it is set to 1 (which results in a square, 1:1).
+     * The desired aspect ratio (e.g. `16 / 9`). Defaults to `1` (a square, 1:1).
+     *
      * @group Props
      * @defaultValue 1
      */
-    readonly ratio: _angular_core.InputSignalWithTransform<number, NumberInput>;
-    /**
-     * Dynamically computed `padding-bottom` style for the element.
-     * This value is calculated based on the inverse of the aspect ratio.
-     *
-     * If the ratio is zero, it defaults to `0%` to avoid division by zero.
-     *
-     */
-    protected readonly paddingBottom: _angular_core.Signal<string>;
-    ngAfterViewInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxAspectRatioDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxAspectRatioDirective, "[rdxAspectRatio]", ["rdxAspectRatio"], { "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    readonly ratio: i0.InputSignalWithTransform<number, NumberInput>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAspectRatioDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAspectRatioDirective, "[rdxAspectRatio]", ["rdxAspectRatio"], { "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { RdxAspectRatioDirective };

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

@@ -3,7 +3,7 @@ import * as _radix_ng_primitives_combobox from '@radix-ng/primitives/combobox';
 import { RdxComboboxOpenChange, ComboboxItemHighlightedDetails, ComboboxInputLayout, ComboboxItemRef, RdxComboboxOpenChangeReason, ComboboxHighlightReason } from '@radix-ng/primitives/combobox';
 export { ComboboxHighlightReason as AutocompleteHighlightReason, ComboboxItemHighlightedDetails as AutocompleteItemHighlightedDetails } from '@radix-ng/primitives/combobox';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { AcceptableValue, RdxFloatingRootContext, Direction, BooleanInput, ItemValueComparator } from '@radix-ng/primitives/core';
+import { AcceptableValue, RdxCancelableChangeEventDetails, RdxFloatingRootContext, Direction, BooleanInput, ItemValueComparator } from '@radix-ng/primitives/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i1 from '@radix-ng/primitives/popper';
 import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
@@ -45,6 +45,8 @@ interface AutocompleteValueChangeDetails {
     value: string;
     /** What caused the change (e.g. skip `'item-press'` to avoid overwriting an external value). */
     reason: AutocompleteChangeReason;
+    /** Cancelable details — call `eventDetails.cancel()` to veto the change. */
+    eventDetails: RdxCancelableChangeEventDetails<AutocompleteChangeReason>;
 }
 
 /**

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

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

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

@@ -1,8 +1,8 @@
-import * as _radix_ng_primitives_types_radix_ng_primitives_core from '@radix-ng/primitives/types/radix-ng-primitives-core';
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
+import * as _radix_ng_primitives_checkbox from '@radix-ng/primitives/checkbox';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { BooleanInput, RdxCancelableChangeEventDetails, RdxFormCheckboxControl } from '@radix-ng/primitives/core';
+import { RdxCancelableChangeEventDetails, RdxFormCheckboxControl, BooleanInput } from '@radix-ng/primitives/core';
 import { ControlValueAccessor } from '@angular/forms';
 
 /**
@@ -12,20 +12,7 @@ import { ControlValueAccessor } from '@angular/forms';
  * In forms, it stops the button's click from bubbling so only the hidden input emits the native event used for form/validator integration.
  */
 declare class RdxCheckboxButtonDirective {
-    protected readonly rootContext: {
-        checked: _angular_core.Signal<boolean>;
-        indeterminate: _angular_core.Signal<boolean>;
-        disabled: _angular_core.Signal<boolean>;
-        required: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
-        value: _angular_core.InputSignal<string>;
-        name: _angular_core.InputSignal<string | undefined>;
-        parent: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
-        form: _angular_core.InputSignal<string | undefined>;
-        readonly: _angular_core.Signal<boolean>;
-        state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        uncheckedValue: _angular_core.InputSignal<string | undefined>;
-        toggle(event?: Event): void;
-    };
+    protected readonly rootContext: _radix_ng_primitives_checkbox.CheckboxRootContext;
     private readonly group;
     private readonly elementRef;
     /** A `parent` checkbox lists the ids of the children it controls. */
@@ -51,49 +38,22 @@ interface RdxCheckboxCheckedChangeEvent {
     checked: boolean;
     eventDetails: RdxCheckboxCheckedChangeEventDetails;
 }
-declare const rootContext: () => {
-    checked: _angular_core.Signal<boolean>;
-    indeterminate: _angular_core.Signal<boolean>;
-    disabled: _angular_core.Signal<boolean>;
-    required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    value: _angular_core.InputSignal<string>;
-    name: _angular_core.InputSignal<string | undefined>;
-    parent: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    form: _angular_core.InputSignal<string | undefined>;
-    readonly: _angular_core.Signal<boolean>;
-    state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    uncheckedValue: _angular_core.InputSignal<string | undefined>;
-    toggle(event?: Event): void;
-};
-type CheckboxRootContext = ReturnType<typeof rootContext>;
-declare const injectCheckboxRootContext: _radix_ng_primitives_core.InjectContext<{
-    checked: _angular_core.Signal<boolean>;
-    indeterminate: _angular_core.Signal<boolean>;
-    disabled: _angular_core.Signal<boolean>;
-    required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    value: _angular_core.InputSignal<string>;
-    name: _angular_core.InputSignal<string | undefined>;
-    parent: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    form: _angular_core.InputSignal<string | undefined>;
-    readonly: _angular_core.Signal<boolean>;
-    state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    uncheckedValue: _angular_core.InputSignal<string | undefined>;
-    toggle(event?: Event): void;
-}>;
-declare const provideCheckboxRootContext: (useFactory: () => {
-    checked: _angular_core.Signal<boolean>;
-    indeterminate: _angular_core.Signal<boolean>;
-    disabled: _angular_core.Signal<boolean>;
-    required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    value: _angular_core.InputSignal<string>;
-    name: _angular_core.InputSignal<string | undefined>;
-    parent: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    form: _angular_core.InputSignal<string | undefined>;
-    readonly: _angular_core.Signal<boolean>;
-    state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    uncheckedValue: _angular_core.InputSignal<string | undefined>;
-    toggle(event?: Event): void;
-}) => _angular_core.Provider;
+interface CheckboxRootContext {
+    checked: Signal<boolean>;
+    indeterminate: Signal<boolean>;
+    disabled: Signal<boolean>;
+    required: Signal<boolean>;
+    value: Signal<string>;
+    name: Signal<string | undefined>;
+    parent: Signal<boolean>;
+    form: Signal<string | undefined>;
+    readonly: Signal<boolean>;
+    state: Signal<'indeterminate' | 'checked' | 'unchecked'>;
+    uncheckedValue: Signal<string | undefined>;
+    toggle: (event?: Event) => void;
+}
+declare const injectCheckboxRootContext: _radix_ng_primitives_core.InjectContext<CheckboxRootContext>;
+declare const provideCheckboxRootContext: (useFactory: () => CheckboxRootContext) => _angular_core.Provider;
 /**
  * @group Components
  */
@@ -104,12 +64,6 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
     private uncheckedInputElement;
     /** The group this checkbox belongs to, if it is rendered inside a `rdxCheckboxGroup`. */
     private readonly group;
-    /**
-     * @ignore
-     * Reflects the effective disabled state (CVA, covering reactive-forms `.disable()`, plus the
-     * group's disabled state), used for the `data-disabled` host attribute.
-     */
-    protected readonly isDisabled: _angular_core.Signal<boolean>;
     /**
      * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
      *
@@ -195,17 +149,17 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
      * group (a `parent` checkbox is checked only when every child is; a child from whether its `name`
      * is in the group value); standalone it reads the CVA value.
      */
-    readonly checkedState: _angular_core.Signal<boolean>;
+    readonly checkedState: Signal<boolean>;
     /**
      * @ignore
      * The effective mixed state. A `parent` checkbox is indeterminate when some — but not all —
      * children are checked; otherwise it follows the `indeterminate` input.
      */
-    readonly indeterminateState: _angular_core.Signal<boolean>;
+    readonly indeterminateState: Signal<boolean>;
     /** @ignore The effective disabled state, including the group. */
-    readonly disabledState: _angular_core.Signal<boolean>;
-    readonly readOnlyState: _angular_core.Signal<boolean>;
-    readonly state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
+    readonly disabledState: Signal<boolean>;
+    readonly readOnlyState: Signal<boolean>;
+    readonly state: Signal<"indeterminate" | "checked" | "unchecked">;
     constructor();
     toggle(event?: Event): void;
     private syncUncheckedInput;
@@ -323,20 +277,7 @@ declare class RdxCheckboxGroupDirective implements ControlValueAccessor {
 }
 
 declare class RdxCheckboxIndicatorDirective {
-    protected readonly rootContext: {
-        checked: _angular_core.Signal<boolean>;
-        indeterminate: _angular_core.Signal<boolean>;
-        disabled: _angular_core.Signal<boolean>;
-        required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-        value: _angular_core.InputSignal<string>;
-        name: _angular_core.InputSignal<string | undefined>;
-        parent: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-        form: _angular_core.InputSignal<string | undefined>;
-        readonly: _angular_core.Signal<boolean>;
-        state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        uncheckedValue: _angular_core.InputSignal<string | undefined>;
-        toggle(event?: Event): void;
-    };
+    protected readonly rootContext: _radix_ng_primitives_checkbox.CheckboxRootContext;
     /** Keep the indicator in the DOM when unchecked so CSS exit animations can play. */
     readonly keepMounted: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     protected readonly isVisible: _angular_core.Signal<boolean>;
@@ -345,20 +286,7 @@ declare class RdxCheckboxIndicatorDirective {
 }
 
 declare class RdxCheckboxInputDirective {
-    protected readonly rootContext: {
-        checked: _angular_core.Signal<boolean>;
-        indeterminate: _angular_core.Signal<boolean>;
-        disabled: _angular_core.Signal<boolean>;
-        required: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
-        value: _angular_core.InputSignal<string>;
-        name: _angular_core.InputSignal<string | undefined>;
-        parent: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
-        form: _angular_core.InputSignal<string | undefined>;
-        readonly: _angular_core.Signal<boolean>;
-        state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        uncheckedValue: _angular_core.InputSignal<string | undefined>;
-        toggle(event?: Event): void;
-    };
+    protected readonly rootContext: _radix_ng_primitives_checkbox.CheckboxRootContext;
     private readonly input;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxInputDirective, never>;

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

@@ -3,7 +3,7 @@ import { Signal, Injector } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/popper';
 import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { AcceptableValue, RdxFloatingRootContext, Direction, BooleanInput, ItemValueComparator, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';
+import { AcceptableValue, RdxCancelableChangeEventDetails, RdxFloatingRootContext, Direction, BooleanInput, ItemValueComparator } from '@radix-ng/primitives/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _radix_ng_primitives_combobox from '@radix-ng/primitives/combobox';
 import * as i1$1 from '@radix-ng/primitives/dismissable-layer';
@@ -196,6 +196,20 @@ interface RdxComboboxOpenChange {
     trigger: HTMLElement | undefined;
     eventDetails: RdxComboboxOpenChangeEventDetails;
 }
+/** Why the selected value changed (Base UI value-change `reason`). */
+type RdxComboboxValueChangeReason = 'item-press' | 'clear-press' | 'chip-remove-press' | 'input-clear' | 'none';
+type RdxComboboxValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxComboboxValueChangeReason>;
+/** Payload of {@link RdxComboboxRoot.onValueChange} — cancelable via `eventDetails.cancel()`. */
+interface RdxComboboxValueChange {
+    value: ComboboxValue | null;
+    reason: RdxComboboxValueChangeReason;
+    eventDetails: RdxComboboxValueChangeEventDetails;
+}
+/** Payload of {@link RdxComboboxRoot.onInputValueChange} — cancelable via `eventDetails.cancel()`. */
+interface RdxComboboxInputValueChange {
+    value: string;
+    eventDetails: RdxComboboxValueChangeEventDetails;
+}
 
 declare const context: () => {
     listId: string;
@@ -516,10 +530,10 @@ declare class RdxComboboxRoot implements ControlValueAccessor {
     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>;
-    /** Emits when the selection changes. */
-    readonly onValueChange: _angular_core.OutputEmitterRef<ComboboxValue>;
-    /** Emits when the input text changes. */
-    readonly onInputValueChange: _angular_core.OutputEmitterRef<string>;
+    /** 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. */
+    readonly onInputValueChange: _angular_core.OutputEmitterRef<RdxComboboxInputValueChange>;
     /** Emits when the popup opens or closes. */
     readonly onOpenChange: _angular_core.OutputEmitterRef<RdxComboboxOpenChange>;
     /**
@@ -576,9 +590,12 @@ declare class RdxComboboxRoot implements ControlValueAccessor {
     isSelected(value: AcceptableValue): boolean;
     setOpen(open: boolean, reason?: RdxComboboxOpenChangeReason, event?: Event): boolean;
     closePopup(revert?: boolean, reason?: RdxComboboxOpenChangeReason, event?: Event): void;
-    /** Updates the input text from user typing (marks the query as a fresh user query). */
-    setInputValue(value: string): void;
-    /** Sets the input text programmatically (a selection label / revert) — not a user query. */
+    /** Updates the input text from user typing (marks the query as a fresh user query). Cancelable. */
+    setInputValue(value: string, event?: Event): void;
+    /**
+     * Sets the input text programmatically (a selection label / revert) — not a user query. Emits
+     * `onInputValueChange` for observability but is not vetoable (it is a derived sync, not a user edit).
+     */
     private setLabel;
     /** Resets the input text to the current selection's label (single mode) or empty. */
     private revertInputValue;
@@ -938,6 +955,8 @@ declare class RdxComboboxTrigger {
         markAsTouched: () => void;
     };
     private readonly element;
+    /** Whether the trigger is currently pressed (pointer down), for Base UI's `data-pressed`. */
+    protected readonly pressed: _angular_core.WritableSignal<boolean>;
     constructor();
     onPointerDown(event: PointerEvent): void;
     onClick(event: MouseEvent): void;
@@ -1696,4 +1715,4 @@ declare class RdxComboboxModule {
 }
 
 export { RdxComboboxAnchor, RdxComboboxArrow, RdxComboboxBackdrop, RdxComboboxChip, RdxComboboxChipRemove, RdxComboboxChips, RdxComboboxClear, RdxComboboxEmpty, RdxComboboxGroup, RdxComboboxGroupLabel, RdxComboboxIcon, RdxComboboxInput, RdxComboboxInputGroup, RdxComboboxItem, RdxComboboxItemIndicator, RdxComboboxLabel, RdxComboboxList, RdxComboboxModule, RdxComboboxPopup, RdxComboboxPortal, RdxComboboxPortalMisuseGuard, RdxComboboxPositioner, RdxComboboxRoot, RdxComboboxRow, RdxComboboxSeparator, RdxComboboxStatus, RdxComboboxTrigger, RdxComboboxValue, _importsCombobox, injectComboboxChipContext, injectComboboxGroupContext, injectComboboxItemContext, injectComboboxRootContext, provideComboboxChipContext, provideComboboxGroupContext, provideComboboxItemContext, provideComboboxRootContext, useComboboxEngine };
-export type { ComboboxFilter, ComboboxHighlightReason, ComboboxInputLayout, ComboboxItemHighlightedDetails, ComboboxItemRef, ComboboxValue, RdxComboboxChipContext, RdxComboboxGroupContext, RdxComboboxItemContext, RdxComboboxOpenChange, RdxComboboxOpenChangeEventDetails, RdxComboboxOpenChangeReason, RdxComboboxRootContext };
+export type { ComboboxFilter, ComboboxHighlightReason, ComboboxInputLayout, ComboboxItemHighlightedDetails, ComboboxItemRef, ComboboxValue, RdxComboboxChipContext, RdxComboboxGroupContext, RdxComboboxInputValueChange, RdxComboboxItemContext, RdxComboboxOpenChange, RdxComboboxOpenChangeEventDetails, RdxComboboxOpenChangeReason, RdxComboboxRootContext, RdxComboboxValueChange, RdxComboboxValueChangeEventDetails, RdxComboboxValueChangeReason };

package/types/radix-ng-primitives-context-menu.d.ts

@@ -57,6 +57,8 @@ declare class RdxContextMenuTrigger {
     readonly disabled: i0.InputSignalWithTransform<boolean, BooleanInput>;
     /** How long (ms) a touch must be held before the menu opens. */
     readonly longPressDelay: i0.InputSignalWithTransform<number, NumberInput>;
+    /** Whether the trigger is mid-press (Base UI `data-pressed`). */
+    protected readonly pressed: i0.WritableSignal<boolean>;
     private longPressTimer;
     private allowMouseUpTimer;
     private longPressOrigin;

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

@@ -112,6 +112,8 @@ interface RdxDialogRootContext {
     /** Whether this dialog is nested in another; constant, fixed at construction. */
     nested: boolean;
     nestedDialogOpen: Signal<boolean>;
+    /** Number of currently-open dialogs nested directly inside this one (Base UI `--nested-dialogs`). */
+    nestedOpenCount: Signal<number>;
     setTitleId: (id: string | undefined) => void;
     setDescriptionId: (id: string | undefined) => void;
     registerTransitionElement: (element: HTMLElement) => () => void;
@@ -160,13 +162,14 @@ declare class RdxDialogRoot {
      */
     readonly modal: _angular_core.InputSignalWithTransform<RdxDialogModal, BooleanInput>;
     /**
-     * Determines whether the dialog should close on outside clicks.
+     * Determines whether the dialog should close on outside clicks. For a non-modal dialog this also
+     * prevents the dialog from closing when focus moves outside of it.
      */
     readonly disablePointerDismissal: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /**
      * Associates this root with detached trigger elements rendered outside of it.
      */
-    readonly handle: _angular_core.InputSignal<RdxDialogHandle<any> | undefined>;
+    readonly handle: _angular_core.InputSignal<RdxDialogHandle<unknown> | undefined>;
     /**
      * Event handler called when the dialog is opened or closed.
      */
@@ -227,7 +230,7 @@ declare class RdxDialogTrigger {
     /**
      * Associates this trigger with a detached dialog root.
      */
-    readonly handle: _angular_core.InputSignal<RdxDialogHandle<any> | undefined>;
+    readonly handle: _angular_core.InputSignal<RdxDialogHandle<unknown> | undefined>;
     /**
      * Data associated with this trigger while it is active.
      */