@radix-ng/primitives 1.0.0-beta.4 → 1.0.1

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

@@ -3,7 +3,7 @@ import { Signal } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/presence';
 import * as _radix_ng_primitives_types_radix_ng_primitives_core from '@radix-ng/primitives/types/radix-ng-primitives-core';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { BooleanInput, RdxFormCheckboxControl } from '@radix-ng/primitives/core';
+import { BooleanInput, RdxCancelableChangeEventDetails, RdxFormCheckboxControl } from '@radix-ng/primitives/core';
 import { ControlValueAccessor } from '@angular/forms';
 
 declare class RdxCheckboxIndicatorPresenceDirective {
@@ -23,7 +23,7 @@ declare class RdxCheckboxInputDirective {
         form: _angular_core.InputSignal<string | undefined>;
         readonly: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
         state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        toggle(): void;
+        toggle(event?: Event): void;
     };
     private readonly input;
     constructor();
@@ -40,6 +40,12 @@ declare class RdxCheckboxInputDirective {
 type CheckedState = boolean | 'indeterminate';
 declare function isIndeterminate(checked?: CheckedState): checked is 'indeterminate';
 declare function getState(checked: CheckedState): "indeterminate" | "checked" | "unchecked";
+type RdxCheckboxCheckedChangeReason = 'trigger-press' | 'none';
+type RdxCheckboxCheckedChangeEventDetails = RdxCancelableChangeEventDetails<RdxCheckboxCheckedChangeReason>;
+interface RdxCheckboxCheckedChangeEvent {
+    checked: boolean;
+    eventDetails: RdxCheckboxCheckedChangeEventDetails;
+}
 declare const rootContext: () => {
     checked: _angular_core.Signal<boolean>;
     indeterminate: _angular_core.Signal<boolean>;
@@ -51,7 +57,7 @@ declare const rootContext: () => {
     form: _angular_core.InputSignal<string | undefined>;
     readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    toggle(): void;
+    toggle(event?: Event): void;
 };
 type CheckboxRootContext = ReturnType<typeof rootContext>;
 declare const injectCheckboxRootContext: _radix_ng_primitives_core.InjectContext<{
@@ -65,7 +71,7 @@ declare const injectCheckboxRootContext: _radix_ng_primitives_core.InjectContext
     form: _angular_core.InputSignal<string | undefined>;
     readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    toggle(): void;
+    toggle(event?: Event): void;
 }>;
 declare const provideCheckboxRootContext: (useFactory: () => {
     checked: _angular_core.Signal<boolean>;
@@ -78,7 +84,7 @@ declare const provideCheckboxRootContext: (useFactory: () => {
     form: _angular_core.InputSignal<string | undefined>;
     readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    toggle(): void;
+    toggle(event?: Event): void;
 }) => _angular_core.Provider;
 /**
  * @group Components
@@ -156,7 +162,7 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
      * Event emitted when the checkbox checked state changes.
      * @group Emits
      */
-    readonly onCheckedChange: _angular_core.OutputRef<any>;
+    readonly onCheckedChange: _angular_core.OutputEmitterRef<RdxCheckboxCheckedChangeEvent>;
     /**
      * @ignore
      * The effective checked state as a `boolean`. Inside a `rdxCheckboxGroup` it is derived from the
@@ -174,7 +180,7 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
     readonly disabledState: _angular_core.Signal<boolean>;
     readonly state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
     constructor();
-    toggle(): void;
+    toggle(event?: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxRootDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxRootDirective, "[rdxCheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "submitValue": { "alias": "value"; "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; }; "parent": { "alias": "parent"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof _radix_ng_primitives_core.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
 }
@@ -197,7 +203,7 @@ declare class RdxCheckboxButtonDirective {
         form: _angular_core.InputSignal<string | undefined>;
         readonly: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
         state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        toggle(): void;
+        toggle(event?: Event): void;
     };
     private readonly group;
     private readonly elementRef;
@@ -221,12 +227,18 @@ declare class RdxCheckboxIndicatorDirective {
         form: _angular_core.InputSignal<string | undefined>;
         readonly: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
         state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        toggle(): void;
+        toggle(event?: Event): void;
     };
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxIndicatorDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxIndicatorDirective, "[rdxCheckboxIndicator]", never, {}, {}, never, never, true, never>;
 }
 
+type RdxCheckboxGroupValueChangeReason = 'child-press' | 'parent-press' | 'none';
+type RdxCheckboxGroupValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxCheckboxGroupValueChangeReason>;
+interface RdxCheckboxGroupValueChangeEvent {
+    value: string[];
+    eventDetails: RdxCheckboxGroupValueChangeEventDetails;
+}
 interface RdxCheckboxGroupContext {
     /** The names of the currently checked checkboxes. */
     value: Signal<string[]>;
@@ -241,9 +253,9 @@ interface RdxCheckboxGroupContext {
     /** 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) => void;
+    toggleValue: (name: string, event?: Event) => void;
     /** Toggle every child on or off (used by a `parent` checkbox). */
-    toggleAll: () => void;
+    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 control element id so the parent can reference it via `aria-controls`. */
@@ -267,7 +279,7 @@ declare class RdxCheckboxGroupDirective implements ControlValueAccessor {
     /** Whether the whole group is disabled. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /** Emits the new array of checked names whenever the value changes. */
-    readonly onValueChange: _angular_core.OutputEmitterRef<string[]>;
+    readonly onValueChange: _angular_core.OutputEmitterRef<RdxCheckboxGroupValueChangeEvent>;
     private readonly disabledByCva;
     readonly disabledState: Signal<boolean>;
     /** Derived state for a `parent` checkbox: `true` (all), `false` (none) or `'indeterminate'`. */
@@ -299,7 +311,7 @@ declare class RdxCheckboxGroupDirective implements ControlValueAccessor {
     /** @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): void;
+    toggleValue(name: string, event?: Event): void;
     /**
      * Toggle from the `parent` checkbox. Mirrors Base UI's `useCheckboxGroupParent`:
      *
@@ -309,7 +321,7 @@ declare class RdxCheckboxGroupDirective implements ControlValueAccessor {
      *
      * Disabled-but-checked children are always preserved (they cannot be toggled programmatically).
      */
-    toggleAll(): void;
+    toggleAll(event?: Event): void;
     private isNameDisabled;
     /** Seed the remembered selection from the current value the first time the parent is used. */
     private ensureSeeded;
@@ -334,4 +346,4 @@ declare class RdxCheckboxModule {
 }
 
 export { RdxCheckboxButtonDirective, RdxCheckboxGroupDirective, RdxCheckboxIndicatorDirective, RdxCheckboxIndicatorPresenceDirective, RdxCheckboxInputDirective, RdxCheckboxModule, RdxCheckboxRootDirective, checkboxImports, getState, injectCheckboxGroupContext, injectCheckboxRootContext, isIndeterminate, provideCheckboxGroupContext, provideCheckboxRootContext };
-export type { CheckboxRootContext, CheckedState, RdxCheckboxGroupContext };
+export type { CheckboxRootContext, CheckedState, RdxCheckboxCheckedChangeEvent, RdxCheckboxCheckedChangeEventDetails, RdxCheckboxCheckedChangeReason, RdxCheckboxGroupContext, RdxCheckboxGroupValueChangeEvent, RdxCheckboxGroupValueChangeEventDetails, RdxCheckboxGroupValueChangeReason };

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

@@ -0,0 +1,152 @@
+import * as _angular_core from '@angular/core';
+import { Signal, ElementRef } from '@angular/core';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
+import { Direction, BooleanInput } from '@radix-ng/primitives/core';
+
+type RdxCompositeOrientation = 'horizontal' | 'vertical' | 'both';
+type RdxCompositeModifierKey = 'Shift' | 'Control' | 'Alt' | 'Meta';
+type RdxCompositeItemMetadata = Record<string, unknown>;
+interface RdxCompositeItemRegistration<Metadata extends RdxCompositeItemMetadata = RdxCompositeItemMetadata> {
+    element: HTMLElement;
+    metadata: Signal<Metadata | null | undefined>;
+}
+type RdxCompositeMetadata<Metadata extends RdxCompositeItemMetadata = RdxCompositeItemMetadata> = {
+    index: number;
+} & Metadata;
+interface RdxCompositeRootContext {
+    rootElement: HTMLElement;
+    highlightedIndex: Signal<number>;
+    highlightItemOnHover: Signal<boolean>;
+    orientation: Signal<RdxCompositeOrientation>;
+    dir: Signal<Direction>;
+    registerItem: <Metadata extends RdxCompositeItemMetadata>(item: RdxCompositeItemRegistration<Metadata>) => () => void;
+    indexOf: (element: HTMLElement) => number;
+    isIndexDisabled: (index: number) => boolean;
+    setHighlightedIndex: (index: number, shouldScrollIntoView?: boolean) => void;
+    relayKeyboardEvent: (event: KeyboardEvent) => void;
+}
+
+/**
+ * Internal Base UI-style composite item. Registers itself with the nearest composite root and
+ * receives the roving `tabindex` from the root's highlighted index.
+ */
+declare class RdxCompositeItem {
+    private readonly rootContext;
+    private readonly elementRef;
+    /** Arbitrary metadata included in the root's ordered item map. */
+    readonly metadataInput: _angular_core.InputSignal<RdxCompositeItemMetadata | null | undefined>;
+    private readonly _metadata;
+    readonly index: _angular_core.Signal<number>;
+    private readonly inRootElement;
+    protected readonly highlighted: _angular_core.Signal<boolean>;
+    protected readonly tabIndex: _angular_core.Signal<-1 | 0 | null>;
+    constructor();
+    setMetadata(value: RdxCompositeItemMetadata | null | undefined): void;
+    protected handleFocus(): void;
+    protected handleMouseMove(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCompositeItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCompositeItem, "[rdxCompositeItem]", ["rdxCompositeItem"], { "metadataInput": { "alias": "metadata"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const injectRdxCompositeRootContext: _radix_ng_primitives_core.InjectContext<RdxCompositeRootContext>;
+declare const provideRdxCompositeRootContext: (useFactory: () => RdxCompositeRootContext) => _angular_core.Provider;
+/**
+ * Internal Base UI-style composite root for roving index and arrow-key navigation.
+ */
+declare class RdxCompositeRoot {
+    readonly elementRef: ElementRef<HTMLElement>;
+    private readonly registeredItems;
+    private hasSetInitialIndex;
+    /** The composite orientation. */
+    readonly orientationInput: _angular_core.InputSignal<RdxCompositeOrientation>;
+    private readonly _orientation;
+    readonly orientation: _angular_core.Signal<RdxCompositeOrientation>;
+    /** Text direction for horizontal arrow-key navigation. */
+    readonly dirInput: _angular_core.InputSignal<Direction | undefined>;
+    private readonly effectiveDir;
+    private readonly _dir;
+    readonly dir: _angular_core.Signal<Direction>;
+    /** Whether arrow-key navigation wraps at the first/last item. */
+    readonly loopFocusInput: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    private readonly _loopFocus;
+    readonly loopFocus: _angular_core.Signal<boolean>;
+    /** Enables Home and End keys. */
+    readonly enableHomeAndEndKeysInput: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    private readonly _enableHomeAndEndKeys;
+    readonly enableHomeAndEndKeys: _angular_core.Signal<boolean>;
+    /** Indices that are skipped by keyboard navigation. */
+    readonly disabledIndicesInput: _angular_core.InputSignal<readonly number[] | undefined>;
+    private readonly _disabledIndices;
+    readonly disabledIndices: _angular_core.Signal<readonly number[] | undefined>;
+    /** Modifier keys that should not block composite navigation. */
+    readonly modifierKeysInput: _angular_core.InputSignal<readonly RdxCompositeModifierKey[]>;
+    private readonly _modifierKeys;
+    readonly modifierKeys: _angular_core.Signal<readonly RdxCompositeModifierKey[]>;
+    /** Whether hovering an item should focus it. */
+    readonly highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Whether handled navigation keys stop propagation. */
+    readonly stopEventPropagation: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /** The currently highlighted item index. */
+    readonly highlightedIndex: _angular_core.ModelSignal<number>;
+    /** Emits when this root changes the highlighted index. */
+    readonly onHighlightedIndexChange: _angular_core.OutputEmitterRef<number>;
+    /** Emits when the ordered item map changes. */
+    readonly onMapChange: _angular_core.OutputEmitterRef<Map<HTMLElement, RdxCompositeMetadata>>;
+    readonly items: _angular_core.Signal<RdxCompositeItemRegistration<RdxCompositeItemMetadata>[]>;
+    readonly itemMap: _angular_core.Signal<Map<HTMLElement, RdxCompositeMetadata>>;
+    constructor();
+    registerItem<Metadata extends RdxCompositeItemMetadata>(item: RdxCompositeItemRegistration<Metadata>): () => void;
+    indexOf(element: HTMLElement): number;
+    setOrientation(value: RdxCompositeOrientation): void;
+    setLoopFocus(value: boolean): void;
+    setDir(value: Direction): void;
+    setEnableHomeAndEndKeys(value: boolean): void;
+    setDisabledIndices(value: readonly number[] | undefined): void;
+    setModifierKeys(value: readonly RdxCompositeModifierKey[]): void;
+    isIndexDisabled(index: number): boolean;
+    setHighlightedIndex(index: number, shouldScrollIntoView?: boolean): void;
+    relayKeyboardEvent(event: KeyboardEvent): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private handleCompositeKeydown;
+    private getNextIndex;
+    private elements;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCompositeRoot, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCompositeRoot, "[rdxCompositeRoot]", ["rdxCompositeRoot"], { "orientationInput": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loopFocusInput": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "enableHomeAndEndKeysInput": { "alias": "enableHomeAndEndKeys"; "required": false; "isSignal": true; }; "disabledIndicesInput": { "alias": "disabledIndices"; "required": false; "isSignal": true; }; "modifierKeysInput": { "alias": "modifierKeys"; "required": false; "isSignal": true; }; "highlightItemOnHover": { "alias": "highlightItemOnHover"; "required": false; "isSignal": true; }; "stopEventPropagation": { "alias": "stopEventPropagation"; "required": false; "isSignal": true; }; "highlightedIndex": { "alias": "highlightedIndex"; "required": false; "isSignal": true; }; }, { "highlightedIndex": "highlightedIndexChange"; "onHighlightedIndexChange": "onHighlightedIndexChange"; "onMapChange": "onMapChange"; }, never, never, true, never>;
+}
+
+declare const ACTIVE_COMPOSITE_ITEM = "data-composite-item-active";
+declare const ARROW_KEYS: Set<string>;
+declare const COMPOSITE_KEYS: Set<string>;
+declare const MODIFIER_KEYS: RdxCompositeModifierKey[];
+declare function sortByDocumentPosition<T extends {
+    element: HTMLElement;
+}>(items: readonly T[]): T[];
+declare function isModifierKeySet(event: KeyboardEvent, allowedModifierKeys: readonly RdxCompositeModifierKey[]): boolean;
+declare function isNativeTextInput(target: EventTarget | null): target is HTMLInputElement | HTMLTextAreaElement;
+declare function getCompositeNavigationKeys(orientation: RdxCompositeOrientation, dir: Direction): {
+    forwardKeys: string[];
+    backwardKeys: string[];
+};
+declare function shouldKeepNativeTextInputBehavior(event: KeyboardEvent, target: HTMLInputElement | HTMLTextAreaElement, orientation: RdxCompositeOrientation, dir: Direction): boolean;
+declare function isIndexOutOfListBounds<T>(list: readonly T[], index: number): boolean;
+declare function getMinListIndex(list: readonly HTMLElement[], disabledIndices?: readonly number[]): number;
+declare function getMaxListIndex(list: readonly HTMLElement[], disabledIndices?: readonly number[]): number;
+declare function findNonDisabledListIndex(list: readonly HTMLElement[], options?: {
+    startingIndex?: number;
+    decrement?: boolean;
+    disabledIndices?: readonly number[];
+}): number;
+declare function isListIndexDisabled(list: readonly HTMLElement[], index: number, disabledIndices?: readonly number[]): boolean;
+declare function isElementDisabled(element: HTMLElement | null): boolean;
+declare function isElementVisible(element: HTMLElement | null): boolean;
+declare function scrollIntoViewIfNeeded(scrollContainer: HTMLElement | null, element: HTMLElement | null, direction: Direction, orientation: RdxCompositeOrientation): void;
+
+declare const compositeImports: (typeof RdxCompositeRoot | typeof RdxCompositeItem)[];
+declare class RdxCompositeModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCompositeModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxCompositeModule, never, [typeof RdxCompositeRoot, typeof RdxCompositeItem], [typeof RdxCompositeRoot, typeof RdxCompositeItem]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxCompositeModule>;
+}
+
+export { ACTIVE_COMPOSITE_ITEM, ARROW_KEYS, COMPOSITE_KEYS, MODIFIER_KEYS, RdxCompositeItem, RdxCompositeModule, RdxCompositeRoot, compositeImports, findNonDisabledListIndex, getCompositeNavigationKeys, getMaxListIndex, getMinListIndex, injectRdxCompositeRootContext, isElementDisabled, isElementVisible, isIndexOutOfListBounds, isListIndexDisabled, isModifierKeySet, isNativeTextInput, provideRdxCompositeRootContext, scrollIntoViewIfNeeded, shouldKeepNativeTextInputBehavior, sortByDocumentPosition };
+export type { RdxCompositeItemMetadata, RdxCompositeItemRegistration, RdxCompositeMetadata, RdxCompositeModifierKey, RdxCompositeOrientation, RdxCompositeRootContext };

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

@@ -865,6 +865,8 @@ interface RdxCancelableChangeEventDetails<Reason extends string = string> {
     trigger: HTMLElement | undefined;
     cancel: () => void;
     isCanceled: () => boolean;
+    allowPropagation: () => void;
+    readonly isPropagationAllowed: boolean;
     preventUnmountOnClose: () => void;
 }
 interface RdxCancelableChangeEventTransaction<Reason extends string = string> {

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

@@ -4,9 +4,10 @@ import * as i1 from '@radix-ng/primitives/portal';
 import { RdxPortalContainer } from '@radix-ng/primitives/portal';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { RdxTransitionStatus, BooleanInput, RdxCancelableChangeEventDetails, RdxFloatingRootContext } from '@radix-ng/primitives/core';
+import * as _radix_ng_primitives_floating_focus_manager from '@radix-ng/primitives/floating-focus-manager';
+import { RdxInteractionType } from '@radix-ng/primitives/floating-focus-manager';
 import * as _radix_ng_primitives_dialog from '@radix-ng/primitives/dialog';
 import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer';
-import * as i2 from '@radix-ng/primitives/floating-focus-manager';
 
 /**
  * Structural directive that teleports the dialog content (backdrop + popup) into a container (default
@@ -106,6 +107,8 @@ interface RdxDialogRootContext {
     trigger: Signal<HTMLElement | undefined>;
     triggers: Signal<HTMLElement[]>;
     payload: Signal<unknown>;
+    openInteractionType: Signal<RdxInteractionType>;
+    closeInteractionType: Signal<RdxInteractionType>;
     /** Whether this dialog is nested in another; constant, fixed at construction. */
     nested: boolean;
     nestedDialogOpen: Signal<boolean>;
@@ -113,6 +116,7 @@ interface RdxDialogRootContext {
     setDescriptionId: (id: string | undefined) => void;
     registerTransitionElement: (element: HTMLElement) => () => void;
     registerTrigger: (id: string, trigger: HTMLElement, payload: () => unknown) => () => void;
+    setTriggerOpenInteractionType: (type: RdxInteractionType) => void;
     open: (trigger?: HTMLElement, payload?: unknown, triggerId?: string, reason?: RdxDialogOpenChangeReason, event?: Event) => void;
     close: (reason?: RdxDialogOpenChangeReason, event?: Event) => void;
     toggle: (triggerId: string, trigger: HTMLElement, payload?: unknown, event?: Event) => void;
@@ -178,7 +182,10 @@ declare class RdxDialogRoot {
     readonly triggers: _angular_core.WritableSignal<HTMLElement[]>;
     readonly payload: _angular_core.WritableSignal<unknown>;
     readonly nestedOpenCount: _angular_core.WritableSignal<number>;
+    readonly openInteractionType: _angular_core.WritableSignal<RdxInteractionType>;
+    readonly closeInteractionType: _angular_core.WritableSignal<RdxInteractionType>;
     private readonly preventUnmountOnClose;
+    private readonly pendingTriggerOpenInteractionType;
     readonly present: Signal<boolean>;
     /** Whether this dialog is rendered inside another dialog. Fixed at construction. */
     readonly nested: boolean;
@@ -199,12 +206,14 @@ declare class RdxDialogRoot {
     show(trigger?: HTMLElement | undefined, payload?: unknown, triggerId?: string, reason?: RdxDialogOpenChangeReason, event?: Event): void;
     close(reason?: RdxDialogOpenChangeReason, event?: Event): void;
     toggle(triggerId: string, trigger: HTMLElement, payload?: unknown, event?: Event): void;
+    setTriggerOpenInteractionType(type: RdxInteractionType): void;
     registerTrigger(id: string, trigger: HTMLElement, payload: () => unknown): () => void;
     /** Increments the nested-open counter and returns a release callback that decrements it. */
     openNestedChild(): () => void;
     private syncTriggerId;
     private createOpenChangeEvent;
     private emitOpenChangeComplete;
+    private consumeOpenInteractionType;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxDialogRoot, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogRoot, "[rdxDialogRoot]", ["rdxDialogRoot"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "triggerId": { "alias": "triggerId"; "required": false; "isSignal": true; }; "defaultTriggerId": { "alias": "defaultTriggerId"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "disablePointerDismissal": { "alias": "disablePointerDismissal"; "required": false; "isSignal": true; }; "handle": { "alias": "handle"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "triggerId": "triggerIdChange"; "onOpenChange": "onOpenChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, never>;
 }
@@ -235,8 +244,10 @@ declare class RdxDialogTrigger {
     protected readonly triggerId: _angular_core.Signal<string>;
     protected readonly rootContext: _angular_core.Signal<_radix_ng_primitives_dialog.RdxDialogRootContext | null>;
     protected readonly isOpen: _angular_core.Signal<boolean>;
+    protected readonly triggerInteraction: _radix_ng_primitives_floating_focus_manager.RdxTriggerInteraction;
     constructor();
     protected handleClick(event: MouseEvent): void;
+    protected handlePointerDown(event: PointerEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxDialogTrigger, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogTrigger, "button[rdxDialogTrigger]", ["rdxDialogTrigger"], { "handle": { "alias": "handle"; "required": false; "isSignal": true; }; "payload": { "alias": "payload"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -331,7 +342,7 @@ declare class RdxDialogPopup {
      */
     protected onKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxDialogPopup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogPopup, "[rdxDialogPopup]", ["rdxDialogPopup"], {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }, never, never, true, [{ directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }, { directive: typeof i2.RdxFloatingFocusManager; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogPopup, "[rdxDialogPopup]", ["rdxDialogPopup"], {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }, never, never, true, [{ directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_floating_focus_manager.RdxFloatingFocusManager; inputs: {}; outputs: {}; }]>;
 }
 
 /**

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

@@ -198,6 +198,8 @@ interface RdxDrawerRootContext {
     frontmostHeight: Signal<number>;
     /** Reports the popup's measured size (px) so the provider can expose it. */
     reportPopupHeight: (height: number) => void;
+    /** Whether the drawer is currently open. */
+    open: Signal<boolean>;
 }
 declare const injectRdxDrawerRootContext: _radix_ng_primitives_core.InjectContext<RdxDrawerRootContext>;
 declare const provideRdxDrawerRootContext: (useFactory: () => RdxDrawerRootContext) => i0.Provider;
@@ -334,6 +336,42 @@ declare class RdxDrawerViewport {
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerViewport, "[rdxDrawerViewport]", ["rdxDrawerViewport"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogViewport; inputs: {}; outputs: {}; }]>;
 }
 
+/**
+ * Provides mobile virtual-keyboard handling for bottom-sheet drawers with form fields.
+ *
+ * Put it on the drawer viewport that contains the popup. The directive writes
+ * `--drawer-keyboard-inset` to the host, keeps the focused keyboard input visible when
+ * `visualViewport` shrinks, adds temporary scroll slack to the nearest drawer scroller, and uses
+ * synchronous tap-to-focus on touch devices so iOS opens the software keyboard reliably.
+ */
+declare class RdxDrawerVirtualKeyboardProvider {
+    private readonly drawerContext;
+    private readonly elementRef;
+    private readonly destroyRef;
+    private readonly element;
+    private pendingKeyboardFocusMoved;
+    private keyboardTouchStart;
+    private focusedKeyboardTarget;
+    private keyboardScrollAdjustment;
+    private keyboardFocusFrame;
+    constructor();
+    protected onTouchStart(event: TouchEvent): void;
+    protected onTouchMove(event: TouchEvent): void;
+    protected onTouchEnd(event: TouchEvent): void;
+    protected resetTouchTrackingState(): void;
+    private captureFocusedKeyboardTarget;
+    private alignFocusedKeyboardTarget;
+    private scheduleKeyboardFocusAlignment;
+    private cancelKeyboardFocusFrame;
+    private clearFocusedKeyboardTarget;
+    private setDrawerKeyboardInset;
+    private resetDrawerKeyboardInset;
+    private setKeyboardScrollSlack;
+    private restoreKeyboardScrollAdjustment;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerVirtualKeyboardProvider, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerVirtualKeyboardProvider, "[rdxDrawerVirtualKeyboardProvider]", ["rdxDrawerVirtualKeyboardProvider"], {}, {}, never, never, true, never>;
+}
+
 /**
  * A container for the drawer contents.
  *
@@ -445,9 +483,9 @@ declare function createRdxDrawerHandle<Payload = unknown>(): RdxDrawerHandle<Pay
 declare const drawerImports: (typeof RdxDrawerProviderDirective)[];
 declare class RdxDrawerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxDrawerModule, never, [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortal, typeof RdxDrawerPortalMisuseGuard, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground], [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortal, typeof RdxDrawerPortalMisuseGuard, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxDrawerModule, never, [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortal, typeof RdxDrawerPortalMisuseGuard, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerVirtualKeyboardProvider, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground], [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortal, typeof RdxDrawerPortalMisuseGuard, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerVirtualKeyboardProvider, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RdxDrawerModule>;
 }
 
-export { RdxDrawerBackdrop, RdxDrawerClose, RdxDrawerContent, RdxDrawerDescription, RdxDrawerHandle, RdxDrawerIndent, RdxDrawerIndentBackground, RdxDrawerModule, RdxDrawerPopup, RdxDrawerPortal, RdxDrawerPortalMisuseGuard, RdxDrawerProvider, RdxDrawerProviderDirective, RdxDrawerRoot, RdxDrawerSwipeArea, RdxDrawerTitle, RdxDrawerTrigger, RdxDrawerViewport, buildSnapEntries, createRdxDrawerHandle, dismissUnitVector, drawerImports, injectRdxDrawerRootContext, provideRdxDrawerProvider, provideRdxDrawerRootContext, resolveSnapTarget, snapPointReveal, useDrawerSwipe };
+export { RdxDrawerBackdrop, RdxDrawerClose, RdxDrawerContent, RdxDrawerDescription, RdxDrawerHandle, RdxDrawerIndent, RdxDrawerIndentBackground, RdxDrawerModule, RdxDrawerPopup, RdxDrawerPortal, RdxDrawerPortalMisuseGuard, RdxDrawerProvider, RdxDrawerProviderDirective, RdxDrawerRoot, RdxDrawerSwipeArea, RdxDrawerTitle, RdxDrawerTrigger, RdxDrawerViewport, RdxDrawerVirtualKeyboardProvider, buildSnapEntries, createRdxDrawerHandle, dismissUnitVector, drawerImports, injectRdxDrawerRootContext, provideRdxDrawerProvider, provideRdxDrawerRootContext, resolveSnapTarget, snapPointReveal, useDrawerSwipe };
 export type { RdxDrawerRegistration, RdxDrawerRelease, RdxDrawerRootContext, RdxDrawerSnapEntry, RdxDrawerSnapPoint, RdxDrawerSnapResolveOptions, RdxDrawerSnapTarget, RdxDrawerSwipeConfig, RdxDrawerSwipeDirection };

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

@@ -1,12 +1,18 @@
 import * as _angular_core from '@angular/core';
 import { Signal, WritableSignal } from '@angular/core';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { BooleanInput, NumberInput } from '@radix-ng/primitives/core';
+import { BooleanInput, NumberInput, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';
 import * as i1 from '@radix-ng/primitives/dismissable-layer';
 import * as _radix_ng_primitives_editable from '@radix-ng/primitives/editable';
 
 type EditableActivationMode = 'focus' | 'dblclick' | 'none';
 type EditableSubmitMode = 'blur' | 'enter' | 'none' | 'both';
+type RdxEditableValueChangeReason = 'submit' | 'none';
+type RdxEditableValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxEditableValueChangeReason>;
+interface RdxEditableValueChangeEvent {
+    value: string;
+    eventDetails: RdxEditableValueChangeEventDetails;
+}
 type EditableRootContext = {
     disabled: Signal<boolean>;
     value: Signal<string | undefined>;
@@ -20,7 +26,7 @@ type EditableRootContext = {
     activationMode: Signal<EditableActivationMode>;
     edit: () => void;
     cancel: () => void;
-    submit: () => void;
+    submit: (event?: Event) => void;
     maxLength: Signal<number | undefined>;
     required: Signal<boolean>;
     startWithEditMode: Signal<boolean>;
@@ -57,7 +63,7 @@ declare class RdxEditableRoot {
     readonly autoResize: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     readonly required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /** Emitted when the value is committed (on submit). */
-    readonly onValueChange: _angular_core.OutputEmitterRef<string>;
+    readonly onValueChange: _angular_core.OutputEmitterRef<RdxEditableValueChangeEvent>;
     readonly isEmpty: Signal<boolean>;
     readonly $placeholder: Signal<{
         edit: string;
@@ -75,7 +81,7 @@ declare class RdxEditableRoot {
     constructor();
     canActivateOnFocus(): boolean;
     handleDismiss(): void;
-    submit(): void;
+    submit(event?: Event): void;
     cancel(): void;
     edit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxEditableRoot, never>;
@@ -144,4 +150,4 @@ declare class RdxEditableModule {
 }
 
 export { RdxEditableArea, RdxEditableCancelTrigger, RdxEditableEditTrigger, RdxEditableInput, RdxEditableModule, RdxEditablePreview, RdxEditableRoot, RdxEditableSubmitTrigger, injectEditableRootContext, provideEditableRootContext };
-export type { EditableActivationMode, EditableRootContext, EditableSubmitMode };
+export type { EditableActivationMode, EditableRootContext, EditableSubmitMode, RdxEditableValueChangeEvent, RdxEditableValueChangeEventDetails, RdxEditableValueChangeReason };