@admin-layout/gluestack-ui-mobile 10.0.2-alpha.8 → 11.0.2-alpha.0

package/lib/components/ui/alert-dialog/index.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+import { View } from 'react-native';
+declare const AlertDialog: React.ForwardRefExoticComponent<Omit<React.RefAttributes<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>> & Omit<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View> & import("@gluestack-ui/alert-dialog/lib/types").InterfaceAlertDialogProps, "ref">, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+} | ({} & {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}), undefined, "group/modal w-full h-full justify-center items-center web:pointer-events-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "group/modal w-full h-full justify-center items-center web:pointer-events-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<React.RefAttributes<import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>> & Omit<import("@gluestack-ui/alert-dialog/lib/types").IAlertDialogContentProps & import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>, "ref">, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+} | ({} & {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}), undefined, "bg-background-0 rounded-lg overflow-hidden border border-outline-100 p-6", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "bg-background-0 rounded-lg overflow-hidden border border-outline-100 p-6", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
+    className?: string;
+} & React.RefAttributes<import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>>>;
+declare const AlertDialogCloseButton: React.ForwardRefExoticComponent<Omit<React.RefAttributes<import("react-native").PressableProps & React.RefAttributes<View>> & Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref">, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "group/alert-dialog-close-button z-10 rounded-sm p-2 data-[focus-visible=true]:bg-background-100 web:cursor-pointer outline-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "group/alert-dialog-close-button z-10 rounded-sm p-2 data-[focus-visible=true]:bg-background-100 web:cursor-pointer outline-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").PressableProps & React.RefAttributes<View>>>;
+declare const AlertDialogHeader: React.ForwardRefExoticComponent<Omit<React.RefAttributes<import("react-native").ViewProps> & import("react-native").ViewProps, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "justify-between items-center flex-row", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "justify-between items-center flex-row", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").ViewProps>>;
+declare const AlertDialogFooter: React.ForwardRefExoticComponent<Omit<React.RefAttributes<import("react-native").ViewProps> & import("react-native").ViewProps, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "flex-row justify-end items-center gap-3", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "flex-row justify-end items-center gap-3", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").ViewProps>>;
+declare const AlertDialogBody: React.ForwardRefExoticComponent<Omit<React.RefAttributes<import("react-native").ScrollViewProps> & import("react-native").ScrollViewProps, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").ScrollViewProps>>;
+declare const AlertDialogBackdrop: React.ForwardRefExoticComponent<Omit<React.RefAttributes<import("react-native").Animated.AnimatedProps<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+    ref?: React.Ref<View>;
+}> & import("@legendapp/motion").MotionComponentProps<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<View>>, import("react-native").ViewStyle | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>), unknown, unknown, unknown>> & Omit<import("react-native").Animated.AnimatedProps<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+    ref?: React.Ref<View>;
+}> & import("@legendapp/motion").MotionComponentProps<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<View>>, import("react-native").ViewStyle | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>), unknown, unknown, unknown>, "ref">, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "absolute left-0 top-0 right-0 bottom-0 bg-background-dark web:cursor-default", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "absolute left-0 top-0 right-0 bottom-0 bg-background-dark web:cursor-default", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
+    className?: string;
+} & React.RefAttributes<import("react-native").Animated.AnimatedProps<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+    ref?: React.Ref<View>;
+}> & import("@legendapp/motion").MotionComponentProps<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<View>>, import("react-native").ViewStyle | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>), unknown, unknown, unknown>>>;
+export { AlertDialog, AlertDialogContent, AlertDialogCloseButton, AlertDialogHeader, AlertDialogFooter, AlertDialogBody, AlertDialogBackdrop, };

package/lib/components/ui/alert-dialog/index.js

@@ -0,0 +1,137 @@
+'use client';
+import React from 'react';
+import { createAlertDialog } from '@gluestack-ui/alert-dialog';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+import { Motion, AnimatePresence, createMotionAnimatedComponent } from '@legendapp/motion';
+import { View, Pressable, ScrollView } from 'react-native';
+const AnimatedPressable = createMotionAnimatedComponent(Pressable);
+const SCOPE = 'ALERT_DIALOG';
+const UIAccessibleAlertDialog = createAlertDialog({
+    Root: withStyleContext(View, SCOPE),
+    Body: ScrollView,
+    Content: Motion.View,
+    CloseButton: Pressable,
+    Header: View,
+    Footer: View,
+    Backdrop: AnimatedPressable,
+    AnimatePresence: AnimatePresence,
+});
+cssInterop(Motion.View, { className: 'style' });
+cssInterop(AnimatedPressable, { className: 'style' });
+const alertDialogStyle = tva({
+    base: 'group/modal w-full h-full justify-center items-center web:pointer-events-none',
+    parentVariants: {
+        size: {
+            xs: '',
+            sm: '',
+            md: '',
+            lg: '',
+            full: '',
+        },
+    },
+});
+const alertDialogContentStyle = tva({
+    base: 'bg-background-0 rounded-lg overflow-hidden border border-outline-100 p-6',
+    parentVariants: {
+        size: {
+            xs: 'w-[60%] max-w-[360px]',
+            sm: 'w-[70%] max-w-[420px]',
+            md: 'w-[80%] max-w-[510px]',
+            lg: 'w-[90%] max-w-[640px]',
+            full: 'w-full',
+        },
+    },
+});
+const alertDialogCloseButtonStyle = tva({
+    base: 'group/alert-dialog-close-button z-10 rounded-sm p-2 data-[focus-visible=true]:bg-background-100 web:cursor-pointer outline-0',
+});
+const alertDialogHeaderStyle = tva({
+    base: 'justify-between items-center flex-row',
+});
+const alertDialogFooterStyle = tva({
+    base: 'flex-row justify-end items-center gap-3',
+});
+const alertDialogBodyStyle = tva({ base: '' });
+const alertDialogBackdropStyle = tva({
+    base: 'absolute left-0 top-0 right-0 bottom-0 bg-background-dark web:cursor-default',
+});
+const AlertDialog = React.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    return (React.createElement(UIAccessibleAlertDialog, { ref: ref, ...props, className: alertDialogStyle({ class: className }), context: { size }, pointerEvents: "box-none" }));
+});
+const AlertDialogContent = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIAccessibleAlertDialog.Content, { pointerEvents: "auto", ref: ref, initial: {
+            scale: 0.9,
+            opacity: 0,
+        }, animate: {
+            scale: 1,
+            opacity: 1,
+        }, exit: {
+            scale: 0.9,
+            opacity: 0,
+        }, transition: {
+            type: 'spring',
+            damping: 18,
+            stiffness: 250,
+            opacity: {
+                type: 'timing',
+                duration: 250,
+            },
+        }, ...props, className: alertDialogContentStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            size,
+            class: className,
+        }) }));
+});
+const AlertDialogCloseButton = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAccessibleAlertDialog.CloseButton, { ref: ref, ...props, className: alertDialogCloseButtonStyle({
+            class: className,
+        }) }));
+});
+const AlertDialogHeader = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAccessibleAlertDialog.Header, { ref: ref, ...props, className: alertDialogHeaderStyle({
+            class: className,
+        }) }));
+});
+const AlertDialogFooter = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAccessibleAlertDialog.Footer, { ref: ref, ...props, className: alertDialogFooterStyle({
+            class: className,
+        }) }));
+});
+const AlertDialogBody = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAccessibleAlertDialog.Body, { ref: ref, ...props, className: alertDialogBodyStyle({
+            class: className,
+        }) }));
+});
+const AlertDialogBackdrop = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAccessibleAlertDialog.Backdrop, { ref: ref, initial: {
+            opacity: 0,
+        }, animate: {
+            opacity: 0.5,
+        }, exit: {
+            opacity: 0,
+        }, transition: {
+            type: 'spring',
+            damping: 18,
+            stiffness: 250,
+            opacity: {
+                type: 'timing',
+                duration: 250,
+            },
+        }, ...props, className: alertDialogBackdropStyle({
+            class: className,
+        }) }));
+});
+AlertDialog.displayName = 'AlertDialog';
+AlertDialogContent.displayName = 'AlertDialogContent';
+AlertDialogCloseButton.displayName = 'AlertDialogCloseButton';
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+AlertDialogBody.displayName = 'AlertDialogBody';
+AlertDialogBackdrop.displayName = 'AlertDialogBackdrop';
+export { AlertDialog, AlertDialogContent, AlertDialogCloseButton, AlertDialogHeader, AlertDialogFooter, AlertDialogBody, AlertDialogBackdrop, };
+//# sourceMappingURL=index.js.map

package/lib/components/ui/alert-dialog/index.js.map

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

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

@@ -0,0 +1,144 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const Avatar: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@gluestack-ui/avatar/lib/types").InterfaceAvatarProps & import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>, "ref"> & React.RefAttributes<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>>, "ref">, "context"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+} | ({
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+} & {
+    size: {
+        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;
+        };
+    };
+}), undefined, "rounded-full justify-center items-center relative bg-primary-600 group-[.avatar-group]/avatar-group:-ml-2.5", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}>, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}, undefined, "rounded-full justify-center items-center relative bg-primary-600 group-[.avatar-group]/avatar-group:-ml-2.5", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").ViewProps & {
+    context?: any;
+} & React.RefAttributes<typeof View>>>;
+declare const AvatarBadge: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps & React.RefAttributes<import("react-native").ViewProps>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+} | ({} & {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}), undefined, "w-5 h-5 bg-success-500 rounded-full absolute right-0 bottom-0 border-background-0 border-2", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "w-5 h-5 bg-success-500 rounded-full absolute right-0 bottom-0 border-background-0 border-2", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").ViewProps>>;
+declare const AvatarFallbackText: React.ForwardRefExoticComponent<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").TextProps>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+} | ({} & {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+}), undefined, "text-typography-0 font-semibold overflow-hidden text-transform:uppercase web:cursor-default", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "text-typography-0 font-semibold overflow-hidden text-transform:uppercase web:cursor-default", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").TextProps>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<import("react-native").ImageProps & React.RefAttributes<import("react-native").ImageProps>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "h-full w-full rounded-full absolute", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "h-full w-full rounded-full absolute", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").ImageProps>>;
+declare const AvatarGroup: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps & import("@gluestack-ui/avatar/lib/types").IAvatarGroupProps & React.RefAttributes<import("react-native").ViewProps>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "group/avatar-group flex-row-reverse relative avatar-group", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "group/avatar-group flex-row-reverse relative avatar-group", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").ViewProps>>;
+export { Avatar, AvatarBadge, AvatarFallbackText, AvatarImage, AvatarGroup };

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

@@ -0,0 +1,99 @@
+'use client';
+import React from 'react';
+import { createAvatar } from '@gluestack-ui/avatar';
+import { View, Text, Image, Platform } from 'react-native';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+const SCOPE = 'AVATAR';
+const UIAvatar = createAvatar({
+    Root: withStyleContext(View, SCOPE),
+    Badge: View,
+    Group: View,
+    Image: Image,
+    FallbackText: Text,
+});
+const avatarStyle = tva({
+    base: 'rounded-full justify-center items-center relative bg-primary-600 group-[.avatar-group]/avatar-group:-ml-2.5',
+    variants: {
+        size: {
+            xs: 'w-6 h-6',
+            sm: 'w-8 h-8',
+            md: 'w-12 h-12',
+            lg: 'w-16 h-16',
+            xl: 'w-24 h-24',
+            '2xl': 'w-32 h-32',
+        },
+    },
+});
+const avatarFallbackTextStyle = tva({
+    base: 'text-typography-0 font-semibold overflow-hidden text-transform:uppercase web:cursor-default',
+    parentVariants: {
+        size: {
+            xs: 'text-2xs',
+            sm: 'text-xs',
+            md: 'text-base',
+            lg: 'text-xl',
+            xl: 'text-3xl',
+            '2xl': 'text-5xl',
+        },
+    },
+});
+const avatarGroupStyle = tva({
+    base: 'group/avatar-group flex-row-reverse relative avatar-group',
+});
+const avatarBadgeStyle = tva({
+    base: 'w-5 h-5 bg-success-500 rounded-full absolute right-0 bottom-0 border-background-0 border-2',
+    parentVariants: {
+        size: {
+            xs: 'w-2 h-2',
+            sm: 'w-2 h-2',
+            md: 'w-3 h-3',
+            lg: 'w-4 h-4',
+            xl: 'w-6 h-6',
+            '2xl': 'w-8 h-8',
+        },
+    },
+});
+const avatarImageStyle = tva({
+    base: 'h-full w-full rounded-full absolute',
+});
+const Avatar = React.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    return React.createElement(UIAvatar, { ref: ref, ...props, className: avatarStyle({ size, class: className }), context: { size } });
+});
+const AvatarBadge = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIAvatar.Badge, { ref: ref, ...props, className: avatarBadgeStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            size,
+            class: className,
+        }) }));
+});
+const AvatarFallbackText = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    return (React.createElement(UIAvatar.FallbackText, { ref: ref, ...props, className: avatarFallbackTextStyle({
+            parentVariants: {
+                size: parentSize,
+            },
+            size,
+            class: className,
+        }) }));
+});
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAvatar.Image, { ref: ref, ...props, className: avatarImageStyle({
+            class: className,
+        }), 
+        // @ts-expect-error
+        style: Platform.OS === 'web'
+            ? // eslint-disable-next-line react-native/no-inline-styles
+                { height: 'revert-layer', width: 'revert-layer' }
+            : undefined }));
+});
+const AvatarGroup = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAvatar.Group, { ref: ref, ...props, className: avatarGroupStyle({
+            class: className,
+        }) }));
+});
+export { Avatar, AvatarBadge, AvatarFallbackText, AvatarImage, AvatarGroup };
+//# sourceMappingURL=index.js.map

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

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