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

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

@@ -2,9 +2,8 @@ import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/separator';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { DataOrientation, BooleanInput } from '@radix-ng/primitives/core';
-import * as i1$1 from '@radix-ng/primitives/roving-focus';
-import { Direction } from '@radix-ng/primitives/roving-focus';
+import { DataOrientation, Direction, BooleanInput } from '@radix-ng/primitives/core';
+import * as i1$1 from '@radix-ng/primitives/composite';
 import * as _radix_ng_primitives_toolbar from '@radix-ng/primitives/toolbar';
 
 /**
@@ -19,7 +18,7 @@ declare class RdxToolbarSeparator {
 
 /**
  * A container for grouping a set of controls, such as buttons, toggle groups or menus.
- * Owns roving keyboard focus over its items.
+ * Owns composite keyboard focus over its items.
  *
  * @see https://base-ui.com/react/components/toolbar
  */
@@ -32,7 +31,7 @@ declare class RdxToolbarRoot {
     readonly orientation: _angular_core.InputSignal<DataOrientation>;
     /** Text direction for arrow-key navigation. */
     readonly dirInput: _angular_core.InputSignal<Direction | undefined>;
-    readonly dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
+    readonly dir: _angular_core.Signal<Direction>;
     /**
      * Whether keyboard navigation should loop from the last item back to the first.
      *
@@ -45,10 +44,17 @@ declare class RdxToolbarRoot {
      * @default false
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    private readonly rovingFocusGroup;
+    private readonly compositeRoot;
+    private readonly itemMetadata;
+    private readonly disabledIndices;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarRoot, "[rdxToolbarRoot]", ["rdxToolbarRoot"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarRoot, "[rdxToolbarRoot]", ["rdxToolbarRoot"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeRoot; inputs: {}; outputs: {}; }]>;
+}
+interface RdxToolbarItemMetadata {
+    [key: string]: unknown;
+    disabled: boolean;
+    focusableWhenDisabled: boolean;
 }
 
 /**
@@ -59,7 +65,7 @@ declare class RdxToolbarRoot {
 declare class RdxToolbarButton {
     protected readonly rootContext: _radix_ng_primitives_toolbar.RdxToolbarRootContext;
     private readonly groupContext;
-    private readonly rovingItem;
+    private readonly compositeItem;
     /**
      * Whether the button is disabled.
      *
@@ -85,7 +91,7 @@ declare class RdxToolbarButton {
     /** @ignore */
     protected onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarButton, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarButton, "[rdxToolbarButton]", ["rdxToolbarButton"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusableWhenDisabled": { "alias": "focusableWhenDisabled"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarButton, "[rdxToolbarButton]", ["rdxToolbarButton"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusableWhenDisabled": { "alias": "focusableWhenDisabled"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -95,14 +101,16 @@ declare class RdxToolbarButton {
  */
 declare class RdxToolbarLink {
     protected readonly rootContext: _radix_ng_primitives_toolbar.RdxToolbarRootContext;
+    private readonly compositeItem;
+    constructor();
     /** @ignore Space activates a link, matching native button behavior in a toolbar. */
     protected onKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarLink, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarLink, "[rdxToolbarLink]", ["rdxToolbarLink"], {}, {}, never, never, true, [{ directive: typeof i1$1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarLink, "[rdxToolbarLink]", ["rdxToolbarLink"], {}, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
- * A native input within a toolbar. Participates in the toolbar's roving focus while keeping native
+ * A native input within a toolbar. Participates in the toolbar's composite focus while keeping native
  * text-editing: the arrow keys move the caret within the text and only move focus to the
  * neighbouring toolbar item once the caret is at the corresponding edge (Base UI "composite" input).
  *
@@ -111,7 +119,7 @@ declare class RdxToolbarLink {
 declare class RdxToolbarInput {
     protected readonly rootContext: _radix_ng_primitives_toolbar.RdxToolbarRootContext;
     private readonly groupContext;
-    private readonly rovingItem;
+    private readonly compositeItem;
     private readonly elementRef;
     private readonly isBrowser;
     /** The initial value of the uncontrolled input. */
@@ -134,7 +142,7 @@ declare class RdxToolbarInput {
     constructor();
     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$1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
+    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$1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -179,4 +187,4 @@ declare class RdxToolbarModule {
 }
 
 export { RdxToolbarButton, RdxToolbarGroup, RdxToolbarInput, RdxToolbarLink, RdxToolbarModule, RdxToolbarRoot, RdxToolbarSeparator, injectToolbarGroupContext, injectToolbarRootContext, provideToolbarGroupContext, provideToolbarRootContext, toolbarImports };
-export type { RdxToolbarGroupContext, RdxToolbarRootContext };
+export type { RdxToolbarGroupContext, RdxToolbarItemMetadata, RdxToolbarRootContext };

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

@@ -2,11 +2,12 @@ import * as _angular_core from '@angular/core';
 import { InjectionToken, Provider, Signal, ElementRef } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/portal';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { RdxFloatingRootContext, BooleanInput, NumberInput } from '@radix-ng/primitives/core';
+import { RdxFloatingRootContext, BooleanInput, NumberInput, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';
 import * as i1$1 from '@radix-ng/primitives/popper';
 import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
 import * as _radix_ng_primitives_tooltip from '@radix-ng/primitives/tooltip';
 import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer';
+import * as _radix_ng_primitives_floating_focus_manager from '@radix-ng/primitives/floating-focus-manager';
 
 /**
  * Structural directive that teleports the tooltip content into a container (default `document.body`)
@@ -77,6 +78,7 @@ declare function injectRdxTooltipConfig(): Required<RdxTooltipConfig>;
 interface RdxTooltipContext {
     contentId: string;
     isOpen: Signal<boolean>;
+    present: Signal<boolean>;
     /** Whether the tooltip opened/closed without waiting for the delay. */
     instant: Signal<boolean>;
     disabled: Signal<boolean>;
@@ -86,13 +88,16 @@ interface RdxTooltipContext {
     trigger: Signal<HTMLElement | undefined>;
     triggers: Signal<HTMLElement[]>;
     payload: Signal<unknown>;
-    open: (trigger?: HTMLElement, payload?: unknown) => void;
-    close: () => void;
+    open: (trigger?: HTMLElement, payload?: unknown, event?: Event) => void;
+    close: (reason?: RdxTooltipOpenChangeReason, event?: Event) => void;
+    openChangeReason: Signal<RdxTooltipOpenChangeReason>;
+    cancelPendingOpen: () => void;
+    closeHoverOpen: (event?: Event) => void;
     /** Closes after the resolved close delay (used when hover/focus is lost). */
-    closeDelayed: () => void;
+    closeDelayed: (event?: Event) => void;
     registerTrigger: (trigger: HTMLElement) => () => void;
     /** Hover entered a trigger — opens after the resolved delay (or instantly). */
-    onTriggerEnter: (trigger?: HTMLElement, payload?: unknown) => void;
+    onTriggerEnter: (trigger?: HTMLElement, payload?: unknown, event?: Event) => void;
     /** Hover left a trigger — cancels a pending open and closes when appropriate. */
     onTriggerLeave: () => void;
     setCursorPosition: (position: {
@@ -101,6 +106,12 @@ interface RdxTooltipContext {
     } | undefined) => void;
     setDelays: (delay: number | undefined, closeDelay: number | undefined) => void;
 }
+type RdxTooltipOpenChangeReason = 'trigger-hover' | 'trigger-focus' | 'trigger-press' | 'outside-press' | 'escape-key' | 'disabled' | 'imperative-action' | 'none';
+type RdxTooltipOpenChangeEventDetails = RdxCancelableChangeEventDetails<RdxTooltipOpenChangeReason>;
+interface RdxTooltipOpenChangeEvent {
+    open: boolean;
+    eventDetails: RdxTooltipOpenChangeEventDetails;
+}
 declare const injectRdxTooltipContext: _radix_ng_primitives_core.InjectContext<RdxTooltipContext>;
 declare const provideRdxTooltipContext: (useFactory: () => RdxTooltipContext) => _angular_core.Provider;
 declare class RdxTooltip {
@@ -152,7 +163,7 @@ declare class RdxTooltip {
     /**
      * Event handler called when the open state changes.
      */
-    readonly onOpenChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly onOpenChange: _angular_core.OutputEmitterRef<RdxTooltipOpenChangeEvent>;
     readonly contentId: string;
     readonly trigger: _angular_core.WritableSignal<HTMLElement | undefined>;
     readonly triggers: _angular_core.WritableSignal<HTMLElement[]>;
@@ -161,7 +172,10 @@ declare class RdxTooltip {
         x: number;
         y: number;
     } | undefined>;
+    readonly openChangeReason: _angular_core.WritableSignal<RdxTooltipOpenChangeReason>;
+    private readonly preventUnmountOnClose;
     private readonly openedInstant;
+    private suppressNextOpenChangeEmit;
     /** Local instant window used when this tooltip is not inside a provider. */
     private readonly localInstant;
     private readonly instantGroup;
@@ -172,17 +186,20 @@ declare class RdxTooltip {
     private readonly resolvedCloseDelay;
     /** Whether the most recent open happened without the delay. */
     readonly instant: Signal<boolean>;
+    readonly present: Signal<boolean>;
     private readonly virtualAnchor;
     private readonly openTimer;
     private readonly closeTimer;
     constructor();
     /** Opens immediately, optionally switching the active trigger/payload. */
-    show(trigger?: HTMLElement | undefined, payload?: unknown): void;
-    close(): void;
+    show(trigger?: HTMLElement | undefined, payload?: unknown, event?: Event): void;
+    close(reason?: RdxTooltipOpenChangeReason, event?: Event): void;
+    cancelPendingOpen(): void;
+    closeHoverOpen(event?: Event): void;
     /** Closes after the resolved close delay, e.g. when the pointer or focus leaves. */
-    scheduleClose(): void;
+    scheduleClose(event?: Event): void;
     /** Hover/focus entered — open after the delay, or instantly within the instant window. */
-    onTriggerEnter(trigger?: HTMLElement | undefined, payload?: unknown): void;
+    onTriggerEnter(trigger?: HTMLElement | undefined, payload?: unknown, event?: Event): void;
     onTriggerLeave(): void;
     registerTrigger(trigger: HTMLElement): () => void;
     setCursorPosition(position: {
@@ -341,15 +358,22 @@ declare class RdxTooltipTrigger {
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     /** Whether this specific trigger is the active anchor of an open tooltip. */
     protected readonly isOpen: _angular_core.Signal<boolean>;
+    protected readonly triggerInteraction: _radix_ng_primitives_floating_focus_manager.RdxTriggerInteraction;
     private readonly isPointerDown;
     private readonly hasPointerMoveOpened;
+    private readonly isNestedTriggerHovered;
+    private pointerType;
     constructor();
-    protected handleFocus(): void;
-    protected handleBlur(): void;
-    protected handleClick(): void;
+    protected handleFocus(event: FocusEvent): void;
+    protected handleBlur(event: FocusEvent): void;
+    protected handleClick(event: MouseEvent): void;
+    protected handlePointerEnter(event: PointerEvent): void;
     protected handlePointerMove(event: PointerEvent): void;
     protected handlePointerLeave(): void;
+    protected handleMouseOver(event: MouseEvent): void;
+    protected handleMouseLeave(): void;
     protected handlePointerDown(event: PointerEvent): Promise<void>;
+    private detectNestedTriggerHover;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipTrigger, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipTrigger, "[rdxTooltipTrigger]", never, { "handle": { "alias": "handle"; "required": false; "isSignal": true; }; "payload": { "alias": "payload"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "userOnPointerDown": { "alias": "rdxOnPointerDown"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperAnchor; inputs: {}; outputs: {}; }]>;
 }
@@ -357,4 +381,4 @@ declare class RdxTooltipTrigger {
 declare const tooltipImports: (typeof RdxTooltipPortal)[];
 
 export { RdxTooltip, RdxTooltipArrow, RdxTooltipDefaultsToken, RdxTooltipHandle, RdxTooltipPopup, RdxTooltipPortal, RdxTooltipPortalMisuseGuard, RdxTooltipPositioner, RdxTooltipProvider, RdxTooltipTrigger, createRdxTooltipHandle, defaultTooltipConfig, injectRdxTooltipConfig, injectRdxTooltipContext, injectRdxTooltipProviderContext, provideRdxTooltipConfig, provideRdxTooltipContext, provideRdxTooltipProviderContext, tooltipImports };
-export type { RdxTooltipConfig, RdxTooltipContext, RdxTooltipProviderContext, RdxTrackCursorAxis };
+export type { RdxTooltipConfig, RdxTooltipContext, RdxTooltipOpenChangeEvent, RdxTooltipOpenChangeEventDetails, RdxTooltipOpenChangeReason, RdxTooltipProviderContext, RdxTrackCursorAxis };