@xaui/native 0.0.21 → 0.0.23

package/dist/components/input/date-time-input.d.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+import { TextInput as RNTextInput } from 'react-native';
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style" | "value" | "defaultValue"> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    label?: React.ReactNode;
+    labelPlacement?: import("./input.type").TextInputLabelPlacement;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    themeColor?: import("../../types").ThemeColor;
+    variant?: import("./input.type").TextInputVariant;
+    size?: import("./input.type").TextInputSize;
+    radius?: import("../../types").Radius;
+    isSecured?: boolean;
+    isClearable?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    fullWidth?: boolean;
+    customAppearance?: import("./input.type").TextInputCustomAppearance;
+} & {
+    separator?: import("./date-time-input.type").DateSeparator;
+    dateOrder?: import("./date-time-input.type").DateOrder;
+    locale?: string;
+} & React.RefAttributes<RNTextInput>>;
+export declare const TimeInput: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style" | "value" | "defaultValue"> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    label?: React.ReactNode;
+    labelPlacement?: import("./input.type").TextInputLabelPlacement;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    themeColor?: import("../../types").ThemeColor;
+    variant?: import("./input.type").TextInputVariant;
+    size?: import("./input.type").TextInputSize;
+    radius?: import("../../types").Radius;
+    isSecured?: boolean;
+    isClearable?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    fullWidth?: boolean;
+    customAppearance?: import("./input.type").TextInputCustomAppearance;
+} & {
+    granularity?: import("./date-time-input.type").TimeInputGranularity;
+    hourCycle?: 12 | 24;
+} & React.RefAttributes<RNTextInput>>;
+export declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style" | "value" | "defaultValue"> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    label?: React.ReactNode;
+    labelPlacement?: import("./input.type").TextInputLabelPlacement;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    themeColor?: import("../../types").ThemeColor;
+    variant?: import("./input.type").TextInputVariant;
+    size?: import("./input.type").TextInputSize;
+    radius?: import("../../types").Radius;
+    isSecured?: boolean;
+    isClearable?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    fullWidth?: boolean;
+    customAppearance?: import("./input.type").TextInputCustomAppearance;
+} & {
+    separator?: import("./date-time-input.type").DateSeparator;
+    dateOrder?: import("./date-time-input.type").DateOrder;
+    locale?: string;
+    granularity?: import("./date-time-input.type").TimeInputGranularity;
+    hourCycle?: 12 | 24;
+} & React.RefAttributes<RNTextInput>>;
+//# sourceMappingURL=date-time-input.d.ts.map

package/dist/components/input/date-time-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-input.d.ts","sourceRoot":"","sources":["../../../src/components/input/date-time-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AAoBvD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;qCA4CrB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;qCAsCrB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAyDzB,CAAA"}

package/dist/components/input/date-time-input.hook.d.mts

@@ -0,0 +1,12 @@
+import type { DateOrder, DateSeparator, TimeInputGranularity } from './date-time-input.type';
+export declare const getDateOrder: (locale: string) => DateOrder;
+export declare const formatDateInput: (text: string, dateOrder: DateOrder, separator: DateSeparator) => string;
+export declare const formatTimeInput: (text: string, granularity: TimeInputGranularity, hourCycle: 12 | 24) => string;
+export declare const formatDateTimeInput: (text: string, dateOrder: DateOrder, separator: DateSeparator, granularity: TimeInputGranularity, hourCycle: 12 | 24) => string;
+export declare const getDatePlaceholder: (dateOrder: DateOrder, separator: DateSeparator) => string;
+export declare const getTimePlaceholder: (granularity: TimeInputGranularity, hourCycle: 12 | 24) => string;
+export declare const getDateTimePlaceholder: (dateOrder: DateOrder, separator: DateSeparator, granularity: TimeInputGranularity, hourCycle: 12 | 24) => string;
+export declare const getDateMaxLength: (separator: DateSeparator) => number;
+export declare const getTimeMaxLength: (granularity: TimeInputGranularity, hourCycle: 12 | 24) => number;
+export declare const getDateTimeMaxLength: (separator: DateSeparator, granularity: TimeInputGranularity, hourCycle: 12 | 24) => number;
+//# sourceMappingURL=date-time-input.hook.d.ts.map

package/dist/components/input/date-time-input.hook.d.ts

@@ -0,0 +1,12 @@
+import type { DateOrder, DateSeparator, TimeInputGranularity } from './date-time-input.type';
+export declare const getDateOrder: (locale: string) => DateOrder;
+export declare const formatDateInput: (text: string, dateOrder: DateOrder, separator: DateSeparator) => string;
+export declare const formatTimeInput: (text: string, granularity: TimeInputGranularity, hourCycle: 12 | 24) => string;
+export declare const formatDateTimeInput: (text: string, dateOrder: DateOrder, separator: DateSeparator, granularity: TimeInputGranularity, hourCycle: 12 | 24) => string;
+export declare const getDatePlaceholder: (dateOrder: DateOrder, separator: DateSeparator) => string;
+export declare const getTimePlaceholder: (granularity: TimeInputGranularity, hourCycle: 12 | 24) => string;
+export declare const getDateTimePlaceholder: (dateOrder: DateOrder, separator: DateSeparator, granularity: TimeInputGranularity, hourCycle: 12 | 24) => string;
+export declare const getDateMaxLength: (separator: DateSeparator) => number;
+export declare const getTimeMaxLength: (granularity: TimeInputGranularity, hourCycle: 12 | 24) => number;
+export declare const getDateTimeMaxLength: (separator: DateSeparator, granularity: TimeInputGranularity, hourCycle: 12 | 24) => number;
+//# sourceMappingURL=date-time-input.hook.d.ts.map

package/dist/components/input/date-time-input.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-input.hook.d.ts","sourceRoot":"","sources":["../../../src/components/input/date-time-input.hook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,oBAAoB,EACrB,MAAM,wBAAwB,CAAA;AAK/B,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,KAAG,SAqB7C,CAAA;AAsBD,eAAO,MAAM,eAAe,GAC1B,MAAM,MAAM,EACZ,WAAW,SAAS,EACpB,WAAW,aAAa,KACvB,MAKF,CAAA;AAED,eAAO,MAAM,eAAe,GAC1B,MAAM,MAAM,EACZ,aAAa,oBAAoB,EACjC,WAAW,EAAE,GAAG,EAAE,KACjB,MAiBF,CAAA;AAED,eAAO,MAAM,mBAAmB,GAC9B,MAAM,MAAM,EACZ,WAAW,SAAS,EACpB,WAAW,aAAa,EACxB,aAAa,oBAAoB,EACjC,WAAW,EAAE,GAAG,EAAE,KACjB,MA0BF,CAAA;AAED,eAAO,MAAM,kBAAkB,GAC7B,WAAW,SAAS,EACpB,WAAW,aAAa,KACvB,MAOF,CAAA;AAED,eAAO,MAAM,kBAAkB,GAC7B,aAAa,oBAAoB,EACjC,WAAW,EAAE,GAAG,EAAE,KACjB,MAKF,CAAA;AAED,eAAO,MAAM,sBAAsB,GACjC,WAAW,SAAS,EACpB,WAAW,aAAa,EACxB,aAAa,oBAAoB,EACjC,WAAW,EAAE,GAAG,EAAE,KACjB,MAEF,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,WAAW,aAAa,KAAG,MAE3D,CAAA;AAED,eAAO,MAAM,gBAAgB,GAC3B,aAAa,oBAAoB,EACjC,WAAW,EAAE,GAAG,EAAE,KACjB,MAGF,CAAA;AAED,eAAO,MAAM,oBAAoB,GAC/B,WAAW,aAAa,EACxB,aAAa,oBAAoB,EACjC,WAAW,EAAE,GAAG,EAAE,KACjB,MAEF,CAAA"}

package/dist/components/input/date-time-input.type.d.mts

@@ -0,0 +1,61 @@
+import type { TextInputProps } from './input.type';
+export type DateSeparator = '-' | '/' | '.';
+export type DateOrder = 'YMD' | 'DMY' | 'MDY';
+export type TimeInputGranularity = 'minute' | 'second';
+export type DateInputProps = TextInputProps & {
+    /**
+     * Separator character between date segments.
+     * @default '-'
+     */
+    separator?: DateSeparator;
+    /**
+     * Date segment ordering.
+     * Auto-detected from locale if not provided.
+     */
+    dateOrder?: DateOrder;
+    /**
+     * Locale string used to auto-detect date order.
+     * @default 'en-US'
+     */
+    locale?: string;
+};
+export type TimeInputProps = TextInputProps & {
+    /**
+     * Smallest time unit shown in the placeholder.
+     * @default 'minute'
+     */
+    granularity?: TimeInputGranularity;
+    /**
+     * 12-hour or 24-hour format placeholder hint.
+     * @default 24
+     */
+    hourCycle?: 12 | 24;
+};
+export type DateTimeInputProps = TextInputProps & {
+    /**
+     * Separator character between date segments.
+     * @default '-'
+     */
+    separator?: DateSeparator;
+    /**
+     * Date segment ordering.
+     * Auto-detected from locale if not provided.
+     */
+    dateOrder?: DateOrder;
+    /**
+     * Locale string used to auto-detect date order.
+     * @default 'en-US'
+     */
+    locale?: string;
+    /**
+     * Smallest time unit shown in the placeholder.
+     * @default 'minute'
+     */
+    granularity?: TimeInputGranularity;
+    /**
+     * 12-hour or 24-hour format placeholder hint.
+     * @default 24
+     */
+    hourCycle?: 12 | 24;
+};
+//# sourceMappingURL=date-time-input.type.d.ts.map

package/dist/components/input/date-time-input.type.d.ts

@@ -0,0 +1,61 @@
+import type { TextInputProps } from './input.type';
+export type DateSeparator = '-' | '/' | '.';
+export type DateOrder = 'YMD' | 'DMY' | 'MDY';
+export type TimeInputGranularity = 'minute' | 'second';
+export type DateInputProps = TextInputProps & {
+    /**
+     * Separator character between date segments.
+     * @default '-'
+     */
+    separator?: DateSeparator;
+    /**
+     * Date segment ordering.
+     * Auto-detected from locale if not provided.
+     */
+    dateOrder?: DateOrder;
+    /**
+     * Locale string used to auto-detect date order.
+     * @default 'en-US'
+     */
+    locale?: string;
+};
+export type TimeInputProps = TextInputProps & {
+    /**
+     * Smallest time unit shown in the placeholder.
+     * @default 'minute'
+     */
+    granularity?: TimeInputGranularity;
+    /**
+     * 12-hour or 24-hour format placeholder hint.
+     * @default 24
+     */
+    hourCycle?: 12 | 24;
+};
+export type DateTimeInputProps = TextInputProps & {
+    /**
+     * Separator character between date segments.
+     * @default '-'
+     */
+    separator?: DateSeparator;
+    /**
+     * Date segment ordering.
+     * Auto-detected from locale if not provided.
+     */
+    dateOrder?: DateOrder;
+    /**
+     * Locale string used to auto-detect date order.
+     * @default 'en-US'
+     */
+    locale?: string;
+    /**
+     * Smallest time unit shown in the placeholder.
+     * @default 'minute'
+     */
+    granularity?: TimeInputGranularity;
+    /**
+     * 12-hour or 24-hour format placeholder hint.
+     * @default 24
+     */
+    hourCycle?: 12 | 24;
+};
+//# sourceMappingURL=date-time-input.type.d.ts.map

package/dist/components/input/date-time-input.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-input.type.d.ts","sourceRoot":"","sources":["../../../src/components/input/date-time-input.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AAE7C,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC5C;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC5C;;;OAGG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACpB,CAAA"}

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

@@ -0,0 +1,12 @@
+export { TextInput } from './input';
+export { TextArea } from './textarea';
+export { DateInput, TimeInput, DateTimeInput } from './date-time-input';
+export { OTPInput } from './otp-input';
+export { NumberInput } from './number-input';
+export type { TextInputProps, TextInputVariant, TextInputSize, TextInputLabelPlacement, TextInputCustomAppearance, } from './input.type';
+export type { TextAreaProps } from './textarea.type';
+export type { DateInputProps, TimeInputProps, DateTimeInputProps, TimeInputGranularity, DateSeparator, DateOrder, } from './date-time-input.type';
+export type { OTPInputProps, OTPInputCustomAppearance } from './otp-input.type';
+export type { NumberInputProps, NumberInputCustomAppearance, } from './number-input.type';
+export { getDateOrder } from './date-time-input.hook';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,12 @@
+export { TextInput } from './input';
+export { TextArea } from './textarea';
+export { DateInput, TimeInput, DateTimeInput } from './date-time-input';
+export { OTPInput } from './otp-input';
+export { NumberInput } from './number-input';
+export type { TextInputProps, TextInputVariant, TextInputSize, TextInputLabelPlacement, TextInputCustomAppearance, } from './input.type';
+export type { TextAreaProps } from './textarea.type';
+export type { DateInputProps, TimeInputProps, DateTimeInputProps, TimeInputGranularity, DateSeparator, DateOrder, } from './date-time-input.type';
+export type { OTPInputProps, OTPInputCustomAppearance } from './otp-input.type';
+export type { NumberInputProps, NumberInputCustomAppearance, } from './number-input.type';
+export { getDateOrder } from './date-time-input.hook';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,cAAc,CAAA;AACrB,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,YAAY,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,SAAS,GACV,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAC/E,YAAY,EACV,gBAAgB,EAChB,2BAA2B,GAC5B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/components/input/input.d.mts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { TextInput as RNTextInput } from 'react-native';
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style" | "value" | "defaultValue"> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    label?: React.ReactNode;
+    labelPlacement?: import("./input.type").TextInputLabelPlacement;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    themeColor?: import("../../types").ThemeColor;
+    variant?: import("./input.type").TextInputVariant;
+    size?: import("./input.type").TextInputSize;
+    radius?: import("../../types").Radius;
+    isSecured?: boolean;
+    isClearable?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    fullWidth?: boolean;
+    customAppearance?: import("./input.type").TextInputCustomAppearance;
+} & React.RefAttributes<RNTextInput>>;
+//# sourceMappingURL=input.d.ts.map

package/dist/components/input/input.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { TextInput as RNTextInput } from 'react-native';
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style" | "value" | "defaultValue"> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    label?: React.ReactNode;
+    labelPlacement?: import("./input.type").TextInputLabelPlacement;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    themeColor?: import("../../types").ThemeColor;
+    variant?: import("./input.type").TextInputVariant;
+    size?: import("./input.type").TextInputSize;
+    radius?: import("../../types").Radius;
+    isSecured?: boolean;
+    isClearable?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    fullWidth?: boolean;
+    customAppearance?: import("./input.type").TextInputCustomAppearance;
+} & React.RefAttributes<RNTextInput>>;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAC/E,OAAO,EAGL,SAAS,IAAI,WAAW,EAGzB,MAAM,cAAc,CAAA;AAUrB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;qCA0QrB,CAAA"}

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

@@ -0,0 +1,40 @@
+import type { Radius, ThemeColor } from '../../types';
+import type { TextInputSize, TextInputVariant } from './input.type';
+type InputSizeStyles = {
+    minHeight: number;
+    fontSize: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    slotGap: number;
+    labelSize: number;
+    helperSize: number;
+};
+type InputVariantStyles = {
+    container: {
+        backgroundColor?: string;
+        borderColor?: string;
+        borderWidth?: number;
+        borderBottomWidth?: number;
+        borderRadius?: number;
+    };
+    unfocusedBorderColor: string;
+    focusedBorderColor: string;
+    textColor: string;
+    placeholderColor: string;
+    labelColor: string;
+    helperColor: string;
+};
+export declare const useTextInputSizeStyles: (size: TextInputSize) => InputSizeStyles;
+export declare const useTextInputRadiusStyles: (radius: Radius) => {
+    borderRadius: number;
+};
+type InputVariantParams = {
+    themeColor: ThemeColor;
+    variant: TextInputVariant;
+    isFocused: boolean;
+    isInvalid: boolean;
+    isDisabled: boolean;
+};
+export declare const useTextInputVariantStyles: ({ themeColor, variant, isFocused, isInvalid, isDisabled, }: InputVariantParams) => InputVariantStyles;
+export {};
+//# sourceMappingURL=input.hook.d.ts.map

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

@@ -0,0 +1,40 @@
+import type { Radius, ThemeColor } from '../../types';
+import type { TextInputSize, TextInputVariant } from './input.type';
+type InputSizeStyles = {
+    minHeight: number;
+    fontSize: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    slotGap: number;
+    labelSize: number;
+    helperSize: number;
+};
+type InputVariantStyles = {
+    container: {
+        backgroundColor?: string;
+        borderColor?: string;
+        borderWidth?: number;
+        borderBottomWidth?: number;
+        borderRadius?: number;
+    };
+    unfocusedBorderColor: string;
+    focusedBorderColor: string;
+    textColor: string;
+    placeholderColor: string;
+    labelColor: string;
+    helperColor: string;
+};
+export declare const useTextInputSizeStyles: (size: TextInputSize) => InputSizeStyles;
+export declare const useTextInputRadiusStyles: (radius: Radius) => {
+    borderRadius: number;
+};
+type InputVariantParams = {
+    themeColor: ThemeColor;
+    variant: TextInputVariant;
+    isFocused: boolean;
+    isInvalid: boolean;
+    isDisabled: boolean;
+};
+export declare const useTextInputVariantStyles: ({ themeColor, variant, isFocused, isInvalid, isDisabled, }: InputVariantParams) => InputVariantStyles;
+export {};
+//# sourceMappingURL=input.hook.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.hook.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.hook.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEnE,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,iBAAiB,EAAE,MAAM,CAAA;IACzB,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE;QACT,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,CAAA;IACD,oBAAoB,EAAE,MAAM,CAAA;IAC5B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAgCD,eAAO,MAAM,sBAAsB,GAAI,MAAM,aAAa,oBAEzD,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,QAAQ,MAAM;;CAUtD,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,gBAAgB,CAAA;IACzB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,4DAMvC,kBAAkB,KAAG,kBAsFvB,CAAA"}

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

@@ -0,0 +1,45 @@
+export declare const styles: {
+    container: {
+        width: "100%";
+        gap: number;
+    };
+    noFullWidth: {
+        alignSelf: "flex-start";
+    };
+    inputContainer: {
+        gap: number;
+    };
+    label: {
+        fontWeight: "500";
+    };
+    inputWrapper: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    underlinedWrapper: {
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+        paddingHorizontal: number;
+    };
+    slot: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    input: {
+        flex: number;
+        padding: number;
+        includeFontPadding: false;
+    };
+    clearButton: {
+        justifyContent: "center";
+        alignItems: "center";
+        marginLeft: number;
+    };
+    helperText: {
+        fontWeight: "400";
+    };
+    disabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=input.style.d.ts.map

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

@@ -0,0 +1,45 @@
+export declare const styles: {
+    container: {
+        width: "100%";
+        gap: number;
+    };
+    noFullWidth: {
+        alignSelf: "flex-start";
+    };
+    inputContainer: {
+        gap: number;
+    };
+    label: {
+        fontWeight: "500";
+    };
+    inputWrapper: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    underlinedWrapper: {
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+        paddingHorizontal: number;
+    };
+    slot: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    input: {
+        flex: number;
+        padding: number;
+        includeFontPadding: false;
+    };
+    clearButton: {
+        justifyContent: "center";
+        alignItems: "center";
+        marginLeft: number;
+    };
+    helperText: {
+        fontWeight: "400";
+    };
+    disabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=input.style.d.ts.map

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

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

package/dist/components/input/input.type.d.mts

@@ -0,0 +1,108 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, TextInputProps as RNTextInputProps, TextStyle, ViewStyle } from 'react-native';
+import type { Radius, ThemeColor } from '../../types';
+export type TextInputVariant = 'flat' | 'faded' | 'bordered' | 'underlined';
+export type TextInputSize = 'sm' | 'md' | 'lg';
+export type TextInputLabelPlacement = 'outside' | 'inside';
+export type TextInputCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    inputContainer?: StyleProp<ViewStyle>;
+    inputWrapper?: StyleProp<ViewStyle>;
+    label?: StyleProp<TextStyle>;
+    input?: StyleProp<TextStyle>;
+    helperText?: StyleProp<TextStyle>;
+};
+export type TextInputProps = Omit<RNTextInputProps, 'value' | 'defaultValue' | 'style'> & {
+    /**
+     * Controlled value of the input.
+     */
+    value?: string;
+    /**
+     * Uncontrolled default value of the input.
+     */
+    defaultValue?: string;
+    /**
+     * Called when the input value changes.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Input label.
+     */
+    label?: ReactNode;
+    /**
+     * Label position relative to the field.
+     * @default 'outside'
+     */
+    labelPlacement?: TextInputLabelPlacement;
+    /**
+     * Helper text displayed below the input.
+     */
+    description?: ReactNode;
+    /**
+     * Error text displayed below the input when invalid.
+     */
+    errorMessage?: ReactNode;
+    /**
+     * Start slot content.
+     */
+    startContent?: ReactNode;
+    /**
+     * End slot content.
+     */
+    endContent?: ReactNode;
+    /**
+     * Theme color used for focus/active states.
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Visual style variant.
+     * @default 'flat'
+     */
+    variant?: TextInputVariant;
+    /**
+     * Input size.
+     * @default 'md'
+     */
+    size?: TextInputSize;
+    /**
+     * Input radius.
+     * @default 'md'
+     */
+    radius?: Radius;
+    /**
+     * Whether the input should be secured (password mode).
+     * @default false
+     */
+    isSecured?: boolean;
+    /**
+     * Whether to show a clear button when input has value.
+     * @default false
+     */
+    isClearable?: boolean;
+    /**
+     * Whether the input is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the input is read-only.
+     * @default false
+     */
+    isReadOnly?: boolean;
+    /**
+     * Whether the input is invalid.
+     * @default false
+     */
+    isInvalid?: boolean;
+    /**
+     * Whether the component should take full available width.
+     * @default true
+     */
+    fullWidth?: boolean;
+    /**
+     * Optional custom styles for input parts.
+     */
+    customAppearance?: TextInputCustomAppearance;
+};
+//# sourceMappingURL=input.type.d.ts.map