@radix-ng/primitives 0.37.0 → 0.39.0

package/core/src/date-time/comparators.d.ts

@@ -1,4 +1,4 @@
-import { CalendarDateTime, type DateValue, ZonedDateTime } from '@internationalized/date';
+import { CalendarDateTime, type DateValue, Time, ZonedDateTime } from '@internationalized/date';
 import type { DateMatcher } from './types';
 /**
  * Given a `DateValue` object, convert it to a native `Date` object.
@@ -70,6 +70,7 @@ export declare function isBetween(date: DateValue, start: DateValue, end: DateVa
 export declare function getLastFirstDayOfWeek<T extends DateValue = DateValue>(date: T, firstDayOfWeek: number, locale: string): T;
 export declare function getNextLastDayOfWeek<T extends DateValue = DateValue>(date: T, firstDayOfWeek: number, locale: string): T;
 export declare function areAllDaysBetweenValid(start: DateValue, end: DateValue, isUnavailable: DateMatcher | undefined, isDisabled: DateMatcher | undefined): boolean;
+export type TimeValue = Time | CalendarDateTime | ZonedDateTime;
 export type Granularity = 'day' | 'hour' | 'minute' | 'second';
 export type TimeGranularity = 'hour' | 'minute' | 'second';
 type GetDefaultDateProps = {
@@ -89,4 +90,9 @@ type GetDefaultDateProps = {
  *
  */
 export declare function getDefaultDate(props: GetDefaultDateProps): DateValue;
+type GetDefaultTimeProps = {
+    defaultValue?: TimeValue | undefined;
+    defaultPlaceholder?: TimeValue | undefined;
+};
+export declare function getDefaultTime(props: GetDefaultTimeProps): TimeValue;
 export {};

package/core/src/date-time/useDateField.d.ts

@@ -5,14 +5,14 @@ import { HourCycle, SegmentPart, SegmentValueObj } from './types';
 export type UseDateFieldProps = {
     hasLeftFocus: WritableSignal<boolean>;
     lastKeyZero: WritableSignal<boolean>;
-    placeholder: ModelSignal<DateValue>;
+    placeholder: ModelSignal<DateValue> | WritableSignal<DateValue>;
     hourCycle: HourCycle;
     formatter: Formatter;
     segmentValues: WritableSignal<SegmentValueObj>;
     disabled: InputSignal<boolean>;
     readonly: InputSignal<boolean>;
     part: SegmentPart;
-    modelValue: ModelSignal<DateValue | undefined>;
+    modelValue: ModelSignal<DateValue | undefined> | WritableSignal<DateValue | undefined>;
     focusNext: () => void;
 };
 type SegmentAttrProps = {

package/core/src/types.d.ts

@@ -0,0 +1,24 @@
+export type DataOrientation = 'vertical' | 'horizontal';
+/**
+ * Nullable from `Type` adds `null` and `undefined`
+ *
+ * @example ```ts
+ *  // Expect: string | number | undefined | null
+ *  type Value = Nulling<string | number>;
+ * ```
+ */
+export type Nullable<Type> = null | Type | undefined;
+/**
+ * SafeFunction is a type for functions that accept any number of arguments of unknown types
+ * and return a value of an unknown type. This is useful when you want to define a function
+ * without being strict about the input or output types, maintaining flexibility.
+ *
+ * @example ```ts
+ *  const safeFn: SafeFunction = (...args) => {
+ *    return args.length > 0 ? args[0] : null;
+ *  };
+ *
+ *  const result = safeFn(1, 'hello'); // result: 1
+ * ```
+ */
+export type SafeFunction = (...args: unknown[]) => unknown;

package/{stepper/src/utils → core/src}/useArrowNavigation.d.ts

@@ -10,7 +10,7 @@ interface ArrowNavigationOptions {
     /**
      * The attribute name to find the collection items in the parent element.
      *
-     * @defaultValue "data-reka-collection-item"
+     * @defaultValue "data-rdx-collection-item"
      */
     attributeName?: string;
     /**
@@ -53,7 +53,7 @@ interface ArrowNavigationOptions {
     focus?: boolean;
 }
 /**
- * Allow arrow navigation for every html element with data-reka-collection-item tag
+ * Allow arrow navigation for every html element with data-rdx-collection-item tag
  *
  * @param e               Keyboard event
  * @param currentElement  Event initiator element or any element that wants to handle the navigation

package/core/src/useResizeObserver.d.ts

@@ -0,0 +1,15 @@
+import { EffectRef, ElementRef, Injector, Signal } from '@angular/core';
+/**
+ * Creates a resize observer effect for element
+ *
+ * @param options Configuration options
+ * @param options.injector Angular injector
+ * @param options.element Signal returning the element to observe
+ * @param options.onResize Callback when element is resized
+ * @returns EffectRef that can be destroyed when needed
+ */
+export declare function resizeEffect(options: {
+    injector: Injector;
+    element: Signal<ElementRef | HTMLElement | null | undefined>;
+    onResize: ResizeObserverCallback;
+}): EffectRef;