@cdx-ui/components 0.0.1-beta.140 → 0.0.1-beta.142

package/lib/typescript/components/DatePicker/index.d.ts

@@ -0,0 +1,40 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type DatePickerRootProps as DatePickerRootPrimitiveProps } from '@cdx-ui/primitives';
+import { type CalendarProps } from '../Calendar';
+import { type PickerTriggerProps } from '../picker/PickerTrigger';
+export interface DatePickerProps extends DatePickerRootPrimitiveProps, Omit<ViewProps, 'children'> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const DatePickerRoot: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<View>>;
+declare const DatePickerTrigger: import("react").ForwardRefExoticComponent<Omit<PickerTriggerProps, "accessibilityLabel" | "disabled" | "open" | "setOpen" | "triggerRef"> & {
+    accessibilityLabel?: string;
+} & import("react").RefAttributes<View>>;
+declare const DatePickerTriggerIndicator: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type DatePickerCalendarProps = Omit<CalendarProps, 'value' | 'onValueChange' | 'minValue' | 'maxValue'>;
+declare const DatePickerCalendar: import("react").ForwardRefExoticComponent<DatePickerCalendarProps & import("react").RefAttributes<View>>;
+declare function DatePickerDialog({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerBottomSheet({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerPopover({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+type DatePickerCompound = typeof DatePickerRoot & {
+    Trigger: typeof DatePickerTrigger;
+    TriggerIndicator: typeof DatePickerTriggerIndicator;
+    Calendar: typeof DatePickerCalendar;
+    Popover: typeof DatePickerPopover;
+    Dialog: typeof DatePickerDialog;
+    BottomSheet: typeof DatePickerBottomSheet;
+};
+export declare const DatePicker: DatePickerCompound;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EAML,KAAK,mBAAmB,IAAI,4BAA4B,EACzD,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAOjF,MAAM,WAAW,eAAgB,SAAQ,4BAA4B,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,QAAA,MAAM,cAAc,kGAyBnB,CAAC;AAWF,QAAA,MAAM,iBAAiB;yBAHA,MAAM;wCAkB5B,CAAC;AAIF,QAAA,MAAM,0BAA0B;;;CAE/B,CAAC;AAIF,KAAK,uBAAuB,GAAG,IAAI,CACjC,aAAa,EACb,OAAO,GAAG,eAAe,GAAG,UAAU,GAAG,UAAU,CACpD,CAAC;AAEF,QAAA,MAAM,kBAAkB,0GA0BtB,CAAC;AAIH,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAa9D;AAED,iBAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAWnE;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAc9F;AAED,KAAK,kBAAkB,GAAG,OAAO,cAAc,GAAG;IAChD,OAAO,EAAE,OAAO,iBAAiB,CAAC;IAClC,gBAAgB,EAAE,OAAO,0BAA0B,CAAC;IACpD,QAAQ,EAAE,OAAO,kBAAkB,CAAC;IACpC,OAAO,EAAE,OAAO,iBAAiB,CAAC;IAClC,MAAM,EAAE,OAAO,gBAAgB,CAAC;IAChC,WAAW,EAAE,OAAO,qBAAqB,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,UAAU,EAOjB,kBAAkB,CAAC"}

package/lib/typescript/components/DateRangePicker/index.d.ts

@@ -0,0 +1,45 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type DateRangePickerRootProps as DateRangePickerRootPrimitiveProps } from '@cdx-ui/primitives';
+import { type RangeCalendarProps } from '../RangeCalendar';
+import { type PickerTriggerProps } from '../picker/PickerTrigger';
+export type { DateRangeValue } from '@cdx-ui/primitives';
+export interface DateRangePickerProps extends DateRangePickerRootPrimitiveProps, Omit<ViewProps, 'children'> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const DateRangePickerRoot: import("react").ForwardRefExoticComponent<DateRangePickerProps & import("react").RefAttributes<View>>;
+declare const DateRangePickerTrigger: import("react").ForwardRefExoticComponent<Omit<PickerTriggerProps, "accessibilityLabel" | "disabled" | "open" | "setOpen" | "triggerRef"> & {
+    accessibilityLabel?: string;
+} & import("react").RefAttributes<View>>;
+declare const DateRangePickerTriggerIndicator: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DateRangePickerRangeSeparator: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type DateRangePickerCalendarProps = Omit<RangeCalendarProps, 'startValue' | 'endValue' | 'onRangeChange' | 'focusedField' | 'onFocusedFieldChange'>;
+declare const DateRangePickerCalendar: import("react").ForwardRefExoticComponent<DateRangePickerCalendarProps & import("react").RefAttributes<View>>;
+declare function DateRangePickerDialog({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DateRangePickerBottomSheet({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DateRangePickerPopover({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+type DateRangePickerCompound = typeof DateRangePickerRoot & {
+    Trigger: typeof DateRangePickerTrigger;
+    TriggerIndicator: typeof DateRangePickerTriggerIndicator;
+    RangeSeparator: typeof DateRangePickerRangeSeparator;
+    Calendar: typeof DateRangePickerCalendar;
+    Popover: typeof DateRangePickerPopover;
+    Dialog: typeof DateRangePickerDialog;
+    BottomSheet: typeof DateRangePickerBottomSheet;
+};
+export declare const DateRangePicker: DateRangePickerCompound;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/DateRangePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAQ,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAML,KAAK,wBAAwB,IAAI,iCAAiC,EACnE,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAOjF,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,oBACf,SAAQ,iCAAiC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,QAAA,MAAM,mBAAmB,uGAyBxB,CAAC;AAWF,QAAA,MAAM,sBAAsB;yBAHL,MAAM;wCAkB5B,CAAC;AAIF,QAAA,MAAM,+BAA+B;;;CAEpC,CAAC;AAIF,QAAA,MAAM,6BAA6B;;;CAGlC,CAAC;AAIF,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,EAClB,YAAY,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,GAAG,sBAAsB,CACtF,CAAC;AAEF,QAAA,MAAM,uBAAuB,+GAwB5B,CAAC;AAIF,iBAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAanE;AAED,iBAAS,0BAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAWxE;AAED,iBAAS,sBAAsB,CAAC,EAC9B,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAcA;AAED,KAAK,uBAAuB,GAAG,OAAO,mBAAmB,GAAG;IAC1D,OAAO,EAAE,OAAO,sBAAsB,CAAC;IACvC,gBAAgB,EAAE,OAAO,+BAA+B,CAAC;IACzD,cAAc,EAAE,OAAO,6BAA6B,CAAC;IACrD,QAAQ,EAAE,OAAO,uBAAuB,CAAC;IACzC,OAAO,EAAE,OAAO,sBAAsB,CAAC;IACvC,MAAM,EAAE,OAAO,qBAAqB,CAAC;IACrC,WAAW,EAAE,OAAO,0BAA0B,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,EAQtB,uBAAuB,CAAC"}

package/lib/typescript/components/DateTimeField/index.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type DateTimeFieldRootProps as DateTimeFieldRootPrimitiveProps } from '@cdx-ui/primitives';
+import { DateField } from '../DateField';
+import { type DateFieldGroupVariantProps } from '../DateField/styles';
+export interface DateTimeFieldProps extends DateTimeFieldRootPrimitiveProps, DateFieldGroupVariantProps, Omit<ViewProps, 'children'> {
+    className?: string;
+    children?: ReactNode;
+    /** When true (the default), the group stretches to fill its container; when false, it hugs the segments. */
+    fullWidth?: boolean;
+}
+declare const DateTimeFieldRoot: import("react").ForwardRefExoticComponent<DateTimeFieldProps & import("react").RefAttributes<View>>;
+declare const DateTimeFieldInput: import("react").ForwardRefExoticComponent<{
+    children: (segment: import("@cdx-ui/formatters").DateSegment) => ReactNode;
+    className?: string;
+} & Omit<ViewProps, "children"> & import("react").RefAttributes<View>>;
+declare const DateTimeFieldSegment: import("react").ForwardRefExoticComponent<{
+    segment: import("@cdx-ui/formatters").DateSegment;
+    className?: string;
+} & Omit<ViewProps, "children"> & import("react").RefAttributes<View>>;
+type DateTimeFieldCompound = typeof DateTimeFieldRoot & {
+    Group: typeof DateField.Group;
+    Input: typeof DateTimeFieldInput;
+    Segment: typeof DateTimeFieldSegment;
+    Suffix: typeof DateField.Suffix;
+};
+export declare const DateTimeField: DateTimeFieldCompound;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/DateTimeField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimeField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAML,KAAK,sBAAsB,IAAI,+BAA+B,EAC/D,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAIL,KAAK,0BAA0B,EAChC,MAAM,qBAAqB,CAAC;AAW7B,MAAM,WAAW,kBACf,SAAQ,+BAA+B,EAAE,0BAA0B,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4GAA4G;IAC5G,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,iBAAiB,qGA+BtB,CAAC;AAIF,QAAA,MAAM,kBAAkB;cAGV,CAAC,OAAO,EAAE,OAAO,oBAAoB,EAAE,WAAW,KAAK,SAAS;gBAC9D,MAAM;sEAYpB,CAAC;AAIH,QAAA,MAAM,oBAAoB;aAGb,OAAO,oBAAoB,EAAE,WAAW;gBACrC,MAAM;sEAgBpB,CAAC;AAIH,KAAK,qBAAqB,GAAG,OAAO,iBAAiB,GAAG;IACtD,KAAK,EAAE,OAAO,SAAS,CAAC,KAAK,CAAC;IAC9B,KAAK,EAAE,OAAO,kBAAkB,CAAC;IACjC,OAAO,EAAE,OAAO,oBAAoB,CAAC;IACrC,MAAM,EAAE,OAAO,SAAS,CAAC,MAAM,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,aAAa,EAKpB,qBAAqB,CAAC"}

package/lib/typescript/components/DateTimeList/index.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type DateTimeListRootProps as DateTimeListRootPrimitiveProps } from '@cdx-ui/primitives';
+export interface DateTimeListProps extends DateTimeListRootPrimitiveProps, Omit<ViewProps, 'children'> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const DateTimeListRoot: import("react").ForwardRefExoticComponent<DateTimeListProps & import("react").RefAttributes<View>>;
+declare function DateTimeListDateColumn(props: ViewProps): import("react/jsx-runtime").JSX.Element;
+declare function DateTimeListTimeColumn(props: ViewProps): import("react/jsx-runtime").JSX.Element;
+declare function DateTimeListPeriodColumn(props: ViewProps): import("react/jsx-runtime").JSX.Element;
+type DateTimeListCompound = typeof DateTimeListRoot & {
+    DateColumn: typeof DateTimeListDateColumn;
+    TimeColumn: typeof DateTimeListTimeColumn;
+    PeriodColumn: typeof DateTimeListPeriodColumn;
+};
+export declare const DateTimeList: DateTimeListCompound;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/DateTimeList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimeList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,EAUL,KAAK,qBAAqB,IAAI,8BAA8B,EAC7D,MAAM,oBAAoB,CAAC;AAa5B,MAAM,WAAW,iBACf,SAAQ,8BAA8B,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAuCD,QAAA,MAAM,gBAAgB,oGA0BrB,CAAC;AAgDF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,SAAS,2CAE/C;AAcD,iBAAS,sBAAsB,CAAC,KAAK,EAAE,SAAS,2CAU/C;AAED,iBAAS,wBAAwB,CAAC,KAAK,EAAE,SAAS,2CAEjD;AAED,KAAK,oBAAoB,GAAG,OAAO,gBAAgB,GAAG;IACpD,UAAU,EAAE,OAAO,sBAAsB,CAAC;IAC1C,UAAU,EAAE,OAAO,sBAAsB,CAAC;IAC1C,YAAY,EAAE,OAAO,wBAAwB,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,YAAY,EAInB,oBAAoB,CAAC"}

package/lib/typescript/components/DateTimeList/styles.d.ts

@@ -0,0 +1,17 @@
+import { type VariantProps } from '@cdx-ui/utils';
+export declare const dateTimeListRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const dateTimeListHighlightVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const dateTimeListColumnsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const dateTimeListColumnVariants: (props?: ({
+    column?: "date" | "hour" | "minute" | "second" | "period" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const dateTimeListOptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const dateTimeListOptionTextVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const dateTimeListEdgeFadeVariants: (props?: ({
+    edge?: "bottom" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type DateTimeListColumnVariantProps = VariantProps<typeof dateTimeListColumnVariants>;
+export type DateTimeListEdgeFadeVariantProps = VariantProps<typeof dateTimeListEdgeFadeVariants>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/DateTimeList/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimeList/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAUvD,eAAO,MAAM,wBAAwB,oFAEpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,oFAIxC,CAAC;AAEH,eAAO,MAAM,2BAA2B,oFAA0C,CAAC;AAEnF,eAAO,MAAM,0BAA0B;;8EAWrC,CAAC;AAEH,eAAO,MAAM,0BAA0B,oFAAiD,CAAC;AAEzF,eAAO,MAAM,8BAA8B;;8EAQzC,CAAC;AAEH,eAAO,MAAM,4BAA4B;;8EAQvC,CAAC;AAEH,MAAM,MAAM,8BAA8B,GAAG,YAAY,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAC7F,MAAM,MAAM,gCAAgC,GAAG,YAAY,CAAC,OAAO,4BAA4B,CAAC,CAAC"}

package/lib/typescript/components/DateTimePicker/index.d.ts

@@ -0,0 +1,40 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type DateTimePickerRootProps as DateTimePickerRootPrimitiveProps } from '@cdx-ui/primitives';
+import { type DateTimeListProps } from '../DateTimeList';
+import { type PickerTriggerProps } from '../picker/PickerTrigger';
+export interface DateTimePickerProps extends DateTimePickerRootPrimitiveProps, Omit<ViewProps, 'children'> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const DateTimePickerRoot: import("react").ForwardRefExoticComponent<DateTimePickerProps & import("react").RefAttributes<View>>;
+declare const DateTimePickerTrigger: import("react").ForwardRefExoticComponent<Omit<PickerTriggerProps, "accessibilityLabel" | "disabled" | "open" | "setOpen" | "triggerRef"> & {
+    accessibilityLabel?: string;
+} & import("react").RefAttributes<View>>;
+declare const DateTimePickerTriggerIndicator: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type DateTimePickerListProps = Omit<DateTimeListProps, 'value' | 'onValueChange' | 'onUserInteract' | 'granularity' | 'hour12' | 'locale' | 'minValue' | 'maxValue'>;
+declare const DateTimePickerList: import("react").ForwardRefExoticComponent<DateTimePickerListProps & import("react").RefAttributes<View>>;
+declare function DateTimePickerDialog({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DateTimePickerBottomSheet({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DateTimePickerPopover({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+type DateTimePickerCompound = typeof DateTimePickerRoot & {
+    Trigger: typeof DateTimePickerTrigger;
+    TriggerIndicator: typeof DateTimePickerTriggerIndicator;
+    List: typeof DateTimePickerList;
+    Popover: typeof DateTimePickerPopover;
+    Dialog: typeof DateTimePickerDialog;
+    BottomSheet: typeof DateTimePickerBottomSheet;
+};
+export declare const DateTimePicker: DateTimePickerCompound;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/DateTimePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5F,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAML,KAAK,uBAAuB,IAAI,gCAAgC,EACjE,MAAM,oBAAoB,CAAC;AAK5B,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAOjF,MAAM,WAAW,mBACf,SAAQ,gCAAgC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,QAAA,MAAM,kBAAkB,sGAyBvB,CAAC;AAWF,QAAA,MAAM,qBAAqB;yBAHJ,MAAM;wCAkB5B,CAAC;AAIF,QAAA,MAAM,8BAA8B;;;CAEnC,CAAC;AAIF,KAAK,uBAAuB,GAAG,IAAI,CACjC,iBAAiB,EACf,OAAO,GACP,eAAe,GACf,gBAAgB,GAChB,aAAa,GACb,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,UAAU,CACb,CAAC;AAEF,QAAA,MAAM,kBAAkB,0GA0DtB,CAAC;AAIH,iBAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAalE;AAED,iBAAS,yBAAyB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAWvE;AAED,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAcA;AAED,KAAK,sBAAsB,GAAG,OAAO,kBAAkB,GAAG;IACxD,OAAO,EAAE,OAAO,qBAAqB,CAAC;IACtC,gBAAgB,EAAE,OAAO,8BAA8B,CAAC;IACxD,IAAI,EAAE,OAAO,kBAAkB,CAAC;IAChC,OAAO,EAAE,OAAO,qBAAqB,CAAC;IACtC,MAAM,EAAE,OAAO,oBAAoB,CAAC;IACpC,WAAW,EAAE,OAAO,yBAAyB,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,cAAc,EAOrB,sBAAsB,CAAC"}

package/lib/typescript/components/MonthCalendar/index.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type MonthCalendarRootProps } from '@cdx-ui/primitives';
+export interface MonthCalendarProps extends Omit<MonthCalendarRootProps, 'children'>, Omit<ViewProps, 'children'> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const MonthCalendarRoot: import("react").ForwardRefExoticComponent<MonthCalendarProps & import("react").RefAttributes<View>>;
+declare const MonthCalendarHeader: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<View>>;
+declare const MonthCalendarGrid: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<View>>;
+declare const MonthCalendarCell: import("react").ForwardRefExoticComponent<{
+    month: number;
+    className?: string;
+    children?: ReactNode;
+} & import("react").RefAttributes<View>>;
+declare const MonthCalendarYearCell: import("react").ForwardRefExoticComponent<{
+    year: number;
+    className?: string;
+    children?: ReactNode;
+} & import("react").RefAttributes<View>>;
+type MonthCalendarCompound = typeof MonthCalendarRoot & {
+    Header: typeof MonthCalendarHeader;
+    Grid: typeof MonthCalendarGrid;
+    Cell: typeof MonthCalendarCell;
+    YearCell: typeof MonthCalendarYearCell;
+};
+export declare const MonthCalendar: MonthCalendarCompound;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/MonthCalendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MonthCalendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAOL,KAAK,sBAAsB,EAC5B,MAAM,oBAAoB,CAAC;AAyB5B,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,QAAA,MAAM,iBAAiB,qGAYtB,CAAC;AAIF,QAAA,MAAM,mBAAmB,4FAqEvB,CAAC;AAIH,QAAA,MAAM,iBAAiB,4FAqCrB,CAAC;AAIH,QAAA,MAAM,iBAAiB;WAEZ,MAAM;gBAAc,MAAM;eAAa,SAAS;wCAwBzD,CAAC;AAIH,QAAA,MAAM,qBAAqB;UAEjB,MAAM;gBAAc,MAAM;eAAa,SAAS;wCAuBxD,CAAC;AAIH,KAAK,qBAAqB,GAAG,OAAO,iBAAiB,GAAG;IACtD,MAAM,EAAE,OAAO,mBAAmB,CAAC;IACnC,IAAI,EAAE,OAAO,iBAAiB,CAAC;IAC/B,IAAI,EAAE,OAAO,iBAAiB,CAAC;IAC/B,QAAQ,EAAE,OAAO,qBAAqB,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,aAAa,EAKpB,qBAAqB,CAAC"}

package/lib/typescript/components/MonthPicker/index.d.ts

@@ -0,0 +1,40 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type MonthPickerRootProps as MonthPickerRootPrimitiveProps } from '@cdx-ui/primitives';
+import { type MonthCalendarProps } from '../MonthCalendar';
+import { type PickerTriggerProps } from '../picker/PickerTrigger';
+export interface MonthPickerProps extends MonthPickerRootPrimitiveProps, Omit<ViewProps, 'children'> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const MonthPickerRoot: import("react").ForwardRefExoticComponent<MonthPickerProps & import("react").RefAttributes<View>>;
+declare const MonthPickerTrigger: import("react").ForwardRefExoticComponent<Omit<PickerTriggerProps, "accessibilityLabel" | "disabled" | "open" | "setOpen" | "triggerRef"> & {
+    accessibilityLabel?: string;
+} & import("react").RefAttributes<View>>;
+declare const MonthPickerTriggerIndicator: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MonthPickerCalendarProps = Omit<MonthCalendarProps, 'value' | 'onValueChange' | 'minValue' | 'maxValue'>;
+declare const MonthPickerCalendar: import("react").ForwardRefExoticComponent<MonthPickerCalendarProps & import("react").RefAttributes<View>>;
+declare function MonthPickerDialog({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MonthPickerBottomSheet({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MonthPickerPopover({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+type MonthPickerCompound = typeof MonthPickerRoot & {
+    Trigger: typeof MonthPickerTrigger;
+    TriggerIndicator: typeof MonthPickerTriggerIndicator;
+    Calendar: typeof MonthPickerCalendar;
+    Popover: typeof MonthPickerPopover;
+    Dialog: typeof MonthPickerDialog;
+    BottomSheet: typeof MonthPickerBottomSheet;
+};
+export declare const MonthPicker: MonthPickerCompound;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/MonthPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MonthPicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAML,KAAK,oBAAoB,IAAI,6BAA6B,EAC3D,MAAM,oBAAoB,CAAC;AAK5B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAOjF,MAAM,WAAW,gBACf,SAAQ,6BAA6B,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,QAAA,MAAM,eAAe,mGAyBpB,CAAC;AAWF,QAAA,MAAM,kBAAkB;yBAHD,MAAM;wCAkB5B,CAAC;AAIF,QAAA,MAAM,2BAA2B;;;CAEhC,CAAC;AAIF,KAAK,wBAAwB,GAAG,IAAI,CAClC,kBAAkB,EAClB,OAAO,GAAG,eAAe,GAAG,UAAU,GAAG,UAAU,CACpD,CAAC;AAEF,QAAA,MAAM,mBAAmB,2GA0BvB,CAAC;AAIH,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAa/D;AAED,iBAAS,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAWpE;AAED,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAc/F;AAED,KAAK,mBAAmB,GAAG,OAAO,eAAe,GAAG;IAClD,OAAO,EAAE,OAAO,kBAAkB,CAAC;IACnC,gBAAgB,EAAE,OAAO,2BAA2B,CAAC;IACrD,QAAQ,EAAE,OAAO,mBAAmB,CAAC;IACrC,OAAO,EAAE,OAAO,kBAAkB,CAAC;IACnC,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,WAAW,EAAE,OAAO,sBAAsB,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,EAOlB,mBAAmB,CAAC"}

package/lib/typescript/components/RangeCalendar/index.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type RangeCalendarRootProps } from '@cdx-ui/primitives';
+export interface RangeCalendarProps extends Omit<RangeCalendarRootProps, 'children'>, Omit<ViewProps, 'children'> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const RangeCalendarRoot: import("react").ForwardRefExoticComponent<RangeCalendarProps & import("react").RefAttributes<View>>;
+declare const RangeCalendarHeader: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<View>>;
+declare const RangeCalendarYearPicker: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<View>>;
+declare const RangeCalendarGrid: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<View>>;
+type RangeCalendarCompound = typeof RangeCalendarRoot & {
+    Header: typeof RangeCalendarHeader;
+    Grid: typeof RangeCalendarGrid;
+    YearPicker: typeof RangeCalendarYearPicker;
+};
+export declare const RangeCalendar: RangeCalendarCompound;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/RangeCalendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/RangeCalendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAKL,KAAK,sBAAsB,EAC5B,MAAM,oBAAoB,CAAC;AAa5B,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAYD,QAAA,MAAM,iBAAiB,qGAYtB,CAAC;AAIF,QAAA,MAAM,mBAAmB,4FAkBvB,CAAC;AAIH,QAAA,MAAM,uBAAuB,4FAiB5B,CAAC;AAIF,QAAA,MAAM,iBAAiB,4FAkDrB,CAAC;AAIH,KAAK,qBAAqB,GAAG,OAAO,iBAAiB,GAAG;IACtD,MAAM,EAAE,OAAO,mBAAmB,CAAC;IACnC,IAAI,EAAE,OAAO,iBAAiB,CAAC;IAC/B,UAAU,EAAE,OAAO,uBAAuB,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,aAAa,EAIpB,qBAAqB,CAAC"}

package/lib/typescript/components/index.d.ts

@@ -11,6 +11,16 @@ export * from './Carousel';
 export * from './Checkbox';
 export * from './Chip';
 export * from './CurrencyInput';
+export * from './DateField';
+export * from './Calendar';
+export * from './RangeCalendar';
+export * from './MonthCalendar';
+export * from './DatePicker';
+export * from './DateRangePicker';
+export * from './MonthPicker';
+export * from './DateTimeField';
+export * from './DateTimeList';
+export * from './DateTimePicker';
 export * from './Dialog';
 export * from './Divider';
 export * from './Field';

package/lib/typescript/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/lib/typescript/components/picker/PickerTrigger.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode, type RefObject } from 'react';
+import { type PressableProps, type View } from 'react-native';
+export interface PickerTriggerProps extends PressableProps {
+    /**
+     * Merge press / a11y props onto the single child instead of rendering a `Pressable`.
+     * Use when the trigger should be another interactive host (e.g. `IconButton`).
+     * For a larger field hit target, prefer wrapping `DateField.Group` as children
+     * without `asChild` so the outer `Pressable` covers the whole input chrome.
+     */
+    asChild?: boolean;
+    children?: ReactNode;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    disabled?: boolean;
+    triggerRef: RefObject<View | null>;
+    accessibilityLabel: string;
+}
+/**
+ * Shared open/close press host for date / month / date-time picker compounds.
+ * Compose two ways:
+ * - **Icon-only** (editable segmented fields): wrap `TriggerIndicator` inside `DateField.Suffix`
+ * - **Full-field** (range or overlay-primary selection): wrap the entire `DateField.Group`
+ */
+export declare const PickerTrigger: import("react").ForwardRefExoticComponent<PickerTriggerProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=PickerTrigger.d.ts.map

package/lib/typescript/components/picker/PickerTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/picker/PickerTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAIzE,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACnC,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,qGAmCzB,CAAC"}

package/lib/typescript/components/picker/styles.d.ts

@@ -0,0 +1,4 @@
+/** Keeps the picker popover above app chrome and other absolutely-positioned surfaces. */
+export declare const PICKER_POPOVER_Z_INDEX = 9999;
+export declare const pickerPopoverContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/picker/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/picker/styles.ts"],"names":[],"mappings":"AAGA,0FAA0F;AAC1F,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C,eAAO,MAAM,4BAA4B,oFAUvC,CAAC"}

package/lib/typescript/components/picker/surfaces.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode, type RefObject } from 'react';
+import { View } from 'react-native';
+import { type BottomSheetModalProps } from '../BottomSheet';
+export declare function PickerDialogSurface({ open, setOpen, registerSurface, children, }: {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    registerSurface: (type: 'dialog') => void;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+type PickerBottomSheetSurfaceProps = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    registerSurface: (type: 'bottomSheet') => void;
+    children: ReactNode;
+} & Pick<BottomSheetModalProps, 'snapPoints' | 'enableDynamicSizing'>;
+export declare function PickerBottomSheetSurface({ open, setOpen, registerSurface, children, snapPoints, enableDynamicSizing, }: PickerBottomSheetSurfaceProps): import("react/jsx-runtime").JSX.Element;
+interface PickerPopoverSurfaceProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    registerSurface: (type: 'popover') => void;
+    anchorRef: RefObject<View | null>;
+    triggerRef?: RefObject<View | null>;
+    children: ReactNode;
+    className?: string;
+}
+export declare function PickerPopoverSurface({ open, setOpen, registerSurface, anchorRef, triggerRef, children, className, }: PickerPopoverSurfaceProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=surfaces.d.ts.map

package/lib/typescript/components/picker/surfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../../../../src/components/picker/surfaces.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjG,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAWhD,OAAO,EAA+B,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKzF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAUA;AAED,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,qBAAqB,EAAE,YAAY,GAAG,qBAAqB,CAAC,CAAC;AAEtE,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,QAAQ,EACR,UAA2B,EAC3B,mBAA2B,GAC5B,EAAE,6BAA6B,2CA+C/B;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,yBAAyB,kDAqD3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-beta.140",
+  "version": "0.0.1-beta.142",
   "license": "MIT",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -74,11 +74,13 @@
   },
   "dependencies": {
     "@gorhom/bottom-sheet": "5.2.14",
+    "@marceloterreiro/flash-calendar": "2.0.0",
     "react-native-reanimated-carousel": "5.0.0-beta.5",
     "uniwind": "1.10.0",
-    "@cdx-ui/utils": "0.0.1-beta.140",
-    "@cdx-ui/primitives": "0.0.1-beta.140",
-    "@cdx-ui/icons": "0.0.1-beta.140"
+    "@cdx-ui/formatters": "0.0.1-beta.133",
+    "@cdx-ui/primitives": "0.0.1-beta.142",
+    "@cdx-ui/utils": "0.0.1-beta.142",
+    "@cdx-ui/icons": "0.0.1-beta.142"
   },
   "devDependencies": {
     "@react-navigation/bottom-tabs": "*",

package/src/components/BottomSheet/index.tsx

@@ -369,5 +369,11 @@ export const BottomSheet = {
 
 export function useBottomSheet() {
   const ref = useRef<BottomSheetModalRef>(null);
-  return { ref, present: () => ref.current?.present(), dismiss: () => ref.current?.dismiss() };
+  const present = useCallback(() => {
+    ref.current?.present();
+  }, []);
+  const dismiss = useCallback(() => {
+    ref.current?.dismiss();
+  }, []);
+  return { ref, present, dismiss };
 }

package/src/components/Calendar/CalendarMonthHeader.tsx

@@ -0,0 +1,124 @@
+import { forwardRef, useCallback, useMemo, type ComponentRef } from 'react';
+import { Pressable, Text, View, type ViewProps } from 'react-native';
+import {
+  formatCalendarMonthYear,
+  formatMonthId,
+  parseMonthId,
+  resolveDateComponentLabels,
+  type DateComponentLabels,
+  type MonthId,
+} from '@cdx-ui/formatters';
+import { cn } from '@cdx-ui/utils';
+import { ChevronLeft, ChevronRight, KeyboardArrowDown } from '@cdx-ui/icons';
+import { Icon } from '../Icon';
+import { IconButton } from '../IconButton';
+import {
+  calendarMonthHeaderIconVariants,
+  calendarMonthHeaderLabelVariants,
+  calendarMonthHeaderNavVariants,
+  calendarMonthHeaderToggleVariants,
+  calendarMonthHeaderVariants,
+} from './styles';
+
+export type CalendarNavigationView = 'month' | 'year';
+
+export interface CalendarMonthHeaderProps extends ViewProps {
+  monthId: MonthId;
+  onMonthIdChange: (monthId: MonthId) => void;
+  disabled?: boolean;
+  view: CalendarNavigationView;
+  onViewChange: (view: CalendarNavigationView) => void;
+  locale?: string;
+  labels?: Partial<DateComponentLabels>;
+}
+
+export const CalendarMonthHeader = forwardRef<ComponentRef<typeof View>, CalendarMonthHeaderProps>(
+  (
+    {
+      monthId,
+      onMonthIdChange,
+      disabled = false,
+      view,
+      onViewChange,
+      locale = 'en-US',
+      labels: labelsProp,
+      className,
+      style,
+      ...props
+    },
+    ref,
+  ) => {
+    const labels = useMemo(() => resolveDateComponentLabels(labelsProp), [labelsProp]);
+    const label = formatCalendarMonthYear(monthId, { locale });
+    const isYearView = view === 'year';
+
+    const shiftMonth = useCallback(
+      (delta: number) => {
+        const parts = parseMonthId(monthId);
+        if (!parts) {
+          return;
+        }
+        const date = new Date(parts.year, parts.month - 1 + delta, 1);
+        onMonthIdChange(formatMonthId({ year: date.getFullYear(), month: date.getMonth() + 1 }));
+      },
+      [monthId, onMonthIdChange],
+    );
+
+    const toggleYearView = useCallback(() => {
+      if (disabled) {
+        return;
+      }
+      onViewChange(isYearView ? 'month' : 'year');
+    }, [disabled, isYearView, onViewChange]);
+
+    return (
+      <View
+        ref={ref}
+        className={cn(calendarMonthHeaderVariants(), className)}
+        style={style}
+        {...props}
+      >
+        <Pressable
+          accessibilityRole="button"
+          accessibilityLabel={isYearView ? labels.showCalendar : labels.showYearPicker}
+          disabled={disabled}
+          onPress={toggleYearView}
+          className={calendarMonthHeaderToggleVariants()}
+        >
+          <Text className={calendarMonthHeaderLabelVariants({ isYearView })} numberOfLines={1}>
+            {label}
+          </Text>
+          <Icon
+            as={isYearView ? KeyboardArrowDown : ChevronRight}
+            className={calendarMonthHeaderIconVariants({ isYearView })}
+          />
+        </Pressable>
+
+        {!isYearView ? (
+          <View className={calendarMonthHeaderNavVariants()}>
+            <IconButton
+              as={ChevronLeft}
+              variant="ghost"
+              color="neutral"
+              size="small"
+              accessibilityLabel={labels.previousMonth}
+              isDisabled={disabled}
+              onPress={() => shiftMonth(-1)}
+            />
+            <IconButton
+              as={ChevronRight}
+              variant="ghost"
+              color="neutral"
+              size="small"
+              accessibilityLabel={labels.nextMonth}
+              isDisabled={disabled}
+              onPress={() => shiftMonth(1)}
+            />
+          </View>
+        ) : null}
+      </View>
+    );
+  },
+);
+
+CalendarMonthHeader.displayName = 'CalendarMonthHeader';