@cdx-ui/primitives 0.0.1-beta.140 → 0.0.1-beta.141

package/lib/typescript/date-field/context.d.ts

@@ -0,0 +1,33 @@
+import { type Dispatch, type SetStateAction } from 'react';
+import type { DateComponentLabels, DateFieldMode, DateId, DateSegment, MonthId } from '@cdx-ui/formatters';
+/** A `DateField` carries a `DateId` in date mode and a `MonthId` in month mode. */
+export type DateFieldValue = DateId | MonthId | undefined;
+export interface DateFieldContextValue {
+    value: DateFieldValue;
+    onValueChange?: (value: DateFieldValue) => void;
+    mode: DateFieldMode;
+    locale: string;
+    labels: DateComponentLabels;
+    segments: DateSegment[];
+    disabled: boolean;
+    readOnly: boolean;
+    invalid: boolean;
+    focusedSegmentIndex: number | null;
+    focusSegment: (index: number) => void;
+    blurSegment: (index: number) => void;
+    focusNextEditableSegment: () => void;
+    focusPrevEditableSegment: () => void;
+    handleSegmentDigit: (digits: string) => void;
+    /** Sync draft from the hidden TextInput (append / replace / delete). */
+    handleSegmentInputChange: (raw: string) => void;
+    handleSegmentBackspace: () => void;
+    /** Current draft text for the focused segment (digits while editing). */
+    segmentDraft: string;
+    getSegmentDisplayText: (index: number) => string;
+    onSegmentChange: (segmentType: DateSegment['type'], value: number) => void;
+    /** @deprecated Use focusSegment / blurSegment */
+    setFocusedSegmentIndex?: Dispatch<SetStateAction<number | null>>;
+}
+export declare const DateFieldContext: import("react").Context<DateFieldContextValue | null>;
+export declare function useDateFieldContext(): DateFieldContextValue;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/date-field/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/date-field/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EACV,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,WAAW,EACX,OAAO,EACR,MAAM,oBAAoB,CAAC;AAE5B,mFAAmF;AACnF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,wBAAwB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,eAAe,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,iDAAiD;IACjD,sBAAsB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CAClE;AAED,eAAO,MAAM,gBAAgB,uDAAoD,CAAC;AAElF,wBAAgB,mBAAmB,IAAI,qBAAqB,CAM3D"}

package/lib/typescript/date-field/index.d.ts

@@ -0,0 +1,9 @@
+export { DateFieldRoot } from './DateFieldRoot';
+export type { DateFieldRootProps } from './DateFieldRoot';
+export { DateFieldInput } from './DateFieldInput';
+export type { DateFieldInputProps } from './DateFieldInput';
+export { DateFieldSegment } from './DateFieldSegment';
+export type { DateFieldSegmentProps } from './DateFieldSegment';
+export { useDateFieldContext } from './context';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/date-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,mBAAmB,SAAS,CAAC"}

package/lib/typescript/date-field/segmentIndex.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+export declare function DateFieldSegmentIndexProvider({ index, children, }: {
+    index: number;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useDateFieldSegmentIndex(): number;
+//# sourceMappingURL=segmentIndex.d.ts.map

package/lib/typescript/date-field/segmentIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmentIndex.d.ts","sourceRoot":"","sources":["../../../src/date-field/segmentIndex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlE,wBAAgB,6BAA6B,CAAC,EAC5C,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAEA;AAED,wBAAgB,wBAAwB,IAAI,MAAM,CAEjD"}

package/lib/typescript/date-field/segmentKeyboard.d.ts

@@ -0,0 +1,23 @@
+import { type DateSegment, type DateSegmentType } from '@cdx-ui/formatters';
+export interface SegmentKeyboardOptions {
+    /** When true, hour segments are 1–12; otherwise 0–23. */
+    hour12?: boolean;
+}
+export declare const SEGMENT_MAX_LENGTH: Partial<Record<DateSegmentType, number>>;
+export declare function getSegmentMaxLength(type: DateSegmentType): number;
+/** True when another digit cannot produce a different valid value (auto-advance). */
+export declare function isSegmentDraftComplete(type: DateSegmentType, draft: string, options?: SegmentKeyboardOptions): boolean;
+export declare function applySegmentDigit(draft: string, _committedText: string, isDraftDirty: boolean, digit: string, type: DateSegmentType, options?: SegmentKeyboardOptions): {
+    draft: string;
+    isDraftDirty: boolean;
+    shouldCommit: boolean;
+    /** When set, commit `draft` then apply this digit to the next segment. */
+    spillDigit?: string;
+};
+export declare function commitSegmentDraft(segment: DateSegment, draft: string): number | null;
+/** Parses day-period input (`A`/`P`/`1`/`2`) into 0 (AM) or 1 (PM). */
+export declare function commitDayPeriodDraft(draft: string): number | null;
+export declare function findAdjacentEditableIndex(segments: DateSegment[], fromIndex: number, direction: -1 | 1): number | null;
+export declare function toHour24(hour12: number, period: number): number;
+export declare function toHour12(hour24: number): number;
+//# sourceMappingURL=segmentKeyboard.d.ts.map

package/lib/typescript/date-field/segmentKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmentKeyboard.d.ts","sourceRoot":"","sources":["../../../src/date-field/segmentKeyboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE9F,MAAM,WAAW,sBAAsB;IACrC,yDAAyD;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAQvE,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAEjE;AAED,qFAAqF;AACrF,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,eAAe,EACrB,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,sBAAsB,GAC/B,OAAO,CAsCT;AA+CD,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,OAAO,EACrB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,eAAe,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAoCA;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGrF;AAED,uEAAuE;AACvE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAYjE;AAED,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,WAAW,EAAE,EACvB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAChB,MAAM,GAAG,IAAI,CAWf;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAG/D;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE/C"}

package/lib/typescript/date-field/types.d.ts

@@ -0,0 +1,38 @@
+import type { ViewProps } from 'react-native';
+import type { DateComponentLabels, DateFieldMode, DateId, MonthId } from '@cdx-ui/formatters';
+export interface IDateFieldProps {
+    /**
+     * Controlled value: a `DateId` (`YYYY-MM-DD`) in date mode, or a `MonthId`
+     * (`YYYY-MM-01`) in month mode. Build one with `dateId(...)` / `monthId(...)`
+     * from `@cdx-ui/formatters` — a bare string will not type-check.
+     */
+    value?: DateId | MonthId;
+    /** Uncontrolled initial value, in the same format as `value`. */
+    defaultValue?: DateId | MonthId;
+    /** Called with the new value once every segment is filled, or `undefined` when the field is cleared. */
+    onValueChange?: (value: DateId | MonthId | undefined) => void;
+    /** Which segments to render: `date` shows month, day, and year; `month` shows month and year only. */
+    mode?: DateFieldMode;
+    /** BCP-47 locale that controls segment order and separators. Defaults to `en-US`. */
+    locale?: string;
+    /** Overrides the accessible labels announced for each segment. */
+    labels?: Partial<DateComponentLabels>;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+}
+export interface IDateFieldInputProps extends Omit<ViewProps, 'children'> {
+    children: (segment: import('@cdx-ui/formatters').DateSegment) => React.ReactNode;
+    /**
+     * Range-composition hint. Only meaningful when a `DateField.Input` is rendered
+     * inside a `DateRangePicker` — it binds the input to the range's start or end
+     * endpoint via the internal range bridge. Ignored for a standalone `DateField`.
+     */
+    slot?: 'start' | 'end';
+}
+export interface IDateFieldSegmentProps {
+    segment: import('@cdx-ui/formatters').DateSegment;
+    segmentIndex?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/date-field/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/date-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE9F,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,wGAAwG;IACxG,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9D,sGAAsG;IACtG,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACvE,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,oBAAoB,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;IACjF;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,oBAAoB,EAAE,WAAW,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/lib/typescript/date-field/useDateFieldSegmentState.d.ts

@@ -0,0 +1,26 @@
+import { type DateFieldMode, type DateSegment } from '@cdx-ui/formatters';
+import type { DateFieldValue } from './context';
+interface UseDateFieldSegmentStateOptions {
+    mode: DateFieldMode;
+    segments: DateSegment[];
+    value: DateFieldValue;
+    setValue: (value: DateFieldValue) => void;
+    disabled: boolean;
+    readOnly: boolean;
+}
+export declare function useDateFieldSegmentState({ mode, segments, value, setValue, disabled, readOnly, }: UseDateFieldSegmentStateOptions): {
+    focusedSegmentIndex: number | null;
+    segmentDraft: string;
+    setFocusedSegmentIndex: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+    focusSegment: (index: number) => void;
+    blurSegment: (index: number) => void;
+    focusNextEditableSegment: () => void;
+    focusPrevEditableSegment: () => void;
+    handleSegmentDigit: (input: string) => void;
+    handleSegmentInputChange: (raw: string) => void;
+    handleSegmentBackspace: () => void;
+    getSegmentDisplayText: (index: number) => string;
+    onSegmentChange: (segmentType: DateSegment["type"], segmentValue: number) => void;
+};
+export {};
+//# sourceMappingURL=useDateFieldSegmentState.d.ts.map

package/lib/typescript/date-field/useDateFieldSegmentState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateFieldSegmentState.d.ts","sourceRoot":"","sources":["../../../src/date-field/useDateFieldSegmentState.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,aAAa,EAElB,KAAK,WAAW,EAGjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAShD,UAAU,+BAA+B;IACvC,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAqDD,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,+BAA+B;;;;0BAwItB,MAAM;yBAcN,MAAM;;;gCA2CN,MAAM;oCAkDR,MAAM;;mCAiFJ,MAAM;mCAxPA,WAAW,CAAC,MAAM,CAAC,gBAAgB,MAAM;EAgS1D"}

package/lib/typescript/date-field/useRangeDateFieldBridge.d.ts

@@ -0,0 +1,4 @@
+import type { DateRangePickerContextValue } from '../date-range-picker/context';
+import type { DateFieldContextValue } from './context';
+export declare function useRangeDateFieldBridge(slot: 'start' | 'end', rangeCtx: DateRangePickerContextValue | null): DateFieldContextValue | null;
+//# sourceMappingURL=useRangeDateFieldBridge.d.ts.map

package/lib/typescript/date-field/useRangeDateFieldBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeDateFieldBridge.d.ts","sourceRoot":"","sources":["../../../src/date-field/useRangeDateFieldBridge.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,KAAK,EAAE,qBAAqB,EAAkB,MAAM,WAAW,CAAC;AAKvE,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,OAAO,GAAG,KAAK,EACrB,QAAQ,EAAE,2BAA2B,GAAG,IAAI,GAC3C,qBAAqB,GAAG,IAAI,CAkE9B"}

package/lib/typescript/date-picker/DatePickerRoot.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import type { DateComponentLabels, DateId } from '@cdx-ui/formatters';
+export interface DatePickerRootProps extends Omit<ViewProps, 'children'> {
+    asChild?: boolean;
+    children?: ReactNode;
+    className?: string;
+    value?: DateId;
+    defaultValue?: DateId;
+    onValueChange?: (value: DateId | undefined) => void;
+    /** Controlled open state. Use `defaultOpen` for the uncontrolled variant. */
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    /** Earliest selectable date, applied to the embedded calendar. Build with `dateId(...)`. */
+    minValue?: DateId;
+    /** Latest selectable date, applied to the embedded calendar. Build with `dateId(...)`. */
+    maxValue?: DateId;
+    name?: string;
+    locale?: string;
+    labels?: Partial<DateComponentLabels>;
+}
+export declare const DatePickerRoot: import("react").ForwardRefExoticComponent<DatePickerRootProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=DatePickerRoot.d.ts.map

package/lib/typescript/date-picker/DatePickerRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerRoot.d.ts","sourceRoot":"","sources":["../../../src/date-picker/DatePickerRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAQtE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,cAAc,sGA6I1B,CAAC"}

package/lib/typescript/date-picker/context.d.ts

@@ -0,0 +1,25 @@
+import { type RefObject } from 'react';
+import type { View } from 'react-native';
+import type { DateComponentLabels, DateId } from '@cdx-ui/formatters';
+export type PickerSurfaceType = 'popover' | 'dialog' | 'bottomSheet';
+export interface DatePickerContextValue {
+    value?: DateId;
+    onValueChange?: (value: DateId | undefined) => void;
+    draftValue?: DateId;
+    setDraftValue: (value: DateId | undefined) => void;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    disabled: boolean;
+    minValue?: DateId;
+    maxValue?: DateId;
+    locale: string;
+    labels: DateComponentLabels;
+    registerSurface: (type: PickerSurfaceType) => void;
+    /** Measured anchor for popover placement (picker root view). */
+    anchorRef: RefObject<View | null>;
+    /** Trigger element — excluded from outside-dismiss handling. */
+    triggerRef: RefObject<View | null>;
+}
+export declare const DatePickerContext: import("react").Context<DatePickerContextValue | null>;
+export declare function useDatePickerContext(): DatePickerContextValue;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/date-picker/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/date-picker/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAErE,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,mBAAmB,CAAC;IAC5B,eAAe,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,gEAAgE;IAChE,SAAS,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,gEAAgE;IAChE,UAAU,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB,wDAAqD,CAAC;AAEpF,wBAAgB,oBAAoB,IAAI,sBAAsB,CAM7D"}

package/lib/typescript/date-picker/index.d.ts

@@ -0,0 +1,5 @@
+export { DatePickerRoot } from './DatePickerRoot';
+export type { DatePickerRootProps } from './DatePickerRoot';
+export { DatePickerContext, useDatePickerContext, type DatePickerContextValue } from './context';
+export type { PickerSurfaceType } from './context';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,KAAK,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACjG,YAAY,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC"}

package/lib/typescript/date-range-picker/DateRangePickerRoot.d.ts

@@ -0,0 +1,43 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import type { DateComponentLabels } from '@cdx-ui/formatters';
+import type { RangeCalendarFocus } from '../range-calendar/context';
+import { type DateRangeValue } from './context';
+export interface DateRangePickerRootProps extends Omit<ViewProps, 'children'> {
+    asChild?: boolean;
+    children?: ReactNode;
+    className?: string;
+    /**
+     * Controlled range value as `{ startId, endId? }`. Build the ids with
+     * `dateId(...)` from `@cdx-ui/formatters` — a bare string will not type-check.
+     *
+     * @example
+     * value={{ startId: dateId('2026-08-01'), endId: dateId('2026-08-07') }}
+     */
+    value?: DateRangeValue;
+    /** Uncontrolled initial range, in the same shape as `value`. */
+    defaultValue?: DateRangeValue;
+    /**
+     * Called as the range changes. Emits `{ startId, endId? }` during selection —
+     * a **partial** range (with `endId` undefined) is emitted after the first
+     * endpoint is picked — and `undefined` when the range is fully cleared.
+     */
+    onValueChange?: (value: DateRangeValue | undefined) => void;
+    focusedField?: RangeCalendarFocus;
+    defaultFocusedField?: RangeCalendarFocus;
+    onFocusedFieldChange?: (field: RangeCalendarFocus) => void;
+    /** Controlled open state. Use `defaultOpen` for the uncontrolled variant. */
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    locale?: string;
+    labels?: Partial<DateComponentLabels>;
+    /** Form field name used when the selected range is submitted. */
+    name?: string;
+}
+export declare const DateRangePickerRoot: import("react").ForwardRefExoticComponent<DateRangePickerRootProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=DateRangePickerRoot.d.ts.map

package/lib/typescript/date-range-picker/DateRangePickerRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerRoot.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/DateRangePickerRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,mBAAmB,EAAU,MAAM,oBAAoB,CAAC;AAMtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAA0B,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAExE,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,gEAAgE;IAChE,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;IACzC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC3D,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACtC,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,2GAgL/B,CAAC"}

package/lib/typescript/date-range-picker/context.d.ts

@@ -0,0 +1,42 @@
+import { type RefObject } from 'react';
+import type { View } from 'react-native';
+import type { DateComponentLabels, DateId } from '@cdx-ui/formatters';
+import type { RangeCalendarFocus } from '../range-calendar/context';
+import type { PickerSurfaceType } from '../date-picker/context';
+/**
+ * A date range value. `endId` is optional: while the user is mid-selection (only
+ * the first endpoint chosen) the range carries `startId` alone. Build the ids
+ * with `dateId(...)` from `@cdx-ui/formatters`.
+ */
+export interface DateRangeValue {
+    startId: DateId;
+    endId?: DateId;
+}
+export interface DateRangePickerContextValue {
+    startValue?: DateId;
+    endValue?: DateId;
+    onRangeChange?: (range: DateRangeValue | undefined) => void;
+    draftStart?: DateId;
+    draftEnd?: DateId;
+    /** Sets both draft ends; omit a key to leave it, pass `null` to clear. */
+    setDraftRange: (range: {
+        startId?: DateId | null;
+        endId?: DateId | null;
+    }) => void;
+    focusedField: RangeCalendarFocus;
+    setFocusedField: (field: RangeCalendarFocus) => void;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    disabled: boolean;
+    readOnly: boolean;
+    invalid: boolean;
+    required: boolean;
+    locale: string;
+    labels: DateComponentLabels;
+    registerSurface: (type: PickerSurfaceType) => void;
+    anchorRef: RefObject<View | null>;
+    triggerRef: RefObject<View | null>;
+}
+export declare const DateRangePickerContext: import("react").Context<DateRangePickerContextValue | null>;
+export declare function useDateRangePickerContext(): DateRangePickerContextValue;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/date-range-picker/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,aAAa,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,YAAY,EAAE,kBAAkB,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACrD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,mBAAmB,CAAC;IAC5B,eAAe,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,UAAU,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,sBAAsB,6DAA0D,CAAC;AAE9F,wBAAgB,yBAAyB,IAAI,2BAA2B,CAMvE"}

package/lib/typescript/date-range-picker/index.d.ts

@@ -0,0 +1,4 @@
+export { DateRangePickerRoot } from './DateRangePickerRoot';
+export type { DateRangePickerRootProps } from './DateRangePickerRoot';
+export { DateRangePickerContext, useDateRangePickerContext, type DateRangePickerContextValue, type DateRangeValue, } from './context';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/date-range-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,KAAK,2BAA2B,EAChC,KAAK,cAAc,GACpB,MAAM,WAAW,CAAC"}

package/lib/typescript/date-time-field/DateTimeFieldHiddenInput.d.ts

@@ -0,0 +1,4 @@
+export declare function DateTimeFieldHiddenInput({ accessibilityLabel }: {
+    accessibilityLabel: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateTimeFieldHiddenInput.d.ts.map

package/lib/typescript/date-time-field/DateTimeFieldHiddenInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeFieldHiddenInput.d.ts","sourceRoot":"","sources":["../../../src/date-time-field/DateTimeFieldHiddenInput.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,wBAAwB,CAAC,EAAE,kBAAkB,EAAE,EAAE;IAAE,kBAAkB,EAAE,MAAM,CAAA;CAAE,2CAmI9F"}

package/lib/typescript/date-time-field/DateTimeFieldInput.d.ts

@@ -0,0 +1,10 @@
+import { View } from 'react-native';
+import type { DateSegment } from '@cdx-ui/formatters';
+export interface DateTimeFieldInputProps {
+    children: (segment: DateSegment) => React.ReactNode;
+    asChild?: boolean;
+    className?: string;
+    style?: import('react-native').StyleProp<import('react-native').ViewStyle>;
+}
+export declare const DateTimeFieldInput: import("react").ForwardRefExoticComponent<DateTimeFieldInputProps & Omit<import("react-native").ViewProps, "children"> & import("react").RefAttributes<View>>;
+//# sourceMappingURL=DateTimeFieldInput.d.ts.map

package/lib/typescript/date-time-field/DateTimeFieldInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeFieldInput.d.ts","sourceRoot":"","sources":["../../../src/date-time-field/DateTimeFieldInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,cAAc,EAAE,SAAS,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAC;CAC5E;AAED,eAAO,MAAM,kBAAkB,+JAoG7B,CAAC"}

package/lib/typescript/date-time-field/DateTimeFieldRoot.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type DateComponentLabels, type DateTimeGranularity, type DateTimeId } from '@cdx-ui/formatters';
+export interface DateTimeFieldRootProps extends Omit<ViewProps, 'children'> {
+    asChild?: boolean;
+    children?: ReactNode;
+    className?: string;
+    value?: DateTimeId;
+    defaultValue?: DateTimeId;
+    /** Called with the new `DateTimeId`, or `undefined` when the field is cleared. */
+    onValueChange?: (value: DateTimeId | undefined) => void;
+    granularity?: DateTimeGranularity;
+    locale?: string;
+    /** Force a 12- or 24-hour clock. Defaults to the locale's convention when omitted. */
+    hour12?: boolean;
+    labels?: Partial<DateComponentLabels>;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+}
+export declare const DateTimeFieldRoot: import("react").ForwardRefExoticComponent<DateTimeFieldRootProps & import("react").RefAttributes<View>>;
+export declare function applyDateTimePartChange(current: DateTimeId | undefined, part: 'date' | 'hour' | 'minute' | 'second' | 'period', partValue: string | number): DateTimeId;
+//# sourceMappingURL=DateTimeFieldRoot.d.ts.map

package/lib/typescript/date-time-field/DateTimeFieldRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeFieldRoot.d.ts","sourceRoot":"","sources":["../../../src/date-time-field/DateTimeFieldRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAML,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAO5B,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,kFAAkF;IAClF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,yGA0G7B,CAAC;AASF,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,UAAU,GAAG,SAAS,EAC/B,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EACtD,SAAS,EAAE,MAAM,GAAG,MAAM,GACzB,UAAU,CAoDZ"}

package/lib/typescript/date-time-field/DateTimeFieldSegment.d.ts

@@ -0,0 +1,10 @@
+import { Text, type ViewProps } from 'react-native';
+import { type DateSegment } from '@cdx-ui/formatters';
+export interface DateTimeFieldSegmentProps extends Omit<ViewProps, 'children'> {
+    segment: DateSegment;
+    asChild?: boolean;
+    segmentIndex?: number;
+    className?: string;
+}
+export declare const DateTimeFieldSegment: import("react").ForwardRefExoticComponent<DateTimeFieldSegmentProps & import("react").RefAttributes<Text>>;
+//# sourceMappingURL=DateTimeFieldSegment.d.ts.map

package/lib/typescript/date-time-field/DateTimeFieldSegment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeFieldSegment.d.ts","sourceRoot":"","sources":["../../../src/date-time-field/DateTimeFieldSegment.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,IAAI,EAEJ,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAoC,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMxF,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC5E,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,4GAuE/B,CAAC"}

package/lib/typescript/date-time-field/context.d.ts

@@ -0,0 +1,27 @@
+import type { DateComponentLabels, DateSegment, DateTimeGranularity, DateTimeId } from '@cdx-ui/formatters';
+export interface DateTimeFieldContextValue {
+    value?: DateTimeId;
+    onValueChange?: (value: DateTimeId | undefined) => void;
+    granularity: DateTimeGranularity;
+    locale: string;
+    hour12: boolean;
+    labels: DateComponentLabels;
+    segments: DateSegment[];
+    disabled: boolean;
+    readOnly: boolean;
+    invalid: boolean;
+    focusedSegmentIndex: number | null;
+    focusSegment: (index: number) => void;
+    blurSegment: (index: number) => void;
+    focusNextEditableSegment: () => void;
+    focusPrevEditableSegment: () => void;
+    handleSegmentDigit: (digits: string) => void;
+    handleSegmentInputChange: (raw: string) => void;
+    handleSegmentBackspace: () => void;
+    handleDayPeriodKey: (key: string) => void;
+    segmentDraft: string;
+    getSegmentDisplayText: (index: number) => string;
+}
+export declare const DateTimeFieldContext: import("react").Context<DateTimeFieldContextValue | null>;
+export declare function useDateTimeFieldContext(): DateTimeFieldContextValue;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/date-time-field/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/date-time-field/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EACX,mBAAmB,EACnB,UAAU,EACX,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,WAAW,EAAE,mBAAmB,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,wBAAwB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,kBAAkB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAClD;AAED,eAAO,MAAM,oBAAoB,2DAAwD,CAAC;AAE1F,wBAAgB,uBAAuB,IAAI,yBAAyB,CAMnE"}

package/lib/typescript/date-time-field/index.d.ts

@@ -0,0 +1,8 @@
+export { DateTimeFieldRoot, applyDateTimePartChange } from './DateTimeFieldRoot';
+export type { DateTimeFieldRootProps } from './DateTimeFieldRoot';
+export { DateTimeFieldInput } from './DateTimeFieldInput';
+export type { DateTimeFieldInputProps } from './DateTimeFieldInput';
+export { DateTimeFieldSegment } from './DateTimeFieldSegment';
+export type { DateTimeFieldSegmentProps } from './DateTimeFieldSegment';
+export { useDateTimeFieldContext } from './context';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/date-time-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AACjF,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC"}

package/lib/typescript/date-time-field/useDateTimeFieldSegmentState.d.ts

@@ -0,0 +1,26 @@
+import { type DateSegment, type DateTimeGranularity, type DateTimeId } from '@cdx-ui/formatters';
+interface UseDateTimeFieldSegmentStateOptions {
+    granularity: DateTimeGranularity;
+    hour12: boolean;
+    locale: string;
+    segments: DateSegment[];
+    value: DateTimeId | undefined;
+    setValue: (value: DateTimeId | undefined) => void;
+    disabled: boolean;
+    readOnly: boolean;
+}
+export declare function useDateTimeFieldSegmentState({ granularity, hour12, locale, segments, value, setValue, disabled, readOnly, }: UseDateTimeFieldSegmentStateOptions): {
+    focusedSegmentIndex: number | null;
+    segmentDraft: string;
+    focusSegment: (index: number) => void;
+    blurSegment: (index: number) => void;
+    focusNextEditableSegment: () => void;
+    focusPrevEditableSegment: () => void;
+    handleSegmentDigit: (input: string) => void;
+    handleSegmentInputChange: (raw: string) => void;
+    handleSegmentBackspace: () => void;
+    handleDayPeriodKey: (key: string) => void;
+    getSegmentDisplayText: (index: number) => string;
+};
+export {};
+//# sourceMappingURL=useDateTimeFieldSegmentState.d.ts.map

package/lib/typescript/date-time-field/useDateTimeFieldSegmentState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateTimeFieldSegmentState.d.ts","sourceRoot":"","sources":["../../../src/date-time-field/useDateTimeFieldSegmentState.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,WAAW,EAEhB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAa5B,UAAU,mCAAmC;IAC3C,WAAW,EAAE,mBAAmB,CAAC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AA2GD,wBAAgB,4BAA4B,CAAC,EAC3C,WAAW,EACX,MAAM,EACN,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,mCAAmC;;;0BA8M1B,MAAM;yBAcN,MAAM;;;gCA6DN,MAAM;oCAoFR,MAAM;;8BAzBN,MAAM;mCAgIJ,MAAM;EAqDjB"}

package/lib/typescript/date-time-list/DateTimeListRoot.d.ts

@@ -0,0 +1,42 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type DateTimeGranularity, type DateTimeId } from '@cdx-ui/formatters';
+import { type DateTimeListColumnType } from './context';
+/** Row height for wheel columns (must match styled component). */
+export declare const DATE_TIME_LIST_ITEM_HEIGHT = 40;
+/** Odd count so one row sits exactly in the center. */
+export declare const DATE_TIME_LIST_VISIBLE_ITEMS = 5;
+export declare const DATE_TIME_LIST_HEIGHT: number;
+/** Top/bottom padding so first/last items can snap into the center highlight. */
+export declare const DATE_TIME_LIST_EDGE_PAD: number;
+export interface DateTimeListRootProps extends Omit<ViewProps, 'children'> {
+    asChild?: boolean;
+    children?: ReactNode;
+    className?: string;
+    value?: DateTimeId;
+    defaultValue?: DateTimeId;
+    onValueChange?: (value: DateTimeId) => void;
+    onUserInteract?: () => void;
+    granularity?: DateTimeGranularity;
+    locale?: string;
+    /** Force a 12- or 24-hour clock. Defaults to the locale's convention when omitted. */
+    hour12?: boolean;
+    disabled?: boolean;
+    /** Earliest selectable date-time. Dates before it are hidden; times are clamped. Build with `dateTimeId(...)`. */
+    minValue?: DateTimeId;
+    /** Latest selectable date-time. Dates after it are hidden; times are clamped. Build with `dateTimeId(...)`. */
+    maxValue?: DateTimeId;
+}
+export declare const DateTimeListRoot: import("react").ForwardRefExoticComponent<DateTimeListRootProps & import("react").RefAttributes<View>>;
+export interface DateTimeListColumnProps extends Omit<ViewProps, 'children'> {
+    column: DateTimeListColumnType;
+    asChild?: boolean;
+    className?: string;
+    children?: (option: {
+        value: string | number;
+        label: string;
+        selected: boolean;
+    }) => React.ReactNode;
+}
+export declare const DateTimeListColumn: import("react").ForwardRefExoticComponent<DateTimeListColumnProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=DateTimeListRoot.d.ts.map

package/lib/typescript/date-time-list/DateTimeListRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeListRoot.d.ts","sourceRoot":"","sources":["../../../src/date-time-list/DateTimeListRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,IAAI,EACJ,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AACtB,OAAO,EAcL,KAAK,mBAAmB,EACxB,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAM5B,OAAO,EAIL,KAAK,sBAAsB,EAC5B,MAAM,WAAW,CAAC;AASnB,kEAAkE;AAClE,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAE7C,uDAAuD;AACvD,eAAO,MAAM,4BAA4B,IAAI,CAAC;AAE9C,eAAO,MAAM,qBAAqB,QAA4D,CAAC;AAE/F,iFAAiF;AACjF,eAAO,MAAM,uBAAuB,QAA2D,CAAC;AAoBhG,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kHAAkH;IAClH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,+GAA+G;IAC/G,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,wGAwF5B,CAAC;AAgEF,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC1E,MAAM,EAAE,sBAAsB,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,kBAAkB,0GAsQ9B,CAAC"}

package/lib/typescript/date-time-list/context.d.ts

@@ -0,0 +1,29 @@
+import type { DateTimeGranularity, DateTimeId } from '@cdx-ui/formatters';
+export type DateTimeListColumnType = 'date' | 'hour' | 'minute' | 'second' | 'period';
+export interface DateTimeListContextValue {
+    value?: DateTimeId;
+    onValueChange?: (value: DateTimeId) => void;
+    onUserInteract?: () => void;
+    granularity: DateTimeGranularity;
+    locale: string;
+    hour12: boolean;
+    disabled: boolean;
+    /** Earliest selectable date-time (`YYYY-MM-DDTHH:MM`). */
+    minValue?: DateTimeId;
+    /** Latest selectable date-time (`YYYY-MM-DDTHH:MM`). */
+    maxValue?: DateTimeId;
+}
+export declare const DateTimeListContext: import("react").Context<DateTimeListContextValue | null>;
+export declare function useDateTimeListContext(): DateTimeListContextValue;
+export interface DateTimeListColumnContextValue {
+    column: DateTimeListColumnType;
+    options: {
+        value: string | number;
+        label: string;
+    }[];
+    selectedValue?: string | number;
+    onSelect: (value: string | number) => void;
+}
+export declare const DateTimeListColumnContext: import("react").Context<DateTimeListColumnContextValue | null>;
+export declare function useDateTimeListColumnContext(): DateTimeListColumnContextValue;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/date-time-list/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/date-time-list/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtF,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,mBAAmB,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,0DAAuD,CAAC;AAExF,wBAAgB,sBAAsB,IAAI,wBAAwB,CAMjE;AAED,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,sBAAsB,CAAC;IAC/B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,yBAAyB,gEAA6D,CAAC;AAEpG,wBAAgB,4BAA4B,IAAI,8BAA8B,CAM7E"}

package/lib/typescript/date-time-list/index.d.ts

@@ -0,0 +1,4 @@
+export { DateTimeListRoot, DateTimeListColumn, DATE_TIME_LIST_ITEM_HEIGHT, DATE_TIME_LIST_VISIBLE_ITEMS, DATE_TIME_LIST_HEIGHT, DATE_TIME_LIST_EDGE_PAD, } from './DateTimeListRoot';
+export type { DateTimeListRootProps, DateTimeListColumnProps } from './DateTimeListRoot';
+export { DateTimeListContext, useDateTimeListContext, useDateTimeListColumnContext, type DateTimeListColumnType, type DateTimeListContextValue, } from './context';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/date-time-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,0BAA0B,EAC1B,4BAA4B,EAC5B,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AACzF,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,4BAA4B,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,WAAW,CAAC"}