@xaui/native 0.0.21 → 0.0.23

package/dist/components/chip/chip.type.d.ts

@@ -0,0 +1,188 @@
+import type { ReactNode } from 'react';
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { ThemeColor } from '../../types';
+export type ChipVariant = 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'shadow' | 'dot';
+export type ChipSize = 'sm' | 'md' | 'lg';
+export type ChipRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+export type ChipSelectMode = 'single' | 'multiple';
+type ChipCustomAppearance = {
+    /**
+     * Custom styles for the chip container
+     */
+    container?: ViewStyle;
+    /**
+     * Custom styles for the chip text
+     */
+    text?: TextStyle;
+    /**
+     * Custom styles for the close button
+     */
+    closeButton?: ViewStyle;
+    /**
+     * Custom styles for the dot indicator
+     */
+    dot?: ViewStyle;
+};
+export type ChipProps = {
+    /**
+     * The content to display inside the chip.
+     */
+    children: ReactNode;
+    /**
+     * The visual variant of the chip.
+     * @default 'solid'
+     */
+    variant?: ChipVariant;
+    /**
+     * The theme color of the chip.
+     * @default 'default'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * The size of the chip.
+     * @default 'md'
+     */
+    size?: ChipSize;
+    /**
+     * The border radius of the chip.
+     * @default 'full'
+     */
+    radius?: ChipRadius;
+    /**
+     * Avatar or image to display at the start.
+     */
+    avatar?: ReactNode;
+    /**
+     * Content to display at the start of the chip.
+     */
+    startContent?: ReactNode;
+    /**
+     * Content to display at the end of the chip.
+     */
+    endContent?: ReactNode;
+    /**
+     * Whether the chip is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Custom appearance styles for chip parts.
+     */
+    customAppearance?: ChipCustomAppearance;
+    /**
+     * Callback fired when the close button is pressed.
+     * When provided, a close button is rendered.
+     */
+    onClose?: () => void;
+    /**
+     * Callback fired when the chip is pressed.
+     */
+    onPress?: () => void;
+};
+export type ChipItemProps = {
+    /**
+     * Unique key for the chip item within a group.
+     */
+    value: string;
+    /**
+     * The content to display inside the chip item.
+     */
+    children: ReactNode;
+    /**
+     * The visual variant of the chip item.
+     * Overrides the group variant if set.
+     */
+    variant?: ChipVariant;
+    /**
+     * The theme color of the chip item.
+     * Overrides the group color if set.
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Avatar or image to display at the start.
+     */
+    avatar?: ReactNode;
+    /**
+     * Content to display at the start of the chip.
+     */
+    startContent?: ReactNode;
+    /**
+     * Content to display at the end of the chip.
+     */
+    endContent?: ReactNode;
+    /**
+     * Whether the chip item is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Custom appearance styles for chip parts.
+     */
+    customAppearance?: ChipCustomAppearance;
+};
+export type ChipGroupProps = {
+    /**
+     * ChipItem children.
+     */
+    children: ReactNode;
+    /**
+     * Whether chips in the group are selectable.
+     * @default false
+     */
+    isSelectable?: boolean;
+    /**
+     * Selection mode when isSelectable is true.
+     * @default 'single'
+     */
+    selectMode?: ChipSelectMode;
+    /**
+     * The visual variant applied to all chips.
+     * @default 'solid'
+     */
+    variant?: ChipVariant;
+    /**
+     * The theme color applied to all chips.
+     * @default 'default'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * The size applied to all chips.
+     * @default 'md'
+     */
+    size?: ChipSize;
+    /**
+     * The border radius applied to all chips.
+     * @default 'full'
+     */
+    radius?: ChipRadius;
+    /**
+     * Whether all chips in the group are disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Controlled selected values.
+     */
+    selectedValues?: string[];
+    /**
+     * Default selected values for uncontrolled mode.
+     */
+    defaultSelectedValues?: string[];
+    /**
+     * Callback fired when the selection changes.
+     */
+    onSelectionChange?: (values: string[]) => void;
+    /**
+     * Spacing between chips.
+     * @default 8
+     */
+    spacing?: number;
+    /**
+     * Custom appearance styles for the group container.
+     */
+    customAppearance?: {
+        container?: ViewStyle;
+    };
+};
+export {};
+//# sourceMappingURL=chip.type.d.ts.map

package/dist/components/chip/chip.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.type.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip.type.ts"],"names":[],"mappings":"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"}

package/dist/components/chip/index.d.mts

@@ -0,0 +1,5 @@
+export { Chip } from './chip';
+export { ChipGroup } from './chip-group';
+export { ChipItem } from './chip-item';
+export type { ChipProps, ChipGroupProps, ChipItemProps, ChipVariant, ChipSize, ChipRadius, ChipSelectMode, } from './chip.type';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/chip/index.d.ts

@@ -0,0 +1,5 @@
+export { Chip } from './chip';
+export { ChipGroup } from './chip-group';
+export { ChipItem } from './chip-item';
+export type { ChipProps, ChipGroupProps, ChipItemProps, ChipVariant, ChipSize, ChipRadius, ChipSelectMode, } from './chip.type';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,YAAY,EACV,SAAS,EACT,cAAc,EACd,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,cAAc,GACf,MAAM,aAAa,CAAA"}

package/dist/components/datepicker/datepicker-trigger.d.mts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { LayoutChangeEvent, TextStyle, ViewStyle } from 'react-native';
+import { View } from 'react-native';
+type DatePickerTriggerProps = {
+    triggerRef: React.RefObject<View | null>;
+    isDisabled: boolean;
+    hasValue: boolean;
+    displayValue: string;
+    sizeStyles: {
+        minHeight: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        fontSize: number;
+    };
+    radiusStyles: ViewStyle;
+    variantStyles: ViewStyle;
+    theme: {
+        colors: {
+            foreground: string;
+        };
+    };
+    isClearable: boolean;
+    label?: React.ReactNode;
+    labelText?: string;
+    isLabelInside?: boolean;
+    calendarIcon?: React.ReactNode;
+    style?: ViewStyle;
+    textStyle?: TextStyle;
+    onPress: () => void;
+    onClear: () => void;
+    onLayout: (event: LayoutChangeEvent) => void;
+};
+export declare const DatePickerTrigger: React.FC<DatePickerTriggerProps>;
+export {};
+//# sourceMappingURL=datepicker-trigger.d.ts.map

package/dist/components/datepicker/datepicker-trigger.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { LayoutChangeEvent, TextStyle, ViewStyle } from 'react-native';
+import { View } from 'react-native';
+type DatePickerTriggerProps = {
+    triggerRef: React.RefObject<View | null>;
+    isDisabled: boolean;
+    hasValue: boolean;
+    displayValue: string;
+    sizeStyles: {
+        minHeight: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        fontSize: number;
+    };
+    radiusStyles: ViewStyle;
+    variantStyles: ViewStyle;
+    theme: {
+        colors: {
+            foreground: string;
+        };
+    };
+    isClearable: boolean;
+    label?: React.ReactNode;
+    labelText?: string;
+    isLabelInside?: boolean;
+    calendarIcon?: React.ReactNode;
+    style?: ViewStyle;
+    textStyle?: TextStyle;
+    onPress: () => void;
+    onClear: () => void;
+    onLayout: (event: LayoutChangeEvent) => void;
+};
+export declare const DatePickerTrigger: React.FC<DatePickerTriggerProps>;
+export {};
+//# sourceMappingURL=datepicker-trigger.d.ts.map

package/dist/components/datepicker/datepicker-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/datepicker-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC3E,OAAO,EAAqC,IAAI,EAAE,MAAM,cAAc,CAAA;AAMtE,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IACxC,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE;QACV,SAAS,EAAE,MAAM,CAAA;QACjB,iBAAiB,EAAE,MAAM,CAAA;QACzB,eAAe,EAAE,MAAM,CAAA;QACvB,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,YAAY,EAAE,SAAS,CAAA;IACvB,aAAa,EAAE,SAAS,CAAA;IACxB,KAAK,EAAE;QACL,MAAM,EAAE;YACN,UAAU,EAAE,MAAM,CAAA;SACnB,CAAA;KACF,CAAA;IACD,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0E9D,CAAA"}

package/dist/components/datepicker/datepicker.d.mts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DatePickerProps } from './datepicker.type';
+export declare const DatePicker: React.FC<DatePickerProps>;
+//# sourceMappingURL=datepicker.d.ts.map

package/dist/components/datepicker/datepicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DatePickerProps } from './datepicker.type';
+export declare const DatePicker: React.FC<DatePickerProps>;
+//# sourceMappingURL=datepicker.d.ts.map

package/dist/components/datepicker/datepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAexD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4KhD,CAAA"}

package/dist/components/datepicker/datepicker.hook.d.mts

@@ -0,0 +1,39 @@
+import type { Radius, Size, ThemeColor } from '../../types';
+import type { DatePickerVariant } from './datepicker.type';
+type DatePickerSizeStyles = {
+    minHeight: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    fontSize: number;
+    labelSize: number;
+};
+export declare const useDatePickerSizeStyles: (size: Size) => DatePickerSizeStyles;
+export declare const useDatePickerRadiusStyles: (radius: Radius) => {
+    borderRadius: number;
+};
+export declare const useDatePickerVariantStyles: (themeColor: ThemeColor, variant: DatePickerVariant, isInvalid: boolean) => {
+    backgroundColor: string;
+    borderWidth: number;
+    borderColor: string;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+    borderColor: string;
+} | {
+    backgroundColor: string;
+    borderBottomWidth: number;
+    borderColor: string;
+};
+export declare const useDatePickerLabelStyle: (themeColor: ThemeColor, isInvalid: boolean, labelSize: number) => {
+    fontSize: number;
+    color: string;
+};
+export declare const useDatePickerHelperColor: (isInvalid: boolean) => string;
+export {};
+//# sourceMappingURL=datepicker.hook.d.ts.map

package/dist/components/datepicker/datepicker.hook.d.ts

@@ -0,0 +1,39 @@
+import type { Radius, Size, ThemeColor } from '../../types';
+import type { DatePickerVariant } from './datepicker.type';
+type DatePickerSizeStyles = {
+    minHeight: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    fontSize: number;
+    labelSize: number;
+};
+export declare const useDatePickerSizeStyles: (size: Size) => DatePickerSizeStyles;
+export declare const useDatePickerRadiusStyles: (radius: Radius) => {
+    borderRadius: number;
+};
+export declare const useDatePickerVariantStyles: (themeColor: ThemeColor, variant: DatePickerVariant, isInvalid: boolean) => {
+    backgroundColor: string;
+    borderWidth: number;
+    borderColor: string;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+    borderColor: string;
+} | {
+    backgroundColor: string;
+    borderBottomWidth: number;
+    borderColor: string;
+};
+export declare const useDatePickerLabelStyle: (themeColor: ThemeColor, isInvalid: boolean, labelSize: number) => {
+    fontSize: number;
+    color: string;
+};
+export declare const useDatePickerHelperColor: (isInvalid: boolean) => string;
+export {};
+//# sourceMappingURL=datepicker.hook.d.ts.map

package/dist/components/datepicker/datepicker.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.hook.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/datepicker.hook.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAE1D,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAUD,eAAO,MAAM,uBAAuB,GAAI,MAAM,IAAI,KAAG,oBAqCpD,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,QAAQ,MAAM;;CAcvD,CAAA;AAED,eAAO,MAAM,0BAA0B,GACrC,YAAY,UAAU,EACtB,SAAS,iBAAiB,EAC1B,WAAW,OAAO;;;;;;;;;;;;;;;;;;CA0CnB,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,YAAY,UAAU,EACtB,WAAW,OAAO,EAClB,WAAW,MAAM;;;CAkBlB,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,WAAW,OAAO,WAU1D,CAAA"}

package/dist/components/datepicker/datepicker.state.hook.d.mts

@@ -0,0 +1,33 @@
+import type { CalendarViewMode } from './datepicker.type';
+type UseDatePickerStateProps = {
+    value?: Date | null;
+    defaultValue?: Date;
+    onChange?: (date: Date | null) => void;
+};
+export declare const useDatePickerState: ({ value, defaultValue, onChange, }: UseDatePickerStateProps) => {
+    selectedDate: Date | null;
+    updateDate: (date: Date | null) => void;
+};
+type UseDatePickerOpenStateProps = {
+    isDisabled: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+};
+export declare const useDatePickerOpenState: ({ isDisabled, onOpenChange, onOpen, onClose, }: UseDatePickerOpenStateProps) => {
+    isOpen: boolean;
+    setOpen: (open: boolean) => void;
+};
+export declare const useDatePickerViewState: (initialDate?: Date | null) => {
+    viewDate: Date;
+    viewMode: CalendarViewMode;
+    goToPreviousMonth: () => void;
+    goToNextMonth: () => void;
+    goToYear: (year: number) => void;
+    goToMonth: (month: number) => void;
+    goToToday: () => void;
+    toggleYearPicker: () => void;
+    syncViewToDate: (date: Date) => void;
+};
+export {};
+//# sourceMappingURL=datepicker.state.hook.d.ts.map

package/dist/components/datepicker/datepicker.state.hook.d.ts

@@ -0,0 +1,33 @@
+import type { CalendarViewMode } from './datepicker.type';
+type UseDatePickerStateProps = {
+    value?: Date | null;
+    defaultValue?: Date;
+    onChange?: (date: Date | null) => void;
+};
+export declare const useDatePickerState: ({ value, defaultValue, onChange, }: UseDatePickerStateProps) => {
+    selectedDate: Date | null;
+    updateDate: (date: Date | null) => void;
+};
+type UseDatePickerOpenStateProps = {
+    isDisabled: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+};
+export declare const useDatePickerOpenState: ({ isDisabled, onOpenChange, onOpen, onClose, }: UseDatePickerOpenStateProps) => {
+    isOpen: boolean;
+    setOpen: (open: boolean) => void;
+};
+export declare const useDatePickerViewState: (initialDate?: Date | null) => {
+    viewDate: Date;
+    viewMode: CalendarViewMode;
+    goToPreviousMonth: () => void;
+    goToNextMonth: () => void;
+    goToYear: (year: number) => void;
+    goToMonth: (month: number) => void;
+    goToToday: () => void;
+    toggleYearPicker: () => void;
+    syncViewToDate: (date: Date) => void;
+};
+export {};
+//# sourceMappingURL=datepicker.state.hook.d.ts.map

package/dist/components/datepicker/datepicker.state.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.state.hook.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/datepicker.state.hook.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,KAAK,uBAAuB,GAAG;IAC7B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,oCAIhC,uBAAuB;;uBAOf,IAAI,GAAG,IAAI;CAUrB,CAAA;AAED,KAAK,2BAA2B,GAAG;IACjC,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,gDAKpC,2BAA2B;;oBAInB,OAAO;CAgBjB,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,cAAc,IAAI,GAAG,IAAI;;;;;qBAa1B,MAAM;uBAKJ,MAAM;;;2BAcF,IAAI;CAe/C,CAAA"}

package/dist/components/datepicker/datepicker.style.d.mts

@@ -0,0 +1,49 @@
+export declare const styles: {
+    container: {
+        gap: number;
+        position: "relative";
+    };
+    fullWidth: {
+        flexShrink: number;
+        flexBasis: "auto";
+        width: "100%";
+    };
+    minWidth: {
+        minWidth: number;
+    };
+    label: {
+        fontWeight: "500";
+    };
+    trigger: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        gap: number;
+    };
+    triggerContent: {
+        flexDirection: "row";
+        alignItems: "center";
+        flex: number;
+        gap: number;
+    };
+    triggerText: {
+        flex: number;
+    };
+    clearButton: {
+        padding: number;
+        paddingLeft: number;
+        marginRight: number;
+    };
+    helperText: {
+        fontSize: number;
+    };
+    disabled: {
+        opacity: number;
+    };
+    outsideLeftRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+};
+//# sourceMappingURL=datepicker.style.d.ts.map

package/dist/components/datepicker/datepicker.style.d.ts

@@ -0,0 +1,49 @@
+export declare const styles: {
+    container: {
+        gap: number;
+        position: "relative";
+    };
+    fullWidth: {
+        flexShrink: number;
+        flexBasis: "auto";
+        width: "100%";
+    };
+    minWidth: {
+        minWidth: number;
+    };
+    label: {
+        fontWeight: "500";
+    };
+    trigger: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        gap: number;
+    };
+    triggerContent: {
+        flexDirection: "row";
+        alignItems: "center";
+        flex: number;
+        gap: number;
+    };
+    triggerText: {
+        flex: number;
+    };
+    clearButton: {
+        padding: number;
+        paddingLeft: number;
+        marginRight: number;
+    };
+    helperText: {
+        fontSize: number;
+    };
+    disabled: {
+        opacity: number;
+    };
+    outsideLeftRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+};
+//# sourceMappingURL=datepicker.style.d.ts.map

package/dist/components/datepicker/datepicker.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.style.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/datepicker.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CjB,CAAA"}

package/dist/{datepicker/index.d.cts → components/datepicker/datepicker.type.d.mts}

@@ -1,16 +1,15 @@
-import React, { ReactNode } from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor, S as Size, R as Radius } from '../index-BOw6tbkc.cjs';
-
-type DatePickerVariant = 'outlined' | 'flat' | 'light' | 'faded' | 'underlined';
-type DatePickerLabelPlacement = 'inside' | 'outside' | 'outside-left' | 'outside-top';
-type DatePickerCustomAppearance = {
+import type { ReactNode } from 'react';
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { Radius, Size, ThemeColor } from '../../types';
+export type DatePickerVariant = 'outlined' | 'flat' | 'light' | 'faded' | 'underlined';
+export type DatePickerLabelPlacement = 'inside' | 'outside' | 'outside-left' | 'outside-top';
+export type DatePickerCustomAppearance = {
     container?: ViewStyle;
     text?: TextStyle;
     trigger?: ViewStyle;
     calendar?: ViewStyle;
 };
-type DatePickerProps = {
+export type DatePickerProps = {
     value?: Date | null;
     defaultValue?: Date;
     onChange?: (date: Date | null) => void;
@@ -39,7 +38,5 @@ type DatePickerProps = {
     onClose?: () => void;
     onOpenChange?: (isOpen: boolean) => void;
 };
-
-declare const DatePicker: React.FC<DatePickerProps>;
-
-export { DatePicker, type DatePickerCustomAppearance, type DatePickerLabelPlacement, type DatePickerProps, type DatePickerVariant };
+export type CalendarViewMode = 'calendar' | 'year' | 'month';
+//# sourceMappingURL=datepicker.type.d.ts.map

package/dist/components/datepicker/datepicker.type.d.ts

@@ -0,0 +1,42 @@
+import type { ReactNode } from 'react';
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { Radius, Size, ThemeColor } from '../../types';
+export type DatePickerVariant = 'outlined' | 'flat' | 'light' | 'faded' | 'underlined';
+export type DatePickerLabelPlacement = 'inside' | 'outside' | 'outside-left' | 'outside-top';
+export type DatePickerCustomAppearance = {
+    container?: ViewStyle;
+    text?: TextStyle;
+    trigger?: ViewStyle;
+    calendar?: ViewStyle;
+};
+export type DatePickerProps = {
+    value?: Date | null;
+    defaultValue?: Date;
+    onChange?: (date: Date | null) => void;
+    locale?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    firstDayOfWeek?: 0 | 1;
+    variant?: DatePickerVariant;
+    themeColor?: ThemeColor;
+    size?: Size;
+    radius?: Radius;
+    label?: ReactNode;
+    placeholder?: string;
+    description?: ReactNode;
+    errorMessage?: ReactNode;
+    labelPlacement?: DatePickerLabelPlacement;
+    fullWidth?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    isClearable?: boolean;
+    disableAnimation?: boolean;
+    customAppearance?: DatePickerCustomAppearance;
+    calendarIcon?: ReactNode;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onOpenChange?: (isOpen: boolean) => void;
+};
+export type CalendarViewMode = 'calendar' | 'year' | 'month';
+//# sourceMappingURL=datepicker.type.d.ts.map

package/dist/components/datepicker/datepicker.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.type.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/datepicker.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE3D,MAAM,MAAM,iBAAiB,GACzB,UAAU,GACV,MAAM,GACN,OAAO,GACP,OAAO,GACP,YAAY,CAAA;AAEhB,MAAM,MAAM,wBAAwB,GAChC,QAAQ,GACR,SAAS,GACT,cAAc,GACd,aAAa,CAAA;AAEjB,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,cAAc,CAAC,EAAE,wBAAwB,CAAA;IACzC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,0BAA0B,CAAA;IAC7C,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAA"}

package/dist/components/datepicker/datepicker.utils.d.mts

@@ -0,0 +1,25 @@
+export declare const getWeekdayNames: (locale: string, firstDayOfWeek: 0 | 1) => string[];
+export declare const getMonthNames: (locale: string) => string[];
+export declare const getMonthName: (month: number, locale: string) => string;
+export declare const formatDate: (date: Date, locale: string) => string;
+export declare const isSameDay: (a: Date, b: Date) => boolean;
+export declare const isToday: (date: Date) => boolean;
+export declare const isDateInRange: (date: Date, minDate?: Date, maxDate?: Date) => boolean;
+type CalendarDay = {
+    date: Date;
+    day: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isDisabled: boolean;
+};
+export declare const getCalendarDays: (year: number, month: number, firstDayOfWeek: 0 | 1, minDate?: Date, maxDate?: Date) => CalendarDay[];
+export declare const getYearRange: (minDate?: Date, maxDate?: Date) => number[];
+type DatePickerLabels = {
+    selectDate: string;
+    today: string;
+    confirm: string;
+};
+export declare const getDatePickerLabels: (locale: string) => DatePickerLabels;
+export declare const getFirstDayOfWeek: (locale: string) => 0 | 1;
+export {};
+//# sourceMappingURL=datepicker.utils.d.ts.map