@radix-ng/primitives 0.39.5 → 0.41.0

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

@@ -27,4 +27,4 @@ export type Formatter = {
  *
  * @see [DateFormatter](https://react-spectrum.adobe.com/internationalized/date/DateFormatter.html)
  */
-export declare function createFormatter(initialLocale: string): Formatter;
+export declare function createFormatter(initialLocale: string, opts?: DateFormatterOptions): Formatter;

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

@@ -1,6 +1,19 @@
 import type { DateValue } from '@internationalized/date';
 import { DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, NON_EDITABLE_SEGMENT_PARTS, TIME_SEGMENT_PARTS } from './parts';
 export type DateMatcher = (date: DateValue) => boolean;
+export type DateStep = {
+    year?: number;
+    month?: number;
+    day?: number;
+    hour?: number;
+    minute?: number;
+    second?: number;
+    millisecond?: number;
+};
+export type DateRange = {
+    start: DateValue | undefined;
+    end: DateValue | undefined;
+};
 export type HourCycle = 12 | 24 | undefined;
 export type Month<T> = {
     /**

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

@@ -1,7 +1,7 @@
-import { InputSignal, ModelSignal, WritableSignal } from '@angular/core';
+import { InputSignal, ModelSignal, Signal, WritableSignal } from '@angular/core';
 import { DateValue } from '@internationalized/date';
 import { Formatter } from './formatter';
-import { HourCycle, SegmentPart, SegmentValueObj } from './types';
+import { DateStep, HourCycle, SegmentPart, SegmentValueObj } from './types';
 export type UseDateFieldProps = {
     hasLeftFocus: WritableSignal<boolean>;
     lastKeyZero: WritableSignal<boolean>;
@@ -9,6 +9,7 @@ export type UseDateFieldProps = {
     hourCycle: HourCycle;
     formatter: Formatter;
     segmentValues: WritableSignal<SegmentValueObj>;
+    step: Signal<DateStep>;
     disabled: InputSignal<boolean>;
     readonly: InputSignal<boolean>;
     part: SegmentPart;
@@ -136,6 +137,6 @@ export declare const segmentBuilders: {
 export declare function useDateField(props: UseDateFieldProps): {
     handleSegmentClick: (e: MouseEvent) => void;
     handleSegmentKeydown: (e: KeyboardEvent) => void;
-    attributes: import("@angular/core").Signal<{}>;
+    attributes: Signal<{}>;
 };
 export {};

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

@@ -1,4 +1,7 @@
 import { Granularity } from './comparators';
-import { HourCycle } from './types';
+import { DateStep, HourCycle } from './types';
 export declare function getOptsByGranularity(granularity: Granularity, hourCycle: HourCycle, isTimeValue?: boolean): Intl.DateTimeFormatOptions;
+export declare function normalizeDateStep(step?: DateStep): DateStep;
 export declare function handleCalendarInitialFocus(calendar: HTMLElement): void;
+export declare function normalizeHourCycle(hourCycle: HourCycle): "h11" | "h23" | undefined;
+export declare function normalizeHour12(hourCycle: HourCycle): boolean | undefined;

package/date-field/src/date-field-context.token.d.ts

@@ -1,6 +1,6 @@
 import { InjectionToken, InputSignal, ModelSignal, Signal, WritableSignal } from '@angular/core';
 import { DateValue } from '@internationalized/date';
-import { Formatter, HourCycle, SegmentValueObj } from '@radix-ng/primitives/core';
+import { DateStep, Formatter, HourCycle, SegmentValueObj } from '@radix-ng/primitives/core';
 export interface DateFieldContextToken {
     locale: InputSignal<string>;
     value: ModelSignal<DateValue | undefined>;
@@ -9,6 +9,7 @@ export interface DateFieldContextToken {
     isInvalid: Signal<boolean>;
     placeholder: ModelSignal<DateValue>;
     hourCycle: InputSignal<HourCycle>;
+    step$: Signal<DateStep>;
     formatter: Formatter;
     segmentValues: WritableSignal<SegmentValueObj>;
     focusNext: () => void;

package/date-field/src/date-field-root.directive.d.ts

@@ -2,7 +2,7 @@ import { Direction } from '@angular/cdk/bidi';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { AfterViewInit, OnInit } from '@angular/core';
 import { DateValue } from '@internationalized/date';
-import { DateMatcher, Formatter, Granularity, HourCycle, SegmentValueObj } from '@radix-ng/primitives/core';
+import { DateMatcher, DateStep, Formatter, Granularity, HourCycle, SegmentValueObj } from '@radix-ng/primitives/core';
 import * as i0 from "@angular/core";
 export declare class RdxDateFieldRootDirective implements OnInit, AfterViewInit {
     private readonly elementRef;
@@ -45,6 +45,11 @@ export declare class RdxDateFieldRootDirective implements OnInit, AfterViewInit
      * Whether or not the field is readonly.
      */
     readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The stepping interval for the time fields. Defaults to 1
+     */
+    readonly step: import("@angular/core").InputSignal<DateStep | undefined>;
+    readonly step$: import("@angular/core").Signal<DateStep>;
     /**
      * @ignore
      */
@@ -122,5 +127,5 @@ export declare class RdxDateFieldRootDirective implements OnInit, AfterViewInit
      */
     setFocusedElement(el: HTMLElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxDateFieldRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDateFieldRootDirective, "[rdxDateFieldRoot]", ["rdxDateFieldRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "isDateUnavailable": { "alias": "isDateUnavailable"; "required": false; "isSignal": true; }; "hourCycle": { "alias": "hourCycle"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "hideTimeZone": { "alias": "hideTimeZone"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "placeholder": "placeholderChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDateFieldRootDirective, "[rdxDateFieldRoot]", ["rdxDateFieldRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "isDateUnavailable": { "alias": "isDateUnavailable"; "required": false; "isSignal": true; }; "hourCycle": { "alias": "hourCycle"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "hideTimeZone": { "alias": "hideTimeZone"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "placeholder": "placeholderChange"; }, never, never, true, never>;
 }

package/dismissible-layer/README.md

@@ -0,0 +1 @@
+# @radix-ng/primitives/dismissible-layer

package/dismissible-layer/index.d.ts

@@ -0,0 +1 @@
+export * from './src/utils';

package/dismissible-layer/src/utils.d.ts

@@ -0,0 +1,38 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+/**
+ * Listens for when focus happens outside a DOM subtree.
+ * Returns props to pass to the root (node) of the subtree we want to check.
+ */
+export declare class RdxFocusOutside {
+    #private;
+    readonly enabledInput: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    set enabled(value: boolean);
+    get enabled(): boolean;
+    readonly focusOutside: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    private readonly isFocusInsideDOMTree;
+    private readonly focusCaptureHandler;
+    private readonly blurCaptureHandler;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxFocusOutside, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxFocusOutside, "[rdxFocusOutside]", ["rdxFocusOutside"], { "enabledInput": { "alias": "enabled"; "required": false; "isSignal": true; }; }, { "focusOutside": "focusOutside"; }, never, never, true, never>;
+}
+/**
+ * Listens for `pointerdown` outside a DOM subtree. We use `pointerdown` rather than `pointerup`
+ * to mimic layer dismissing behavior present in OS.
+ * Returns props to pass to the node we want to check for outside events.
+ */
+export declare class RdxPointerDownOutside {
+    #private;
+    private readonly elementRef;
+    readonly enabledInput: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    set enabled(value: boolean);
+    get enabled(): boolean;
+    readonly pointerDownOutside: import("@angular/core").OutputEmitterRef<PointerEvent>;
+    private readonly isPointerInsideDOMTree;
+    private readonly handleAndDispatchPointerDownOutsideEvent;
+    private handleClick;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPointerDownOutside, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPointerDownOutside, "[rdxPointerDownOutside]", ["rdxPointerDownOutside"], { "enabledInput": { "alias": "enabled"; "required": false; "isSignal": true; }; }, { "pointerDownOutside": "pointerDownOutside"; }, never, never, true, never>;
+}

package/editable/README.md

@@ -0,0 +1 @@
+# @radix-ng/primitives/editable

package/editable/index.d.ts

@@ -0,0 +1 @@
+export * from './src/editable-root';

package/editable/src/editable-root.d.ts

@@ -0,0 +1,67 @@
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { Signal, WritableSignal } from '@angular/core';
+import { RdxPointerDownOutside } from '@radix-ng/primitives/dismissible-layer';
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/dismissible-layer";
+type EditableRootContext = {
+    disabled: Signal<boolean>;
+    value: Signal<string | null | undefined>;
+    inputValue: WritableSignal<string | undefined>;
+    placeholder: Signal<{
+        edit: string;
+        preview: string;
+    }>;
+    isEditing: Signal<boolean>;
+    submitMode: Signal<SubmitMode>;
+    activationMode: Signal<ActivationMode>;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+    maxLength: Signal<number | undefined>;
+    startWithEditMode: Signal<boolean>;
+    isEmpty: Signal<boolean>;
+    readonly: Signal<boolean>;
+    selectOnFocus: Signal<boolean>;
+    autoResize: Signal<boolean>;
+    inputRef: WritableSignal<HTMLInputElement | undefined>;
+};
+export declare const injectEditableRootContext: (optional?: boolean) => EditableRootContext | null, provideEditableRootContext: (useFactory: () => EditableRootContext) => import("@angular/core").Provider;
+type ActivationMode = 'focus' | 'dblclick' | 'none';
+type SubmitMode = 'blur' | 'enter' | 'none' | 'both';
+/**
+ * @group Components
+ */
+export declare class RdxEditableRoot {
+    private readonly focusOutside;
+    readonly pointerDownOutside: RdxPointerDownOutside;
+    readonly value: import("@angular/core").ModelSignal<string | undefined>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly selectOnFocus: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly submitMode: import("@angular/core").InputSignal<SubmitMode>;
+    readonly maxLength: import("@angular/core").InputSignalWithTransform<number | undefined, NumberInput>;
+    /**
+     * Whether to start with the edit mode active
+     */
+    readonly startWithEditMode: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly activationMode: import("@angular/core").InputSignal<ActivationMode>;
+    readonly autoResize: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly isEmpty: Signal<boolean>;
+    readonly $placeholder: Signal<string | {
+        edit: string;
+        preview: string;
+    }>;
+    readonly isEditing: WritableSignal<boolean>;
+    readonly inputValue: WritableSignal<string | undefined>;
+    readonly inputRef: WritableSignal<HTMLInputElement | undefined>;
+    constructor();
+    handleDismiss(): void;
+    submit(): void;
+    cancel(): void;
+    edit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxEditableRoot, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxEditableRoot, "[rdxEditableRoot]", ["rdxEditableRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "submitMode": { "alias": "submitMode"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "startWithEditMode": { "alias": "startWithEditMode"; "required": false; "isSignal": true; }; "activationMode": { "alias": "activationMode"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof i1.RdxFocusOutside; inputs: {}; outputs: {}; }, { directive: typeof i1.RdxPointerDownOutside; inputs: {}; outputs: {}; }]>;
+}
+export {};

package/fesm2022/radix-ng-primitives-core.mjs

@@ -987,7 +987,7 @@ const defaultPartOptions = {
  *
  * @see [DateFormatter](https://react-spectrum.adobe.com/internationalized/date/DateFormatter.html)
  */
-function createFormatter(initialLocale) {
+function createFormatter(initialLocale, opts = {}) {
     let locale = initialLocale;
     function setLocale(newLocale) {
         locale = newLocale;
@@ -996,7 +996,7 @@ function createFormatter(initialLocale) {
         return locale;
     }
     function custom(date, options) {
-        return new DateFormatter(locale, options).format(date);
+        return new DateFormatter(locale, { ...opts, ...options }).format(date);
     }
     function selectedDate(date, includeTime = true) {
         if (hasTime(date) && includeTime) {
@@ -1011,31 +1011,33 @@ function createFormatter(initialLocale) {
             });
         }
     }
-    function fullMonthAndYear(date) {
-        return new DateFormatter(locale, { month: 'long', year: 'numeric' }).format(date);
+    function fullMonthAndYear(date, options = {}) {
+        return new DateFormatter(locale, { ...opts, month: 'long', year: 'numeric', ...options }).format(date);
     }
-    function fullMonth(date) {
-        return new DateFormatter(locale, { month: 'long' }).format(date);
+    function fullMonth(date, options = {}) {
+        return new DateFormatter(locale, { ...opts, month: 'long', ...options }).format(date);
     }
-    function fullYear(date) {
-        return new DateFormatter(locale, { year: 'numeric' }).format(date);
+    function fullYear(date, options = {}) {
+        return new DateFormatter(locale, { ...opts, year: 'numeric', ...options }).format(date);
     }
     function toParts(date, options) {
         if (isZonedDateTime(date)) {
             return new DateFormatter(locale, {
+                ...opts,
                 ...options,
                 timeZone: date.timeZone
             }).formatToParts(toDate(date));
         }
         else {
-            return new DateFormatter(locale, options).formatToParts(toDate(date));
+            return new DateFormatter(locale, { ...opts, ...options }).formatToParts(toDate(date));
         }
     }
     function dayOfWeek(date, length = 'narrow') {
-        return new DateFormatter(locale, { weekday: length }).format(date);
+        return new DateFormatter(locale, { ...opts, weekday: length }).format(date);
     }
     function dayPeriod(date, hourCycle = undefined) {
         const parts = new DateFormatter(locale, {
+            ...opts,
             hour: 'numeric',
             minute: 'numeric',
             hourCycle: hourCycle === 24 ? 'h23' : undefined
@@ -1238,8 +1240,8 @@ function getOptsByGranularity(granularity, hourCycle, isTimeValue = false) {
         minute: '2-digit',
         second: '2-digit',
         timeZoneName: 'short',
-        hourCycle: hourCycle === 24 ? 'h23' : undefined,
-        hour12: hourCycle === 24 ? false : undefined
+        hourCycle: normalizeHourCycle(hourCycle),
+        hour12: normalizeHour12(hourCycle)
     };
     if (isTimeValue) {
         delete opts.year;
@@ -1260,6 +1262,17 @@ function getOptsByGranularity(granularity, hourCycle, isTimeValue = false) {
         delete opts.second;
     return opts;
 }
+function normalizeDateStep(step) {
+    return {
+        year: step?.year ?? 1,
+        month: step?.month ?? 1,
+        day: step?.day ?? 1,
+        hour: step?.hour ?? 1,
+        minute: step?.minute ?? 1,
+        second: step?.second ?? 1,
+        millisecond: step?.millisecond ?? 1
+    };
+}
 function handleCalendarInitialFocus(calendar) {
     const selectedDay = calendar.querySelector('[data-selected]');
     if (selectedDay)
@@ -1271,6 +1284,20 @@ function handleCalendarInitialFocus(calendar) {
     if (firstDay)
         return firstDay.focus();
 }
+function normalizeHourCycle(hourCycle) {
+    if (hourCycle === 24)
+        return 'h23';
+    if (hourCycle === 12)
+        return 'h11';
+    return undefined;
+}
+function normalizeHour12(hourCycle) {
+    if (hourCycle === 24)
+        return false;
+    if (hourCycle === 12)
+        return true;
+    return undefined;
+}
 
 const calendarDateTimeGranularities = ['hour', 'minute', 'second'];
 function syncTimeSegmentValues(props) {
@@ -1316,16 +1343,23 @@ function createContentObj(props) {
         if ('hour' in segmentValues) {
             const value = segmentValues[part];
             if (value !== null) {
-                /**
-                 * Edge case for when the month field is filled and the day field snaps to the maximum value of the value of the placeholder month
-                 */
-                if (part === 'day' && segmentValues.month !== null) {
-                    return formatter.part(props.dateRef.set({ [part]: value, month: segmentValues.month }), part, {
-                        hourCycle: props.hourCycle === 24 ? 'h23' : undefined
-                    });
+                if (part === 'day') {
+                    return formatter.part(props.dateRef.set({
+                        [part]: value,
+                        /**
+                         * Edge case for the day field:
+                         *
+                         * 1. If the month is filled,
+                         *   we need to ensure that the day snaps to the maximum value of that month.
+                         * 2. If the month is not filled,
+                         *   we default to the month with the maximum number of days (here just using January, 31 days),
+                         *   so that user can input any possible day.
+                         */
+                        month: segmentValues.month ?? 1
+                    }), part, { hourCycle: normalizeHourCycle(props.hourCycle) });
                 }
                 return formatter.part(props.dateRef.set({ [part]: value }), part, {
-                    hourCycle: props.hourCycle === 24 ? 'h23' : undefined
+                    hourCycle: normalizeHourCycle(props.hourCycle)
                 });
             }
             else {
@@ -1336,11 +1370,13 @@ function createContentObj(props) {
             if (isDateSegmentPart(part)) {
                 const value = segmentValues[part];
                 if (value !== null) {
-                    if (part === 'day' && segmentValues.month !== null)
-                        /**
-                         * As described above, same function
-                         */
-                        return formatter.part(props.dateRef.set({ [part]: value, month: segmentValues.month }), part);
+                    if (part === 'day') {
+                        return formatter.part(props.dateRef.set({
+                            [part]: value,
+                            // Same logic as above for the day field
+                            month: segmentValues.month ?? 1
+                        }), part);
+                    }
                     return formatter.part(props.dateRef.set({ [part]: value }), part);
                 }
                 else {
@@ -1670,7 +1706,8 @@ function useDateField(props) {
         return Number.parseInt(str.slice(0, -1));
     }
     function dateTimeValueIncrementation({ e, part, dateRef, prevValue, hourCycle }) {
-        const sign = e.key === ARROW_UP ? 1 : -1;
+        const step = props.step()[part] ?? 1;
+        const sign = e.key === ARROW_UP ? step : -step;
         if (prevValue === null)
             return dateRef[part];
         if (part === 'hour' && 'hour' in dateRef) {
@@ -1924,7 +1961,8 @@ function useDateField(props) {
         return { value: total, moveToNext };
     }
     function minuteSecondIncrementation({ e, part, dateRef, prevValue }) {
-        const sign = e.key === ARROW_UP ? 1 : -1;
+        const step = props.step()[part] ?? 1;
+        const sign = e.key === ARROW_UP ? step : -step;
         const min = 0;
         const max = 59;
         if (prevValue === null)
@@ -2081,15 +2119,17 @@ function useDateField(props) {
             !('minute' in values))
             return;
         const prevValue = values.minute;
-        props.segmentValues.update((prev) => ({
-            ...prev,
-            minute: minuteSecondIncrementation({
-                e,
-                part: 'minute',
-                dateRef: props.placeholder(),
-                prevValue
-            })
-        }));
+        if (e.key === ARROW_UP || e.key === ARROW_DOWN) {
+            props.segmentValues.update((prev) => ({
+                ...prev,
+                minute: minuteSecondIncrementation({
+                    e,
+                    part: 'minute',
+                    dateRef: props.placeholder(),
+                    prevValue
+                })
+            }));
+        }
         if (isNumberString(e.key)) {
             const num = Number.parseInt(e.key);
             const { value, moveToNext } = updateMinuteOrSecond(num, prevValue);
@@ -2111,15 +2151,17 @@ function useDateField(props) {
             !('second' in values))
             return;
         const prevValue = values.second;
-        props.segmentValues.update((prev) => ({
-            ...prev,
-            second: minuteSecondIncrementation({
-                e,
-                part: 'second',
-                dateRef: props.placeholder(),
-                prevValue
-            })
-        }));
+        if (e.key === ARROW_UP || e.key === ARROW_DOWN) {
+            props.segmentValues.update((prev) => ({
+                ...prev,
+                second: minuteSecondIncrementation({
+                    e,
+                    part: 'second',
+                    dateRef: props.placeholder(),
+                    prevValue
+                })
+            }));
+        }
         if (isNumberString(e.key)) {
             const num = Number.parseInt(e.key);
             const { value, moveToNext } = updateMinuteOrSecond(num, prevValue);
@@ -2560,5 +2602,5 @@ function watch(deps, fn, options) {
  * Generated bundle index. Do not edit.
  */
 
-export { A, ALT, ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, ASTERISK, BACKSPACE, CAPS_LOCK, CONTROL, CTRL, DELETE, END, ENTER, ESCAPE, F1, F10, F11, F12, F2, F3, F4, F5, F6, F7, F8, F9, HOME, META, P, PAGE_DOWN, PAGE_UP, RDX_POSITIONING_DEFAULTS, RDX_POSITIONS, RdxAutoFocusDirective, RdxControlValueAccessor, RdxFocusInitialDirective, RdxPositionAlign, RdxPositionSide, SHIFT, SPACE, SPACE_CODE, TAB, WINDOW, _IdGenerator, a, areAllDaysBetweenValid, clamp, createContent, createContext, createFormatter, createMonth, createMonths, getActiveElement, getAllPossibleConnectedPositions, getArrowPositionParams, getContentPosition, getDaysBetween, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getNextLastDayOfWeek, getOptsByGranularity, getPlaceholder, getSegmentElements, getSideAndAlignFromAllPossibleConnectedPositions, handleCalendarInitialFocus, hasTime, initializeSegmentValues, injectControlValueAccessor, injectDocument, injectIsClient, injectNgControl, injectWindow, isAcceptableSegmentKey, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqual, isInsideForm, isNullish, isNumber, isNumberString, isSegmentNavigationKey, isValueEqualOrExist, isZonedDateTime, j, k, n, p, provideToken, provideValueAccessor, resizeEffect, roundToStepPrecision, segmentBuilders, snapValueToStep, syncSegmentValues, syncTimeSegmentValues, toDate, useArrowNavigation, useDateField, watch };
+export { A, ALT, ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, ASTERISK, BACKSPACE, CAPS_LOCK, CONTROL, CTRL, DELETE, END, ENTER, ESCAPE, F1, F10, F11, F12, F2, F3, F4, F5, F6, F7, F8, F9, HOME, META, P, PAGE_DOWN, PAGE_UP, RDX_POSITIONING_DEFAULTS, RDX_POSITIONS, RdxAutoFocusDirective, RdxControlValueAccessor, RdxFocusInitialDirective, RdxPositionAlign, RdxPositionSide, SHIFT, SPACE, SPACE_CODE, TAB, WINDOW, _IdGenerator, a, areAllDaysBetweenValid, clamp, createContent, createContext, createFormatter, createMonth, createMonths, getActiveElement, getAllPossibleConnectedPositions, getArrowPositionParams, getContentPosition, getDaysBetween, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getNextLastDayOfWeek, getOptsByGranularity, getPlaceholder, getSegmentElements, getSideAndAlignFromAllPossibleConnectedPositions, handleCalendarInitialFocus, hasTime, initializeSegmentValues, injectControlValueAccessor, injectDocument, injectIsClient, injectNgControl, injectWindow, isAcceptableSegmentKey, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqual, isInsideForm, isNullish, isNumber, isNumberString, isSegmentNavigationKey, isValueEqualOrExist, isZonedDateTime, j, k, n, normalizeDateStep, normalizeHour12, normalizeHourCycle, p, provideToken, provideValueAccessor, resizeEffect, roundToStepPrecision, segmentBuilders, snapValueToStep, syncSegmentValues, syncTimeSegmentValues, toDate, useArrowNavigation, useDateField, watch };
 //# sourceMappingURL=radix-ng-primitives-core.mjs.map