@admin-layout/gluestack-ui-mobile 11.0.4-alpha.0 → 12.0.16-alpha.0

package/lib/components/ui/form-control/index.web.js

@@ -0,0 +1,290 @@
+'use client';
+import React from 'react';
+import { createFormControl } from '@gluestack-ui/form-control';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+import { PrimitiveIcon, UIIcon } from '@gluestack-ui/icon';
+const SCOPE = 'FORM_CONTROL';
+const formControlStyle = tva({
+    base: 'flex flex-col',
+    variants: {
+        size: {
+            sm: '',
+            md: '',
+            lg: '',
+        },
+    },
+});
+const formControlErrorIconStyle = tva({
+    base: 'text-error-700 fill-none',
+    variants: {
+        size: {
+            '2xs': 'h-3 w-3',
+            xs: 'h-3.5 w-3.5',
+            sm: 'h-4 w-4',
+            md: 'h-[18px] w-[18px]',
+            lg: 'h-5 w-5',
+            xl: 'h-6 w-6',
+        },
+    },
+});
+const formControlErrorStyle = tva({
+    base: 'flex flex-row justify-start items-center mt-1 gap-1',
+});
+const formControlErrorTextStyle = tva({
+    base: 'text-error-700',
+    variants: {
+        isTruncated: {
+            true: 'truncate',
+        },
+        bold: {
+            true: 'font-bold',
+        },
+        underline: {
+            true: 'underline',
+        },
+        strikeThrough: {
+            true: 'line-through',
+        },
+        size: {
+            '2xs': 'text-2xs',
+            xs: 'text-xs',
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+            xl: 'text-xl',
+            '2xl': 'text-2xl',
+            '3xl': 'text-3xl',
+            '4xl': 'text-4xl',
+            '5xl': 'text-5xl',
+            '6xl': 'text-6xl',
+        },
+        sub: {
+            true: 'text-xs',
+        },
+        italic: {
+            true: 'italic',
+        },
+        highlight: {
+            true: 'bg-yellow-500',
+        },
+    },
+});
+const formControlHelperStyle = tva({
+    base: 'flex flex-row justify-start items-center mt-1',
+});
+const formControlHelperTextStyle = tva({
+    base: 'text-typography-500',
+    variants: {
+        isTruncated: {
+            true: 'truncate',
+        },
+        bold: {
+            true: 'font-bold',
+        },
+        underline: {
+            true: 'underline',
+        },
+        strikeThrough: {
+            true: 'line-through',
+        },
+        size: {
+            '2xs': 'text-2xs',
+            xs: 'text-xs',
+            sm: 'text-xs',
+            md: 'text-sm',
+            lg: 'text-base',
+            xl: 'text-xl',
+            '2xl': 'text-2xl',
+            '3xl': 'text-3xl',
+            '4xl': 'text-4xl',
+            '5xl': 'text-5xl',
+            '6xl': 'text-6xl',
+        },
+        sub: {
+            true: 'text-xs',
+        },
+        italic: {
+            true: 'italic',
+        },
+        highlight: {
+            true: 'bg-yellow-500',
+        },
+    },
+});
+const formControlLabelStyle = tva({
+    base: 'flex flex-row justify-start items-center mb-1',
+});
+const formControlLabelTextStyle = tva({
+    base: 'font-medium text-typography-900',
+    variants: {
+        isTruncated: {
+            true: 'truncate',
+        },
+        bold: {
+            true: 'font-bold',
+        },
+        underline: {
+            true: 'underline',
+        },
+        strikeThrough: {
+            true: 'line-through',
+        },
+        size: {
+            '2xs': 'text-2xs',
+            xs: 'text-xs',
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+            xl: 'text-xl',
+            '2xl': 'text-2xl',
+            '3xl': 'text-3xl',
+            '4xl': 'text-4xl',
+            '5xl': 'text-5xl',
+            '6xl': 'text-6xl',
+        },
+        sub: {
+            true: 'text-xs',
+        },
+        italic: {
+            true: 'italic',
+        },
+        highlight: {
+            true: 'bg-yellow-500',
+        },
+    },
+});
+const formControlLabelAstrickStyle = tva({
+    base: 'font-medium text-typography-900',
+    variants: {
+        isTruncated: {
+            true: 'truncate',
+        },
+        bold: {
+            true: 'font-bold',
+        },
+        underline: {
+            true: 'underline',
+        },
+        strikeThrough: {
+            true: 'line-through',
+        },
+        size: {
+            '2xs': 'text-2xs',
+            xs: 'text-xs',
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+            xl: 'text-xl',
+            '2xl': 'text-2xl',
+            '3xl': 'text-3xl',
+            '4xl': 'text-4xl',
+            '5xl': 'text-5xl',
+            '6xl': 'text-6xl',
+        },
+        sub: {
+            true: 'text-xs',
+        },
+        italic: {
+            true: 'italic',
+        },
+        highlight: {
+            true: 'bg-yellow-500',
+        },
+    },
+});
+const FormControlLabelAstrick = React.forwardRef(({ className, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement("span", { ref: ref, className: formControlLabelAstrickStyle({
+            parentVariants: { size: parentSize },
+            class: className,
+        }), ...props }));
+});
+export const UIFormControl = createFormControl({
+    Root: withStyleContext('form', SCOPE),
+    Error: 'div',
+    ErrorText: 'span',
+    ErrorIcon: UIIcon,
+    Label: 'label',
+    LabelText: 'span',
+    LabelAstrick: FormControlLabelAstrick,
+    Helper: 'div',
+    HelperText: 'span',
+});
+cssInterop(PrimitiveIcon, {
+    className: {
+        target: 'style',
+        nativeStyleToProp: {
+            height: true,
+            width: true,
+            fill: true,
+            color: true,
+            stroke: true,
+        },
+    },
+});
+const FormControl = React.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    const contextValue = { size };
+    return (React.createElement(UIFormControl, { ref: ref, className: formControlStyle({ size, class: className }), ...props, "data-context": JSON.stringify(contextValue) }));
+});
+const FormControlError = React.forwardRef(({ className, ...props }, ref) => {
+    return React.createElement(UIFormControl.Error, { ref: ref, className: formControlErrorStyle({ class: className }), ...props });
+});
+const FormControlErrorText = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIFormControl.Error.Text, { ref: ref, className: formControlErrorTextStyle({
+            parentVariants: { size: parentSize },
+            size,
+            class: className,
+        }), ...props }));
+});
+const FormControlErrorIcon = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    if (typeof size === 'number') {
+        return (React.createElement(UIFormControl.Error.Icon, { ref: ref, ...props, className: formControlErrorIconStyle({ class: className }), size: size }));
+    }
+    else if ((props.height !== undefined || props.width !== undefined) && size === undefined) {
+        return (React.createElement(UIFormControl.Error.Icon, { ref: ref, ...props, className: formControlErrorIconStyle({ class: className }) }));
+    }
+    return (React.createElement(UIFormControl.Error.Icon, { className: formControlErrorIconStyle({
+            parentVariants: { size: parentSize },
+            size,
+            class: className,
+        }), ...props }));
+});
+const FormControlLabel = React.forwardRef(({ className, ...props }, ref) => {
+    return React.createElement(UIFormControl.Label, { ref: ref, className: formControlLabelStyle({ class: className }), ...props });
+});
+const FormControlLabelText = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIFormControl.Label.Text, { ref: ref, className: formControlLabelTextStyle({
+            parentVariants: { size: parentSize },
+            size,
+            class: className,
+        }), ...props }));
+});
+const FormControlHelper = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIFormControl.Helper, { ref: ref, className: formControlHelperStyle({
+            class: className,
+        }), ...props }));
+});
+const FormControlHelperText = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIFormControl.Helper.Text, { ref: ref, className: formControlHelperTextStyle({
+            parentVariants: { size: parentSize },
+            size,
+            class: className,
+        }), ...props }));
+});
+FormControl.displayName = 'FormControl';
+FormControlError.displayName = 'FormControlError';
+FormControlErrorText.displayName = 'FormControlErrorText';
+FormControlErrorIcon.displayName = 'FormControlErrorIcon';
+FormControlLabel.displayName = 'FormControlLabel';
+FormControlLabelText.displayName = 'FormControlLabelText';
+FormControlLabelAstrick.displayName = 'FormControlLabelAstrick';
+FormControlHelper.displayName = 'FormControlHelper';
+FormControlHelperText.displayName = 'FormControlHelperText';
+export { FormControl, FormControlError, FormControlErrorText, FormControlErrorIcon, FormControlLabel, FormControlLabelText, FormControlLabelAstrick, FormControlHelper, FormControlHelperText, };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/form-control/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/form-control/index.web.tsx"],"names":[],"mappings":"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"}

package/lib/components/ui/image/index.web.d.ts

@@ -0,0 +1,142 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const imageStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+        none: string;
+    };
+} | ({
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+        none: string;
+    };
+} & {
+    size: {
+        '2xs': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        xs: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        sm: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        xl: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        '2xl': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        full: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        none: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "max-w-full", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+        none: string;
+    };
+}, {
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+        none: string;
+    };
+}>, {
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+        none: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+        none: string;
+    };
+}, undefined, "max-w-full", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+        none: string;
+    };
+}, {
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+        none: string;
+    };
+}>, unknown, unknown, undefined>>;
+interface ImageBaseProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src'> {
+    source?: {
+        uri: string;
+    };
+}
+interface ImageProps extends VariantProps<typeof imageStyle>, ImageBaseProps {
+    className?: string;
+}
+declare const Image: {
+    ({ size, className, ...props }: ImageProps): React.JSX.Element;
+    displayName: string;
+};
+export { Image };

package/lib/components/ui/image/index.web.js

@@ -0,0 +1,29 @@
+'use client';
+import React from 'react';
+import { createImage } from '@gluestack-ui/image';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+const imageStyle = tva({
+    base: 'max-w-full',
+    variants: {
+        size: {
+            '2xs': 'h-6 w-6',
+            xs: 'h-10 w-10',
+            sm: 'h-16 w-16',
+            md: 'h-20 w-20',
+            lg: 'h-24 w-24',
+            xl: 'h-32 w-32',
+            '2xl': 'h-64 w-64',
+            full: 'h-full w-full',
+            none: '',
+        },
+    },
+});
+const ImgComponent = ({ source, ...props }) => React.createElement("img", { src: source?.uri || '', ...props });
+ImgComponent.displayName = 'ImgComponent';
+const UIImage = createImage({ Root: ImgComponent });
+const Image = ({ size = 'md', className, ...props }) => {
+    return React.createElement(UIImage, { className: imageStyle({ size, class: className }), ...props });
+};
+Image.displayName = 'Image';
+export { Image };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/image/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/image/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AAGzD,MAAM,UAAU,GAAG,GAAG,CAAC;IACnB,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,KAAK,EAAE,SAAS;YAChB,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE,EAAE;SACX;KACJ;CACJ,CAAC,CAAC;AAMH,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkB,EAAE,EAAE,CAAC,6BAAK,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,KAAM,KAAK,GAAI,CAAC;AAE1G,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,OAAO,GAAG,WAAW,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;AAMpD,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE;IAC/D,OAAO,oBAAC,OAAO,IAAC,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,GAAI,CAAC;AACrF,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/lib/components/ui/image-background/index.web.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const ImageBackground: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    source: {
+        uri: string;
+    } | number;
+    resizeMode?: "cover" | "contain" | "stretch" | "center";
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;

package/lib/components/ui/image-background/index.web.js

@@ -0,0 +1,23 @@
+'use client';
+import React, { forwardRef } from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { clsx } from 'clsx';
+const imageBackgroundStyle = tva({
+    base: 'bg-no-repeat bg-center bg-cover',
+});
+export const ImageBackground = forwardRef(({ source, resizeMode = 'cover', className, style, children, ...props }, ref) => {
+    const imageUrl = typeof source === 'number' ? source : source.uri;
+    const backgroundSize = {
+        cover: 'cover',
+        contain: 'contain',
+        stretch: '100% 100%',
+        center: 'auto',
+    }[resizeMode];
+    return (React.createElement("div", { ref: ref, className: imageBackgroundStyle({ class: clsx(className) }), style: {
+            ...style,
+            backgroundImage: `url(${imageUrl})`,
+            backgroundSize,
+        }, ...props }, children));
+});
+ImageBackground.displayName = 'ImageBackground';
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/image-background/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/image-background/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,MAAM,oBAAoB,GAAG,GAAG,CAAC;IAC7B,IAAI,EAAE,iCAAiC;CAC1C,CAAC,CAAC;AAQH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACrC,CAAC,EAAE,MAAM,EAAE,UAAU,GAAG,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;IAClE,MAAM,cAAc,GAAG;QACnB,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,MAAM;KACjB,CAAC,UAAU,CAAC,CAAC;IAEd,OAAO,CACH,6BACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,EAC3D,KAAK,EAAE;YACH,GAAG,KAAK;YACR,eAAe,EAAE,OAAO,QAAQ,GAAG;YACnC,cAAc;SACjB,KACG,KAAK,IAER,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/lib/components/ui/input/index.web.d.ts

@@ -0,0 +1,163 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const StyledInput: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const inputStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        outline: string;
+        filled: string;
+        unstyled: string;
+    };
+    state: {
+        error: string;
+        success: string;
+    };
+} | ({
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        outline: string;
+        filled: string;
+        unstyled: string;
+    };
+    state: {
+        error: string;
+        success: string;
+    };
+} & {
+    size: {
+        sm: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    variant: {
+        outline: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        filled: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        unstyled: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    state: {
+        error: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        success: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        outline: string;
+        filled: string;
+        unstyled: string;
+    };
+    state: {
+        error: string;
+        success: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        outline: string;
+        filled: string;
+        unstyled: string;
+    };
+    state: {
+        error: string;
+        success: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        outline: string;
+        filled: string;
+        unstyled: string;
+    };
+    state: {
+        error: string;
+        success: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        outline: string;
+        filled: string;
+        unstyled: string;
+    };
+    state: {
+        error: string;
+        success: string;
+    };
+}, undefined, "px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        outline: string;
+        filled: string;
+        unstyled: string;
+    };
+    state: {
+        error: string;
+        success: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        outline: string;
+        filled: string;
+        unstyled: string;
+    };
+    state: {
+        error: string;
+        success: string;
+    };
+}>, unknown, unknown, undefined>>;
+type IInputProps = React.ComponentProps<typeof StyledInput> & VariantProps<typeof inputStyle> & {
+    className?: string;
+    onChangeText?: (text: string) => void;
+    secureTextEntry?: boolean;
+    placeholderTextColor?: string;
+};
+declare const Input: React.ForwardRefExoticComponent<Omit<IInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };