@admin-layout/gluestack-ui-mobile 11.0.1-alpha.0 → 11.0.3-alpha.0

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

@@ -0,0 +1,132 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const Image: React.ForwardRefExoticComponent<Omit<VariantProps<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>>> & import("@gluestack-ui/image/lib/types").IImageProps & Omit<import("react-native").ImageProps, "alt" | "source"> & React.RefAttributes<Omit<import("react-native").ImageProps, "alt" | "source">> & {
+    className?: string;
+}, "ref"> & React.RefAttributes<Omit<import("react-native").ImageProps, "alt" | "source">>>;
+export { Image };

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

@@ -0,0 +1,33 @@
+'use client';
+import React from 'react';
+import { createImage } from '@gluestack-ui/image';
+import { Platform, Image as RNImage } from 'react-native';
+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 UIImage = createImage({ Root: RNImage });
+const Image = React.forwardRef(({ size = 'md', className, ...props }, ref) => {
+    return (React.createElement(UIImage, { className: imageStyle({ size, class: className }), ...props, ref: ref, 
+        // @ts-expect-error
+        style: Platform.OS === 'web'
+            ? // eslint-disable-next-line react-native/no-inline-styles
+                { height: 'revert-layer', width: 'revert-layer' }
+            : undefined }));
+});
+Image.displayName = 'Image';
+export { Image };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/image/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAC1D,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;AAEH,MAAM,OAAO,GAAG,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AAG/C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC1B,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1C,OAAO,CACH,oBAAC,OAAO,IACJ,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAC7C,KAAK,EACT,GAAG,EAAE,GAAG;QACR,mBAAmB;QACnB,KAAK,EACD,QAAQ,CAAC,EAAE,KAAK,KAAK;YACjB,CAAC,CAAC,yDAAyD;gBACzD,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;YACnD,CAAC,CAAC,SAAS,GAErB,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,3 @@
+import { ImageBackground as RNImageBackground } from 'react-native';
+import React from 'react';
+export declare const ImageBackground: React.ForwardRefExoticComponent<import("react-native").ImageBackgroundProps & React.RefAttributes<RNImageBackground>>;

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

@@ -0,0 +1,11 @@
+'use client';
+import { ImageBackground as RNImageBackground } from 'react-native';
+import React from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+const imageBackgroundStyle = tva({});
+export const ImageBackground = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RNImageBackground, { className: imageBackgroundStyle({
+            class: className,
+        }), ...props, ref: ref }));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/image-background/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AAEzD,MAAM,oBAAoB,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,OAAO,CACH,oBAAC,iBAAiB,IACd,SAAS,EAAE,oBAAoB,CAAC;YAC5B,KAAK,EAAE,SAAS;SACnB,CAAC,KACE,KAAK,EACT,GAAG,EAAE,GAAG,GACV,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,54 @@
+export * from './IconSymbol';
+export * from './TabBarBackground';
+export * from './accordion';
+export * from './actionsheet';
+export * from './alert';
+export * from './alert-dialog';
+export * from './avatar';
+export * from './badge';
+export * from './box';
+export * from './button';
+export * from './card';
+export * from './center';
+export * from './checkbox';
+export * from './divider';
+export * from './drawer';
+export * from './fab';
+export * from './flat-list';
+export * from './form-control';
+export * from './gluestack-ui-provider';
+export * from './grid';
+export * from './heading';
+export * from './hstack';
+export * from './icon';
+export * from './image';
+export * from './image-background';
+export * from './input';
+export * from './input-accessory-view';
+export * from './keyboard-avoiding-view';
+export * from './link';
+export * from './menu';
+export * from './modal';
+export * from './popover';
+export * from './portal';
+export * from './pressable';
+export * from './progress';
+export * from './radio';
+export * from './refresh-control';
+export * from './safe-area-view';
+export * from './scroll-view';
+export * from './section-list';
+export * from './select';
+export * from './skeleton';
+export * from './slider';
+export * from './spinner';
+export * from './status-bar';
+export * from './switch';
+export * from './table';
+export * from './text';
+export * from './textarea';
+export * from './toast';
+export * from './tooltip';
+export * from './view';
+export * from './virtualized-list';
+export * from './vstack';

package/lib/components/ui/index.js

@@ -0,0 +1,55 @@
+export * from './IconSymbol';
+export * from './TabBarBackground';
+export * from './accordion';
+export * from './actionsheet';
+export * from './alert';
+export * from './alert-dialog';
+export * from './avatar';
+export * from './badge';
+export * from './box';
+export * from './button';
+export * from './card';
+export * from './center';
+export * from './checkbox';
+export * from './divider';
+export * from './drawer';
+export * from './fab';
+export * from './flat-list';
+export * from './form-control';
+export * from './gluestack-ui-provider';
+export * from './grid';
+export * from './heading';
+export * from './hstack';
+export * from './icon';
+export * from './image';
+export * from './image-background';
+export * from './input';
+export * from './input-accessory-view';
+export * from './keyboard-avoiding-view';
+export * from './link';
+export * from './menu';
+export * from './modal';
+export * from './popover';
+export * from './portal';
+export * from './pressable';
+export * from './progress';
+export * from './radio';
+export * from './refresh-control';
+export * from './safe-area-view';
+export * from './scroll-view';
+export * from './section-list';
+export * from './select';
+export * from './skeleton';
+export * from './slider';
+export * from './spinner';
+export * from './status-bar';
+export * from './switch';
+export * from './table';
+export * from './text';
+export * from './textarea';
+export * from './toast';
+export * from './tooltip';
+export * from './view';
+export * from './virtualized-list';
+export * from './vstack';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,262 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const UIInput: import("@gluestack-ui/input/lib/types").IInputComponentType<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>, import("@gluestack-ui/icon/lib/createIcon").IIconProps & (((import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}) & React.RefAttributes<(import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}>), import("react-native").PressableProps & React.RefAttributes<View>, import("react-native").TextInputProps>;
+declare const inputStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    variant: {
+        underlined: string;
+        outline: string;
+        rounded: string;
+    };
+} | ({
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    variant: {
+        underlined: string;
+        outline: string;
+        rounded: string;
+    };
+} & {
+    size: {
+        xl: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        sm: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    variant: {
+        underlined: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        outline: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        rounded: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "border-background-300 flex-row overflow-hidden content-center data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[focus=true]:hover:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:hover:border-background-300 items-center", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    variant: {
+        underlined: string;
+        outline: string;
+        rounded: string;
+    };
+}, {
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    variant: {
+        underlined: string;
+        outline: string;
+        rounded: string;
+    };
+}>, {
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    variant: {
+        underlined: string;
+        outline: string;
+        rounded: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    variant: {
+        underlined: string;
+        outline: string;
+        rounded: string;
+    };
+}, undefined, "border-background-300 flex-row overflow-hidden content-center data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[focus=true]:hover:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:hover:border-background-300 items-center", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    variant: {
+        underlined: string;
+        outline: string;
+        rounded: string;
+    };
+}, {
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    variant: {
+        underlined: string;
+        outline: string;
+        rounded: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const inputSlotStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "justify-center items-center web:disabled:cursor-not-allowed", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "justify-center items-center web:disabled:cursor-not-allowed", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+declare const inputFieldStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        underlined: string;
+        outline: string;
+        rounded: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+} | ({} & {
+    variant: {
+        underlined: string;
+        outline: string;
+        rounded: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+}), undefined, "flex-1 text-typography-900 py-0 px-3 placeholder:text-typography-500 h-full ios:leading-[0px] web:cursor-text web:data-[disabled=true]:cursor-not-allowed", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "flex-1 text-typography-900 py-0 px-3 placeholder:text-typography-500 h-full ios:leading-[0px] web:cursor-text web:data-[disabled=true]:cursor-not-allowed", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+type IInputProps = React.ComponentProps<typeof UIInput> & VariantProps<typeof inputStyle> & {
+    className?: string;
+};
+declare const Input: React.ForwardRefExoticComponent<Omit<IInputProps, "ref"> & React.RefAttributes<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>>>;
+declare const InputIcon: React.ForwardRefExoticComponent<(Omit<React.RefAttributes<import("@gluestack-ui/icon/lib/createIcon").IIconProps & (((import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}) & React.RefAttributes<(import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}>)> & Omit<import("@gluestack-ui/icon/lib/createIcon").IIconProps & import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg> & React.RefAttributes<(import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+} | ({} & {
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}), undefined, "justify-center items-center text-typography-400 fill-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "justify-center items-center text-typography-400 fill-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
+    className?: string;
+    height?: number;
+    width?: number;
+}, "ref"> | Omit<React.RefAttributes<import("@gluestack-ui/icon/lib/createIcon").IIconProps & (((import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}) & React.RefAttributes<(import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}>)> & Omit<import("@gluestack-ui/icon/lib/createIcon").IIconProps & {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+} & React.RefAttributes<(import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+} | ({} & {
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}), undefined, "justify-center items-center text-typography-400 fill-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "justify-center items-center text-typography-400 fill-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
+    className?: string;
+    height?: number;
+    width?: number;
+}, "ref">) & React.RefAttributes<import("@gluestack-ui/icon/lib/createIcon").IIconProps & (((import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}) & React.RefAttributes<(import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
+    fill?: import("react-native").ColorValue;
+    stroke?: import("react-native").ColorValue;
+}>)>>;
+type IInputSlotProps = React.ComponentProps<typeof UIInput.Slot> & VariantProps<typeof inputSlotStyle> & {
+    className?: string;
+};
+declare const InputSlot: React.ForwardRefExoticComponent<Omit<IInputSlotProps, "ref"> & React.RefAttributes<import("react-native").PressableProps & React.RefAttributes<View>>>;
+type IInputFieldProps = React.ComponentProps<typeof UIInput.Input> & VariantProps<typeof inputFieldStyle> & {
+    className?: string;
+};
+declare const InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<import("react-native").TextInputProps>>;
+export { Input, InputField, InputIcon, InputSlot };