@radix-ng/primitives 1.0.0-beta.0 → 1.0.0-beta.2

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

@@ -1,11 +1,12 @@
 import * as _angular_core from '@angular/core';
-import { AfterViewInit, WritableSignal, InputSignal, ModelSignal, Signal } from '@angular/core';
+import { Signal, InputSignal, ModelSignal } from '@angular/core';
 import { DateValue } from '@internationalized/date';
 import { DateMatcher, Formatter, BooleanInput, Month } from '@radix-ng/primitives/core';
 
-declare class RdxCalendarCellTriggerDirective implements AfterViewInit {
+declare class RdxCalendarCellTriggerDirective {
     private readonly rootContext;
     private readonly elementRef;
+    constructor();
     /**
      * The date value provided to the cell trigger
      */
@@ -35,10 +36,13 @@ declare class RdxCalendarCellTriggerDirective implements AfterViewInit {
      * @ignore
      */
     currentElement: HTMLElement;
-    ngAfterViewInit(): void;
     protected onClick(): void;
+    /** Select the date unless the cell is disabled/unavailable or the calendar is readonly. */
+    private select;
     protected onArrowKey(event: Event): void;
     private shiftFocus;
+    /** Focus the cell at `index`, skipping over a disabled cell in the same direction. */
+    private focusCell;
     /**
      * @ignore
      */
@@ -59,17 +63,20 @@ interface CalendarRootContextToken {
     nextPage?: (nextPageFunc?: (date: DateValue) => DateValue) => void;
     prevPage?: (nextPageFunc?: (date: DateValue) => DateValue) => void;
     isNextButtonDisabled: (nextPageFunc?: (date: DateValue) => DateValue) => boolean;
-    isPrevButtonDisabled: (nextPageFunc?: (date: DateValue) => DateValue) => boolean;
-    headingValue: WritableSignal<string>;
+    isPrevButtonDisabled: (prevPageFunc?: (date: DateValue) => DateValue) => boolean;
+    headingValue: Signal<string>;
     dir: InputSignal<'ltr' | 'rtl'>;
-    readonly: boolean;
+    readonly: Signal<boolean>;
     numberOfMonths: InputSignal<number>;
     placeholder: ModelSignal<DateValue>;
-    pagedNavigation: boolean;
-    disabled: InputSignal<boolean>;
-    isDateSelected?: DateMatcher;
-    isDateDisabled?: DateMatcher;
-    isDateUnavailable: DateMatcher;
+    pagedNavigation: Signal<boolean>;
+    disabled: Signal<boolean>;
+    /** Resolved matcher: whether the given date is currently selected. */
+    isDateSelected: DateMatcher;
+    /** Resolved matcher: disabled = root `disabled` OR `isDateDisabled` input OR outside min/max. */
+    dateDisabled: DateMatcher;
+    /** Resolved matcher: unavailable = `isDateUnavailable` input. */
+    dateUnavailable: DateMatcher;
     formatter: Formatter;
     onDateChange: (date: DateValue) => void;
     currentElement: HTMLElement;
@@ -134,7 +141,7 @@ declare class RdxCalendarPrevDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCalendarPrevDirective, "button[rdxCalendarPrev]", ["rdxCalendarPrev"], { "prevPage": { "alias": "prevPage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class RdxCalendarRootDirective implements AfterViewInit {
+declare class RdxCalendarRootDirective {
     private readonly elementRef;
     /**
      * The controlled checked state of the calendar
@@ -145,7 +152,7 @@ declare class RdxCalendarRootDirective implements AfterViewInit {
      */
     readonly defaultPlaceholder: _angular_core.ModelSignal<DateValue | undefined>;
     readonly locale: _angular_core.InputSignal<string>;
-    readonly defaultDate: DateValue;
+    readonly defaultDate: _angular_core.Signal<DateValue>;
     /**
      * The placeholder date, which is used to determine what month to display when no date is selected.
      * This updates as the user navigates the calendar and can be used to programmatically control the calendar view
@@ -223,11 +230,11 @@ declare class RdxCalendarRootDirective implements AfterViewInit {
     /**
      * @ignore
      */
-    readonly headingValue: _angular_core.WritableSignal<string>;
+    readonly headingValue: _angular_core.Signal<string>;
     /**
      * @ignore
      */
-    readonly fullCalendarLabel: _angular_core.WritableSignal<string>;
+    readonly fullCalendarLabel: _angular_core.Signal<string>;
     /**
      * @ignore
      */
@@ -245,13 +252,27 @@ declare class RdxCalendarRootDirective implements AfterViewInit {
      */
     isPrevButtonDisabled: (nextPageFunc?: (date: DateValue) => DateValue) => boolean;
     /**
+     * Resolved matchers from the composable, exposed to child parts via context.
      * @ignore
      */
-    isDateSelected: DateMatcher;
+    dateDisabled: DateMatcher;
+    /**
+     * @ignore
+     */
+    dateUnavailable: DateMatcher;
+    /**
+     * Selection + validity state, recomputed when the value or the matchers change.
+     * @ignore
+     */
+    private readonly _state;
+    /**
+     * @ignore
+     */
+    readonly isDateSelected: DateMatcher;
     /**
      * @ignore
      */
-    isInvalid: boolean;
+    readonly isInvalid: _angular_core.Signal<boolean>;
     /**
      * @ignore
      */
@@ -266,7 +287,6 @@ declare class RdxCalendarRootDirective implements AfterViewInit {
     currentElement: HTMLElement;
     private readonly calendar;
     constructor();
-    ngAfterViewInit(): void;
     /**
      * @ignore
      */

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

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 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 i1$1 from '@radix-ng/primitives/core';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { BooleanInput, RdxFormCheckboxControl } from '@radix-ng/primitives/core';
 import { ControlValueAccessor } from '@angular/forms';
 
@@ -54,7 +54,7 @@ declare const rootContext: () => {
     toggle(): void;
 };
 type CheckboxRootContext = ReturnType<typeof rootContext>;
-declare const injectCheckboxRootContext: (optional?: boolean) => {
+declare const injectCheckboxRootContext: _radix_ng_primitives_core.InjectContext<{
     checked: _angular_core.Signal<boolean>;
     indeterminate: _angular_core.Signal<boolean>;
     disabled: _angular_core.Signal<boolean>;
@@ -66,7 +66,7 @@ declare const injectCheckboxRootContext: (optional?: boolean) => {
     readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
     toggle(): void;
-} | null;
+}>;
 declare const provideCheckboxRootContext: (useFactory: () => {
     checked: _angular_core.Signal<boolean>;
     indeterminate: _angular_core.Signal<boolean>;
@@ -176,7 +176,7 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
     constructor();
     toggle(): 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 i1$1.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
+    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: {}; }]>;
 }
 
 /**
@@ -249,7 +249,7 @@ interface RdxCheckboxGroupContext {
     /** Register a child's control element id so the parent can reference it via `aria-controls`. */
     registerControl: (name: string, id: string) => () => void;
 }
-declare const injectCheckboxGroupContext: (optional?: boolean) => RdxCheckboxGroupContext | null;
+declare const injectCheckboxGroupContext: _radix_ng_primitives_core.InjectContext<RdxCheckboxGroupContext>;
 declare const provideCheckboxGroupContext: (useFactory: () => RdxCheckboxGroupContext) => _angular_core.Provider;
 /**
  * Groups a set of checkboxes that share a single array value (the names of the checked boxes).

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Signal, ModelSignal, WritableSignal } from '@angular/core';
 import * as _radix_ng_primitives_collapsible from '@radix-ng/primitives/collapsible';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { BooleanInput, RdxTransitionStatus } from '@radix-ng/primitives/core';
 import * as i1 from '@radix-ng/primitives/presence';
 
@@ -68,7 +69,7 @@ interface CollapsibleRootContext {
     /** Registers the panel element whose transition duration gates the close completion. */
     registerTransitionElement: (element: HTMLElement) => () => void;
 }
-declare const injectCollapsibleRootContext: (optional?: boolean) => CollapsibleRootContext | null;
+declare const injectCollapsibleRootContext: _radix_ng_primitives_core.InjectContext<CollapsibleRootContext>;
 declare const provideCollapsibleRootContext: (useFactory: () => CollapsibleRootContext) => _angular_core.Provider;
 /**
  * Groups all parts of the collapsible.