@xsolla/xui-avatar 0.64.0-pr56.1768440195

package/native/index.d.mts

@@ -0,0 +1,45 @@
+import React from 'react';
+
+interface AvatarProps {
+    /** Image source URL */
+    src?: string;
+    /** Icon component to display when no image is provided */
+    icon?: React.ReactNode;
+    /** Text/Initials to display when no image or icon is provided */
+    text?: string;
+    /** Size of the avatar */
+    size?: "xl" | "l" | "m" | "s" | "xs";
+    /** If true, the avatar will be square with small border radius. If false, it will be a circle. */
+    square?: boolean;
+    /** Whether to show an alert badge */
+    badge?: boolean;
+    /** Number or text to display in the badge notification */
+    badgeCount?: React.ReactNode;
+    /** If true, the avatar will have a border to separate it from other avatars in a group */
+    stroke?: boolean;
+    /** Background color for the avatar. Defaults to theme background secondary. */
+    backgroundColor?: string;
+    /** Disable hover effect. Used internally by AvatarGroup. */
+    disableHover?: boolean;
+    /** Accessible label for the avatar. Recommended for screen readers. */
+    "aria-label"?: string;
+    /** Alternative text for the avatar image */
+    alt?: string;
+}
+declare const Avatar: React.FC<AvatarProps>;
+
+interface AvatarGroupProps {
+    /** Avatars to display in the group */
+    children: React.ReactNode;
+    /** Size of the avatars in the group */
+    size?: "xl" | "l" | "m" | "s" | "xs";
+    /** Maximum number of avatars to show before showing the "+N" indicator */
+    max?: number;
+    /** Whether to show a stroke/border around each avatar */
+    stroke?: boolean;
+    /** Accessible label for the avatar group. Defaults to "Group of X users". */
+    "aria-label"?: string;
+}
+declare const AvatarGroup: React.FC<AvatarGroupProps>;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps };

package/native/index.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+
+interface AvatarProps {
+    /** Image source URL */
+    src?: string;
+    /** Icon component to display when no image is provided */
+    icon?: React.ReactNode;
+    /** Text/Initials to display when no image or icon is provided */
+    text?: string;
+    /** Size of the avatar */
+    size?: "xl" | "l" | "m" | "s" | "xs";
+    /** If true, the avatar will be square with small border radius. If false, it will be a circle. */
+    square?: boolean;
+    /** Whether to show an alert badge */
+    badge?: boolean;
+    /** Number or text to display in the badge notification */
+    badgeCount?: React.ReactNode;
+    /** If true, the avatar will have a border to separate it from other avatars in a group */
+    stroke?: boolean;
+    /** Background color for the avatar. Defaults to theme background secondary. */
+    backgroundColor?: string;
+    /** Disable hover effect. Used internally by AvatarGroup. */
+    disableHover?: boolean;
+    /** Accessible label for the avatar. Recommended for screen readers. */
+    "aria-label"?: string;
+    /** Alternative text for the avatar image */
+    alt?: string;
+}
+declare const Avatar: React.FC<AvatarProps>;
+
+interface AvatarGroupProps {
+    /** Avatars to display in the group */
+    children: React.ReactNode;
+    /** Size of the avatars in the group */
+    size?: "xl" | "l" | "m" | "s" | "xs";
+    /** Maximum number of avatars to show before showing the "+N" indicator */
+    max?: number;
+    /** Whether to show a stroke/border around each avatar */
+    stroke?: boolean;
+    /** Accessible label for the avatar group. Defaults to "Group of X users". */
+    "aria-label"?: string;
+}
+declare const AvatarGroup: React.FC<AvatarGroupProps>;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps };