pelatform-ui 1.2.5 → 1.2.8

package/dist/components.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ComponentProps, ReactNode, HTMLAttributes, FC, DragEvent, RefObject } from 'react';
-import { Alert, badgeVariants, Button } from '@pelatform/ui.components/base';
+import { Alert, badgeVariants, Button } from '@pelatform/ui.components/radix';
 import { B as BaseComponentProps, L as LinkComponentProps, I as ImageComponentProps } from './components-B1rw2xzN.js';
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
@@ -2634,7 +2634,7 @@ declare const ToolbarActions: ({ children }: BaseComponentProps) => react_jsx_ru
 
 /**
  * User Avatar Component
- * Displays user profile pictures with fallback initials
+ * Displays user profile pictures with fallback initials and optional status indicators
  * Built on top of the base Avatar component with enhanced user-specific features
  */
 /**
@@ -2643,6 +2643,8 @@ declare const ToolbarActions: ({ children }: BaseComponentProps) => react_jsx_ru
 interface UserAvatarProps {
     /** Additional CSS classes for styling */
     className?: string;
+    /** Whether to show online status indicator */
+    indicator?: boolean;
     /** Source URL for the user's profile image */
     src?: string | null | undefined;
     /** Alt text for the image, also used to generate initials */
@@ -2652,16 +2654,19 @@ interface UserAvatarProps {
  * UserAvatar Component
  *
  * Displays a user's profile picture with automatic fallback to initials
- * when no image is available.
+ * when no image is available. Supports optional online status indicators
+ * and follows accessibility best practices.
  *
  * Features:
  * - Automatic initials generation from name
  * - Fallback handling for missing images
+ * - Optional online status indicator
  * - Accessible alt text support
  * - Customizable styling
  *
  * @param props - Component props
  * @param props.className - Additional CSS classes for styling
+ * @param props.indicator - Whether to show online status indicator (default: false)
  * @param props.src - Source URL for the user's profile image
  * @param props.alt - Alt text for the image, also used to generate initials
  * @returns JSX element containing the user avatar
@@ -2674,6 +2679,13 @@ interface UserAvatarProps {
  *   alt="John Doe"
  * />
  *
+ * // Avatar with online indicator
+ * <UserAvatar
+ *   src="https://example.com/avatar.jpg"
+ *   alt="Jane Smith"
+ *   indicator={true}
+ * />
+ *
  * // Avatar with fallback initials (no image)
  * <UserAvatar
  *   alt="Bob Johnson"
@@ -2687,6 +2699,7 @@ interface UserAvatarProps {
  *       key={user.id}
  *       src={user.avatar}
  *       alt={user.name}
+ *       indicator={user.isOnline}
  *       className="w-8 h-8"
  *     />
  *   ))}
@@ -2697,6 +2710,7 @@ interface UserAvatarProps {
  *   <UserAvatar
  *     src={currentUser.avatar}
  *     alt={currentUser.name}
+ *     indicator={true}
  *     className="w-16 h-16"
  *   />
  *   <div>
@@ -2706,7 +2720,7 @@ interface UserAvatarProps {
  * </div>
  * ```
  */
-declare function UserAvatar({ className, src, alt }: UserAvatarProps): react_jsx_runtime.JSX.Element;
+declare function UserAvatar({ className, indicator, src, alt }: UserAvatarProps): react_jsx_runtime.JSX.Element;
 /**
  * Utility function to generate initials from a name
  *