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

package/lib/components/ui/text/styles.d.ts

@@ -0,0 +1,352 @@
+export declare const textStyle: 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, "text-typography-700 font-body " | "text-typography-700 font-body font-sans tracking-sm my-0 bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start no-underline whitespace-pre-wrap 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, "text-typography-700 font-body " | "text-typography-700 font-body font-sans tracking-sm my-0 bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start no-underline whitespace-pre-wrap 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>>;

package/lib/components/ui/text/styles.js

@@ -0,0 +1,45 @@
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { isWeb } from '@gluestack-ui/nativewind-utils/IsWeb';
+const baseStyle = isWeb
+    ? 'font-sans tracking-sm my-0 bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start no-underline whitespace-pre-wrap word-wrap-break-word'
+    : '';
+export const textStyle = tva({
+    base: `text-typography-700 font-body ${baseStyle}`,
+    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',
+        },
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/components/ui/text/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/text/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAE7D,MAAM,SAAS,GAAG,KAAK;IACnB,CAAC,CAAC,8LAA8L;IAChM,CAAC,CAAC,EAAE,CAAC;AAET,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;IACzB,IAAI,EAAE,iCAAiC,SAAS,EAAE;IAElD,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"}

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

@@ -0,0 +1,129 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const UITextarea: import("@gluestack-ui/textarea/lib/types").ITextareaComponentType<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>, import("react-native").TextInputProps>;
+declare const textareaStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        default: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+} | ({
+    variant: {
+        default: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+} & {
+    variant: {
+        default: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    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;
+        };
+        xl: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "w-full h-[100px] border border-background-300 rounded data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[focus=true]:data-[hover=true]:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:bg-background-50 data-[disabled=true]:data-[hover=true]:border-background-300", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, {
+    variant: {
+        default: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}>, {
+    variant: {
+        default: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        default: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, undefined, "w-full h-[100px] border border-background-300 rounded data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[focus=true]:data-[hover=true]:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:bg-background-50 data-[disabled=true]:data-[hover=true]:border-background-300", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, {
+    variant: {
+        default: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const textareaInputStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+} | ({} & {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}), undefined, "p-2 web:outline-0 web:outline-none flex-1 color-typography-900 align-text-top placeholder:text-typography-500 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, "p-2 web:outline-0 web:outline-none flex-1 color-typography-900 align-text-top placeholder:text-typography-500 web:cursor-text web:data-[disabled=true]:cursor-not-allowed", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+type ITextareaProps = React.ComponentProps<typeof UITextarea> & VariantProps<typeof textareaStyle>;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<ITextareaProps, "ref"> & React.RefAttributes<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>>>;
+type ITextareaInputProps = React.ComponentProps<typeof UITextarea.Input> & VariantProps<typeof textareaInputStyle>;
+declare const TextareaInput: React.ForwardRefExoticComponent<Omit<ITextareaInputProps, "ref"> & React.RefAttributes<import("react-native").TextInputProps>>;
+export { Textarea, TextareaInput };

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

@@ -0,0 +1,52 @@
+'use client';
+import React from 'react';
+import { createTextarea } from '@gluestack-ui/textarea';
+import { View, TextInput } from 'react-native';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+const SCOPE = 'TEXTAREA';
+const UITextarea = createTextarea({
+    Root: withStyleContext(View, SCOPE),
+    Input: TextInput,
+});
+const textareaStyle = tva({
+    base: 'w-full h-[100px] border border-background-300 rounded data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[focus=true]:data-[hover=true]:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:bg-background-50 data-[disabled=true]:data-[hover=true]:border-background-300',
+    variants: {
+        variant: {
+            default: 'data-[focus=true]:border-primary-700 data-[focus=true]:web:ring-1 data-[focus=true]:web:ring-inset data-[focus=true]:web:ring-indicator-primary data-[invalid=true]:border-error-700 data-[invalid=true]:web:ring-1 data-[invalid=true]:web:ring-inset data-[invalid=true]:web:ring-indicator-error data-[invalid=true]:data-[hover=true]:border-error-700 data-[invalid=true]:data-[focus=true]:data-[hover=true]:border-primary-700 data-[invalid=true]:data-[focus=true]:data-[hover=true]:web:ring-1 data-[invalid=true]:data-[focus=true]:data-[hover=true]:web:ring-inset data-[invalid=true]:data-[focus=true]:data-[hover=true]:web:ring-indicator-primary data-[invalid=true]:data-[disabled=true]:data-[hover=true]:border-error-700 data-[invalid=true]:data-[disabled=true]:data-[hover=true]:web:ring-1 data-[invalid=true]:data-[disabled=true]:data-[hover=true]:web:ring-inset data-[invalid=true]:data-[disabled=true]:data-[hover=true]:web:ring-indicator-error ',
+        },
+        size: {
+            sm: '',
+            md: '',
+            lg: '',
+            xl: '',
+        },
+    },
+});
+const textareaInputStyle = tva({
+    base: 'p-2 web:outline-0 web:outline-none flex-1 color-typography-900 align-text-top placeholder:text-typography-500 web:cursor-text web:data-[disabled=true]:cursor-not-allowed',
+    parentVariants: {
+        size: {
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+            xl: 'text-xl',
+        },
+    },
+});
+const Textarea = React.forwardRef(({ className, variant = 'default', size = 'md', ...props }, ref) => {
+    return (React.createElement(UITextarea, { ref: ref, ...props, className: textareaStyle({ variant, class: className }), context: { size } }));
+});
+const TextareaInput = React.forwardRef(({ className, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UITextarea.Input, { ref: ref, ...props, className: textareaInputStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            class: className,
+        }) }));
+});
+Textarea.displayName = 'Textarea';
+TextareaInput.displayName = 'TextareaInput';
+export { Textarea, TextareaInput };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/textarea/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAC;AAGpG,MAAM,KAAK,GAAG,UAAU,CAAC;AACzB,MAAM,UAAU,GAAG,cAAc,CAAC;IAC9B,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;IACnC,KAAK,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE,2TAA2T;IAEjU,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EACH,q7BAAq7B;SAC57B;QACD,IAAI,EAAE;YACF,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;SACT;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,GAAG,CAAC;IAC3B,IAAI,EAAE,2KAA2K;IACjL,cAAc,EAAE;QACZ,IAAI,EAAE;YACF,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SAChB;KACJ;CACJ,CAAC,CAAC;AAIH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,OAAO,CACH,oBAAC,UAAU,IACP,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACvD,OAAO,EAAE,EAAE,IAAI,EAAE,GACnB,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAIF,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7B,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACH,oBAAC,UAAU,CAAC,KAAK,IACb,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,kBAAkB,CAAC;YAC1B,cAAc,EAAE;gBACZ,IAAI,EAAE,UAAU;aACnB;YACD,KAAK,EAAE,SAAS;SACnB,CAAC,GACJ,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC"}