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

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

@@ -0,0 +1,121 @@
+'use client';
+import React from 'react';
+import { createInput } from '@gluestack-ui/input';
+import { View, Pressable, TextInput } from 'react-native';
+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 = 'INPUT';
+const UIInput = createInput({
+    Root: withStyleContext(View, SCOPE),
+    Icon: UIIcon,
+    Slot: Pressable,
+    Input: TextInput,
+});
+cssInterop(PrimitiveIcon, {
+    className: {
+        target: 'style',
+        nativeStyleToProp: {
+            height: true,
+            width: true,
+            fill: true,
+            color: 'classNameColor',
+            stroke: true,
+        },
+    },
+});
+const inputStyle = tva({
+    base: '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',
+    variants: {
+        size: {
+            xl: 'h-12',
+            lg: 'h-11',
+            md: 'h-10',
+            sm: 'h-9',
+        },
+        variant: {
+            underlined: 'rounded-none border-b data-[invalid=true]:border-b-2 data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700',
+            outline: 'rounded border data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700 data-[focus=true]:web:ring-1 data-[focus=true]:web:ring-inset data-[focus=true]:web:ring-indicator-primary data-[invalid=true]:web:ring-1 data-[invalid=true]:web:ring-inset data-[invalid=true]:web:ring-indicator-error data-[invalid=true]:data-[focus=true]:hover:web:ring-1 data-[invalid=true]:data-[focus=true]:hover:web:ring-inset data-[invalid=true]:data-[focus=true]:hover:web:ring-indicator-error data-[invalid=true]:data-[disabled=true]:hover:web:ring-1 data-[invalid=true]:data-[disabled=true]:hover:web:ring-inset data-[invalid=true]:data-[disabled=true]:hover:web:ring-indicator-error',
+            rounded: 'rounded-full border data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700 data-[focus=true]:web:ring-1 data-[focus=true]:web:ring-inset data-[focus=true]:web:ring-indicator-primary data-[invalid=true]:web:ring-1 data-[invalid=true]:web:ring-inset data-[invalid=true]:web:ring-indicator-error data-[invalid=true]:data-[focus=true]:hover:web:ring-1 data-[invalid=true]:data-[focus=true]:hover:web:ring-inset data-[invalid=true]:data-[focus=true]:hover:web:ring-indicator-error data-[invalid=true]:data-[disabled=true]:hover:web:ring-1 data-[invalid=true]:data-[disabled=true]:hover:web:ring-inset data-[invalid=true]:data-[disabled=true]:hover:web:ring-indicator-error',
+        },
+    },
+});
+const inputIconStyle = tva({
+    base: 'justify-center items-center text-typography-400 fill-none',
+    parentVariants: {
+        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 inputSlotStyle = tva({
+    base: 'justify-center items-center web:disabled:cursor-not-allowed',
+});
+const inputFieldStyle = tva({
+    base: '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',
+    parentVariants: {
+        variant: {
+            underlined: 'web:outline-0 web:outline-none px-0',
+            outline: 'web:outline-0 web:outline-none',
+            rounded: 'web:outline-0 web:outline-none px-4',
+        },
+        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',
+        },
+    },
+});
+const Input = React.forwardRef(({ className, variant = 'outline', size = 'md', ...props }, ref) => {
+    return (React.createElement(UIInput, { ref: ref, ...props, className: inputStyle({ variant, size, class: className }), context: { variant, size } }));
+});
+const InputIcon = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    if (typeof size === 'number') {
+        return React.createElement(UIInput.Icon, { ref: ref, ...props, className: inputIconStyle({ class: className }), size: size });
+    }
+    else if ((props.height !== undefined || props.width !== undefined) && size === undefined) {
+        return React.createElement(UIInput.Icon, { ref: ref, ...props, className: inputIconStyle({ class: className }) });
+    }
+    return (React.createElement(UIInput.Icon, { ref: ref, ...props, className: inputIconStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            class: className,
+        }) }));
+});
+const InputSlot = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIInput.Slot, { ref: ref, ...props, className: inputSlotStyle({
+            class: className,
+        }) }));
+});
+const InputField = React.forwardRef(({ className, ...props }, ref) => {
+    const { variant: parentVariant, size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIInput.Input, { ref: ref, ...props, className: inputFieldStyle({
+            parentVariants: {
+                variant: parentVariant,
+                size: parentSize,
+            },
+            class: className,
+        }) }));
+});
+Input.displayName = 'Input';
+InputIcon.displayName = 'InputIcon';
+InputSlot.displayName = 'InputSlot';
+InputField.displayName = 'InputField';
+export { Input, InputField, InputIcon, InputSlot };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/input/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAC;AACpG,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,KAAK,GAAG,OAAO,CAAC;AAEtB,MAAM,OAAO,GAAG,WAAW,CAAC;IACxB,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;IACnC,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,UAAU,CAAC,aAAa,EAAE;IACtB,SAAS,EAAE;QACP,MAAM,EAAE,OAAO;QACf,iBAAiB,EAAE;YACf,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,gBAAgB;YACvB,MAAM,EAAE,IAAI;SACf;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,GAAG,CAAC;IACnB,IAAI,EAAE,kRAAkR;IAExR,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,KAAK;SACZ;QAED,OAAO,EAAE;YACL,UAAU,EACN,0TAA0T;YAE9T,OAAO,EACH,q2BAAq2B;YAEz2B,OAAO,EACH,02BAA02B;SACj3B;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,CAAC;IACvB,IAAI,EAAE,2DAA2D;IACjE,cAAc,EAAE;QACZ,IAAI,EAAE;YACF,KAAK,EAAE,SAAS;YAChB,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SAChB;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,CAAC;IACvB,IAAI,EAAE,6DAA6D;CACtE,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,CAAC;IACxB,IAAI,EAAE,2JAA2J;IAEjK,cAAc,EAAE;QACZ,OAAO,EAAE;YACL,UAAU,EAAE,qCAAqC;YACjD,OAAO,EAAE,gCAAgC;YACzC,OAAO,EAAE,qCAAqC;SACjD;QAED,IAAI,EAAE;YACF,KAAK,EAAE,UAAU;YACjB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SACpB;KACJ;CACJ,CAAC,CAAC;AAGH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC1B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,OAAO,CACH,oBAAC,OAAO,IACJ,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAC1D,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,GAC5B,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AASF,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEpD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,oBAAC,OAAO,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IAC9G,CAAC;SAAM,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACzF,OAAO,oBAAC,OAAO,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,CAAC;IAClG,CAAC;IACD,OAAO,CACH,oBAAC,OAAO,CAAC,IAAI,IACT,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,cAAc,CAAC;YACtB,cAAc,EAAE;gBACZ,IAAI,EAAE,UAAU;aACnB;YACD,KAAK,EAAE,SAAS;SACnB,CAAC,GACJ,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAKF,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7B,OAAO,CACH,oBAAC,OAAO,CAAC,IAAI,IACT,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,cAAc,CAAC;YACtB,KAAK,EAAE,SAAS;SACnB,CAAC,GACJ,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAKF,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7B,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAE5E,OAAO,CACH,oBAAC,OAAO,CAAC,KAAK,IACV,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,eAAe,CAAC;YACvB,cAAc,EAAE;gBACZ,OAAO,EAAE,aAAa;gBACtB,IAAI,EAAE,UAAU;aACnB;YACD,KAAK,EAAE,SAAS;SACnB,CAAC,GACJ,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/ui/input-accessory-view/index.d.ts

@@ -0,0 +1 @@
+export { InputAccessoryView } from 'react-native';

package/lib/components/ui/input-accessory-view/index.js

@@ -0,0 +1,3 @@
+'use client';
+export { InputAccessoryView } from 'react-native';
+//# sourceMappingURL=index.js.map

package/lib/components/ui/input-accessory-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/input-accessory-view/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/ui/keyboard-avoiding-view/index.d.ts

@@ -0,0 +1 @@
+export { KeyboardAvoidingView } from 'react-native';

package/lib/components/ui/keyboard-avoiding-view/index.js

@@ -0,0 +1,3 @@
+'use client';
+export { KeyboardAvoidingView } from 'react-native';
+//# sourceMappingURL=index.js.map

package/lib/components/ui/keyboard-avoiding-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/keyboard-avoiding-view/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,369 @@
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+import React from 'react';
+export declare const UILink: import("@gluestack-ui/link/lib/types").ILinkComponentType<Omit<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>, "ref"> & {
+    context?: any;
+} & React.RefAttributes<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>>>, import("react-native").TextProps>;
+declare const linkStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "group/link web:outline-0 data-[disabled=true]:web:cursor-not-allowed data-[focus-visible=true]:web:ring-2 data-[focus-visible=true]:web:ring-indicator-primary data-[focus-visible=true]:web:outline-0 data-[disabled=true]:opacity-4 ", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "group/link web:outline-0 data-[disabled=true]:web:cursor-not-allowed data-[focus-visible=true]:web:ring-2 data-[focus-visible=true]:web:ring-indicator-primary data-[focus-visible=true]:web:outline-0 data-[disabled=true]:opacity-4 ", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+declare const linkTextStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+} | ({
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+} & {
+    isTruncated: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    bold: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    underline: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    strikeThrough: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    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;
+        };
+        '3xl': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        '4xl': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        '5xl': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        '6xl': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    sub: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    italic: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    highlight: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "underline text-info-700 data-[hover=true]:text-info-600 data-[hover=true]:no-underline data-[active=true]:text-info-700 font-normal font-body web:font-sans web:tracking-sm web:my-0 web:bg-transparent web:border-0 web:box-border web:display-inline web:list-none web:margin-0 web:padding-0 web:position-relative web:text-start web:whitespace-pre-wrap web:word-wrap-break-word", import("tailwind-variants/dist/config").TVConfig<{
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}, {
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}>, {
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}, undefined, "underline text-info-700 data-[hover=true]:text-info-600 data-[hover=true]:no-underline data-[active=true]:text-info-700 font-normal font-body web:font-sans web:tracking-sm web:my-0 web:bg-transparent web:border-0 web:box-border web:display-inline web:list-none web:margin-0 web:padding-0 web:position-relative web:text-start web:whitespace-pre-wrap web:word-wrap-break-word", import("tailwind-variants/dist/config").TVConfig<{
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}, {
+    isTruncated: {
+        true: string;
+    };
+    bold: {
+        true: string;
+    };
+    underline: {
+        true: string;
+    };
+    strikeThrough: {
+        true: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    sub: {
+        true: string;
+    };
+    italic: {
+        true: string;
+    };
+    highlight: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+type ILinkProps = React.ComponentProps<typeof UILink> & VariantProps<typeof linkStyle> & {
+    className?: string;
+};
+declare const Link: React.ForwardRefExoticComponent<Omit<ILinkProps, "ref"> & React.RefAttributes<Omit<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>, "ref"> & {
+    context?: any;
+} & React.RefAttributes<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>>>>>;
+type ILinkTextProps = React.ComponentProps<typeof UILink.Text> & VariantProps<typeof linkTextStyle> & {
+    className?: string;
+};
+declare const LinkText: React.ForwardRefExoticComponent<Omit<ILinkTextProps, "ref"> & React.RefAttributes<import("react-native").TextProps>>;
+export { Link, LinkText };

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

@@ -0,0 +1,69 @@
+'use client';
+import { createLink } from '@gluestack-ui/link';
+import { Pressable } from 'react-native';
+import { Text } from 'react-native';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+import React from 'react';
+export const UILink = createLink({
+    Root: withStyleContext(Pressable),
+    Text: Text,
+});
+cssInterop(UILink, { className: 'style' });
+cssInterop(UILink.Text, { className: 'style' });
+const linkStyle = tva({
+    base: 'group/link web:outline-0 data-[disabled=true]:web:cursor-not-allowed data-[focus-visible=true]:web:ring-2 data-[focus-visible=true]:web:ring-indicator-primary data-[focus-visible=true]:web:outline-0 data-[disabled=true]:opacity-4 ',
+});
+const linkTextStyle = tva({
+    base: 'underline text-info-700 data-[hover=true]:text-info-600 data-[hover=true]:no-underline data-[active=true]:text-info-700 font-normal font-body web:font-sans web:tracking-sm web:my-0 web:bg-transparent web:border-0 web:box-border web:display-inline web:list-none web:margin-0 web:padding-0 web:position-relative web:text-start web:whitespace-pre-wrap web:word-wrap-break-word',
+    variants: {
+        isTruncated: {
+            true: 'web: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 Link = React.forwardRef(({ className, ...props }, ref) => {
+    return React.createElement(UILink, { ref: ref, ...props, className: linkStyle({ class: className }) });
+});
+const LinkText = React.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    return (React.createElement(UILink.Text, { ref: ref, ...props, className: linkTextStyle({
+            class: className,
+            size,
+        }) }));
+});
+Link.displayName = 'Link';
+LinkText.displayName = 'LinkText';
+export { Link, LinkText };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/link/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGxC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC;IAC7B,IAAI,EAAE,gBAAgB,CAAC,SAAS,CAAC;IACjC,IAAI,EAAE,IAAI;CACb,CAAC,CAAC;AAEH,UAAU,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AAC3C,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AAEhD,MAAM,SAAS,GAAG,GAAG,CAAC;IAClB,IAAI,EAAE,wOAAwO;CACjP,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE,uXAAuX;IAE7X,QAAQ,EAAE;QACN,WAAW,EAAE;YACT,IAAI,EAAE,cAAc;SACvB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,WAAW;SACpB;QACD,SAAS,EAAE;YACP,IAAI,EAAE,WAAW;SACpB;QACD,aAAa,EAAE;YACX,IAAI,EAAE,cAAc;SACvB;QACD,IAAI,EAAE;YACF,KAAK,EAAE,UAAU;YACjB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SACpB;QACD,GAAG,EAAE;YACD,IAAI,EAAE,SAAS;SAClB;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB;QACD,SAAS,EAAE;YACP,IAAI,EAAE,eAAe;SACxB;KACJ;CACJ,CAAC,CAAC;AAIH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA8C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxG,OAAO,oBAAC,MAAM,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,CAAC;AACvF,CAAC,CAAC,CAAC;AAKH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1C,OAAO,CACH,oBAAC,MAAM,CAAC,IAAI,IACR,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,aAAa,CAAC;YACrB,KAAK,EAAE,SAAS;YAChB,IAAI;SACP,CAAC,GACJ,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC"}