@skalar-saas/design-system 0.1.67

package/dist/shared/icons/MaximizeIcon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface MaximizeIconProps extends React.SVGProps<SVGSVGElement> {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * Maximize icon component
+ * @description Icon representing maximize/fullscreen action
+ */
+export declare const MaximizeIcon: ({ size, className, ...props }: MaximizeIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/MessageProgrammingOutlined.d.ts

@@ -0,0 +1,10 @@
+export interface MessageProgrammingOutlinedProps {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * MessageProgrammingOutlined icon component
+ */
+export declare const MessageProgrammingOutlined: ({ size, className }: MessageProgrammingOutlinedProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/MoreIcon.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface MoreIconProps extends React.SVGProps<SVGSVGElement> {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * More icon component
+ * @description Icon representing more options/menu
+ */
+export declare const MoreIcon: ({ size, className, ...props }: MoreIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/PlusCircleIcon.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { SVGProps } from "react";
+export interface PlusCircleIconProps extends SVGProps<SVGSVGElement> {
+    size?: number;
+}
+export declare const PlusCircleIcon: React.ForwardRefExoticComponent<Omit<PlusCircleIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/shared/icons/ProgrammingArrowsOutlined.d.ts

@@ -0,0 +1,10 @@
+export interface ProgrammingArrowsOutlinedProps {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * ProgrammingArrowsOutlined icon component
+ */
+export declare const ProgrammingArrowsOutlined: ({ size, className }: ProgrammingArrowsOutlinedProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/QuestionCircle.d.ts

@@ -0,0 +1,11 @@
+export interface QuestionCircleIconProps {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * QuestionCircle icon component
+ * @description Icon representing a question mark in a circle.
+ */
+export declare const QuestionCircle: ({ size, className }: QuestionCircleIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/RightArrowIcon.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface RightArrowIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+}
+export declare const RightArrowIcon: React.FC<RightArrowIconProps>;

package/dist/shared/icons/ShareIcon.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { SVGProps } from "react";
+export interface ShareIconProps extends SVGProps<SVGSVGElement> {
+    size?: number;
+}
+export declare const ShareIcon: React.ForwardRefExoticComponent<Omit<ShareIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/shared/icons/SkalarLogo.d.ts

@@ -0,0 +1,13 @@
+export interface SkalarLogoProps {
+    /** Width of the logo in pixels */
+    width?: number;
+    /** Height of the logo in pixels */
+    height?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * Skalar logo component
+ * @description The main Skalar brand logo
+ */
+export declare const SkalarLogo: ({ width, height, className }: SkalarLogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/SkalarLogoNoText.d.ts

@@ -0,0 +1,13 @@
+export interface SkalarLogoNoTextProps {
+    /** Width of the logo in pixels */
+    width?: number;
+    /** Height of the logo in pixels */
+    height?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * Skalar logo component without text
+ * @description The Skalar brand logo icon only, without text
+ */
+export declare const SkalarLogoNoText: ({ width, height, className }: SkalarLogoNoTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/SlashIcon.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface SlashIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+}
+export declare const SlashIcon: React.FC<SlashIconProps>;

package/dist/shared/icons/SliderPointerDown.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface SliderPointerDownProps {
+    size?: number;
+    className?: string;
+}
+/**
+ * Icono de pointer hacia abajo para etiquetas del Slider
+ */
+export declare const SliderPointerDown: React.FC<SliderPointerDownProps>;
+export {};

package/dist/shared/icons/SliderPointerUp.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface SliderPointerUpProps {
+    size?: number;
+    className?: string;
+}
+/**
+ * Icono de pointer hacia arriba para etiquetas del Slider
+ */
+export declare const SliderPointerUp: React.FC<SliderPointerUpProps>;
+export {};

package/dist/shared/icons/SliderThumbIcon.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface SliderThumbIconProps {
+    size?: number;
+    className?: string;
+}
+/**
+ * Icono del control deslizante (thumb) del Slider
+ */
+export declare const SliderThumbIcon: React.FC<SliderThumbIconProps>;
+export {};

package/dist/shared/icons/StraightInfoIcon.d.ts

@@ -0,0 +1,11 @@
+export interface StraightInfoIconProps {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * StraightInfo icon component
+ * @description Icon representing an information message.
+ */
+export declare const StraightInfoIcon: ({ size, className }: StraightInfoIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/TrashIcon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface TrashIconProps extends React.SVGProps<SVGSVGElement> {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * Trash icon component
+ * @description Icon representing delete/trash action
+ */
+export declare const TrashIcon: ({ size, className, ...props }: TrashIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/UnionIcon.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface UnionIconProps extends React.SVGProps<SVGSVGElement> {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * Eye off icon component
+ * @description Icon representing hidden/hide password
+ */
+export declare const UnionIcon: ({ size, className, ...props }: UnionIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/UploadImageIcon.d.ts

@@ -0,0 +1,10 @@
+export interface UploadImageIconProps {
+    /** Size of the icon in pixels  */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * Icon for uploading images
+ */
+export declare const UploadImageIcon: ({ size, className }: UploadImageIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/VideoPlayOutlined.d.ts

@@ -0,0 +1,10 @@
+export interface VideoPlayOutlinedProps {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * VideoPlayOutlined icon component
+ */
+export declare const VideoPlayOutlined: ({ size, className }: VideoPlayOutlinedProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/XMark.d.ts

@@ -0,0 +1,11 @@
+export interface XMarkProps {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * XMark icon component
+ * @description Icon representing a close or dismiss action.
+ */
+export declare const XMark: ({ size, className }: XMarkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/XMarkAlert.d.ts

@@ -0,0 +1,11 @@
+export interface XMarkAlertProps {
+    /** Size of the icon in pixels */
+    size?: number;
+    /** Optional CSS classes */
+    className?: string;
+}
+/**
+ * XMark icon component
+ * @description Icon representing a close or dismiss action.
+ */
+export declare const XMarkAlert: ({ size, className }: XMarkAlertProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/icons/index.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Shared icon components
+ * @description Custom SVG icon components for the project
+ * Source SVG files are located in /public/icons
+ */
+export { ChatIcon } from './ChatIcon';
+export type { ChatIconProps } from './ChatIcon';
+export { AICommentaryIcon } from './AICommentaryIcon';
+export type { AICommentaryIconProps } from './AICommentaryIcon';
+export { ArrowNarrowDownIcon, type ArrowNarrowDownIconProps } from './ArrowNarrowDownIcon';
+export { FilterFunnel02Icon, type FilterFunnel02IconProps } from './FilterFunnel02Icon';
+export { Box2Icon, type Box2IconProps } from './Box2Icon';
+export { BoxIcon } from './BoxIcon';
+export type { BoxIconProps } from './BoxIcon';
+export { CircleIcon, type CircleIconProps } from './CircleIcon';
+export { AddIcon, type AddIconProps } from "./AddIcon";
+export { XMark } from './XMark';
+export type { XMarkProps } from './XMark';
+export { UploadImageIcon } from './UploadImageIcon';
+export type { UploadImageIconProps } from './UploadImageIcon';
+export { InfoIcon } from './InfoIcon';
+export type { InfoIconProps } from './InfoIcon';
+export { LeftArrowIcon } from './LeftArrowIcon';
+export type { LeftArrowIconProps } from './LeftArrowIcon';
+export { XMarkAlert } from './XMarkAlert';
+export type { XMarkAlertProps } from './XMarkAlert';
+export { StraightInfoIcon } from './StraightInfoIcon';
+export type { StraightInfoIconProps } from './StraightInfoIcon';
+export { QuestionCircle } from './QuestionCircle';
+export type { QuestionCircleIconProps as QuestionCircleProps } from './QuestionCircle';
+export { BookOutlined } from './BookOutlined';
+export type { BookOutlinedProps } from './BookOutlined';
+export { MessageProgrammingOutlined } from './MessageProgrammingOutlined';
+export type { MessageProgrammingOutlinedProps } from './MessageProgrammingOutlined';
+export { VideoPlayOutlined } from './VideoPlayOutlined';
+export type { VideoPlayOutlinedProps } from './VideoPlayOutlined';
+export { ProgrammingArrowsOutlined } from './ProgrammingArrowsOutlined';
+export type { ProgrammingArrowsOutlinedProps } from './ProgrammingArrowsOutlined';
+export { DataArrowsOutlined } from './DataArrowsOutlined';
+export type { DataArrowsOutlinedProps } from './DataArrowsOutlined';
+export { AIMessage } from './AIMessage';
+export { ShareIcon, type ShareIconProps } from './ShareIcon';
+export { SliderThumbIcon } from './SliderThumbIcon';
+export { SliderPointerUp } from './SliderPointerUp';
+export { SliderPointerDown } from './SliderPointerDown';
+export { SkalarLogo } from './SkalarLogo';
+export type { SkalarLogoProps } from './SkalarLogo';
+export { SkalarLogoNoText } from './SkalarLogoNoText';
+export type { SkalarLogoNoTextProps } from './SkalarLogoNoText';
+export { RightArrowIcon } from './RightArrowIcon';
+export type { RightArrowIconProps } from './RightArrowIcon';
+export { CalendarIcon } from './CalendarIcon';
+export type { CalendarIconProps } from './CalendarIcon';
+export { EyeIcon } from './EyeIcon';
+export type { EyeIconProps } from './EyeIcon';
+export { EyeOffIcon } from './EyeOffIcon';
+export type { EyeOffIconProps } from './EyeOffIcon';
+export { PlusCircleIcon } from './PlusCircleIcon';
+export type { PlusCircleIconProps } from './PlusCircleIcon';
+export { ChevronDownIcon } from './ChevronDownIcon';
+export type { ChevronDownIconProps } from './ChevronDownIcon';
+export { ChevronUpIcon } from './ChevronUpIcon';
+export type { ChevronUpIconProps } from './ChevronUpIcon';
+export { UnionIcon } from './UnionIcon';
+export type { UnionIconProps } from './UnionIcon';
+export { MoreIcon } from './MoreIcon';
+export type { MoreIconProps } from './MoreIcon';
+export { LayerIcon } from './LayerIcon';
+export type { LayerIconProps } from './LayerIcon';
+export { FlashIcon } from './FlashIcon';
+export type { FlashIconProps } from './FlashIcon';
+export { CalendarIcon2 } from './CalendarIcon2';
+export type { CalendarIcon2Props } from './CalendarIcon2';
+export { MaximizeIcon } from './MaximizeIcon';
+export type { MaximizeIconProps } from './MaximizeIcon';
+export { Edit2Icon } from './Edit2Icon';
+export type { Edit2IconProps } from './Edit2Icon';
+export { CopyIcon } from './CopyIcon';
+export type { CopyIconProps } from './CopyIcon';
+export { TrashIcon } from './TrashIcon';
+export type { TrashIconProps } from './TrashIcon';
+export { SlashIcon } from './SlashIcon';
+export type { SlashIconProps } from './SlashIcon';

package/dist/shared/ui/Alert/Alert.d.ts

@@ -0,0 +1,95 @@
+import React, { ComponentPropsWithoutRef } from "react";
+import { Button } from "@/shared/ui/Button";
+/**
+ * Alert type options.
+ * @typedef {'success' | 'warning' | 'error' | 'info' | 'default'} AlertType
+ */
+export type AlertType = "success" | "warning" | "error" | "info" | "default";
+/**
+ * Alert action type.
+ * @typedef {Object} AlertAction
+ * @property {string} label - Action button label
+ * @property {() => void} onClick - Action handler
+ * @property {'primary' | 'secondary'} [variant] - Button variant
+ */
+export interface AlertAction {
+    label: string;
+    onClick: () => void;
+    variant?: "primary" | "secondary";
+}
+interface AlertDialogProps {
+    children: React.ReactNode;
+    type?: AlertType;
+}
+interface AlertDialogTriggerProps {
+    children: React.ReactElement<{
+        onClick?: React.MouseEventHandler;
+    }>;
+}
+interface AlertDialogContentProps extends ComponentPropsWithoutRef<"div"> {
+    className?: string;
+}
+interface AlertDialogHeaderProps {
+    children: React.ReactNode;
+    className?: string;
+}
+interface AlertDialogActionProps extends Omit<ComponentPropsWithoutRef<typeof Button>, "variant" | "hierarchy" | "size"> {
+    actionVariant?: "primary" | "secondary";
+}
+/**
+ * Alert root component.
+ */
+declare const AlertDialog: {
+    ({ children, type }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Component to wrap element that triggers opening alert.
+ */
+declare const AlertDialogTrigger: {
+    ({ children }: AlertDialogTriggerProps): React.ReactElement<{
+        onClick?: React.MouseEventHandler;
+    }, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+/**
+ * Alert content container with improved animations.
+ */
+declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Alert header (optional, for more complex layouts)
+ */
+declare const AlertDialogHeader: {
+    ({ children, className }: AlertDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Alert title component
+ */
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Alert description component
+ */
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Alert footer for actions
+ */
+declare const AlertDialogFooter: {
+    ({ children, className }: AlertDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Alert action button
+ */
+declare const AlertDialogAction: {
+    ({ className, actionVariant, onClick, ...props }: AlertDialogActionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Alert cancel button
+ */
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Alert component exports
+ */
+export { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, };

package/dist/shared/ui/Alert/index.d.ts

@@ -0,0 +1 @@
+export { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, type AlertType, type AlertAction, } from './Alert';

package/dist/shared/ui/AttachmentMessage/AttachmentMessage.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+type Alignment = 'left' | 'right';
+/**
+ * Defines the public API for the AttachmentMessage component, extending standard anchor element attributes.
+ */
+export interface AttachmentMessageProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** The name of the file to be displayed. */
+    fileName: string;
+    /** The size of the file (e.g., '1.2 MB'). */
+    fileSize: string;
+    /** Determines the alignment and which corner is sharp. 'left' for sent, 'right' for received. */
+    alignment?: Alignment;
+    /** Optional custom classes for the container. */
+    className?: string;
+}
+/**
+ * @file A component for displaying a clickable file attachment within a chat interface.
+ * @description This component renders a styled link that displays a file's name and size.
+ * Its visual alignment can be controlled via the `alignment` prop to distinguish between
+ * sent and received messages, which is achieved by altering the `border-radius`.
+ *
+ * @param {string} fileName - The name of the file to display.
+ * @param {string} fileSize - The size of the file to display (e.g., "1.2 MB").
+ * @param {Alignment} [alignment='left'] - Sets the alignment and which corner is sharp. 'left' is for sent, 'right' is for received.
+ * @param {string} [href] - The URL to the file that will be downloaded.
+ * @returns {JSX.Element} The rendered AttachmentMessage element.
+ */
+export declare const AttachmentMessage: ({ fileName, fileSize, alignment, className, ...props }: AttachmentMessageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/AttachmentMessage/index.d.ts

@@ -0,0 +1 @@
+export { AttachmentMessage, type AttachmentMessageProps } from './AttachmentMessage';

package/dist/shared/ui/AuthActionWidget/AuthActionWidget.d.ts

@@ -0,0 +1,18 @@
+export interface AuthActionWidgetProps {
+    /** Title displayed in the widget header. Defaults to "Autenticación" */
+    title?: string;
+    /** Actions displayed in the widget header. Pass `null` to hide. Defaults to settings button */
+    actions?: React.ReactNode | null;
+    /** Callback when recover password is clicked */
+    onRecover?: () => void;
+    /** Callback when sign up is clicked */
+    onSignUp?: () => void;
+    /** Callback when settings button is clicked */
+    onSettings?: () => void;
+    /** Optional className for the widget container */
+    className?: string;
+}
+/**
+ * Auth Action Widget - Authentication actions in a widget container
+ */
+export declare const AuthActionWidget: ({ title, actions, onRecover, onSettings, className, }: AuthActionWidgetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/AuthActionWidget/index.d.ts

@@ -0,0 +1,2 @@
+export { AuthActionWidget } from './AuthActionWidget';
+export type { AuthActionWidgetProps } from './AuthActionWidget';

package/dist/shared/ui/AuthFormWidget/AuthFormWidget.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export type AuthFormMode = "signin" | "signup";
+export interface AuthFormWidgetProps {
+    /** Mode of the form: signin or signup */
+    mode: AuthFormMode;
+    /** Title displayed in the widget header. Defaults to "Regístrarse" (signup) or "Iniciar sesión" (signin) */
+    title?: string;
+    /** Actions displayed in the widget header. Pass `null` to hide. Defaults to settings button */
+    actions?: React.ReactNode | null;
+    /** Callback when form is submitted */
+    onSubmit?: (data: AuthFormData) => void;
+    /** Callback when settings button is clicked */
+    onSettings?: () => void;
+    /** Optional className for the widget container */
+    className?: string;
+}
+export interface AuthFormData {
+    email: string;
+    password: string;
+    name?: string;
+    confirmPassword?: string;
+}
+/**
+ * Auth Form Widget - A unified authentication form for both sign in and sign up
+ * Supports both signin (email + password) and signup (name + email + password + confirm) modes
+ */
+export declare const AuthFormWidget: ({ mode, title, actions, onSubmit, onSettings, className, }: AuthFormWidgetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/AuthFormWidget/index.d.ts

@@ -0,0 +1,2 @@
+export { AuthFormWidget } from './AuthFormWidget';
+export type { AuthFormWidgetProps, AuthFormData, AuthFormMode } from './AuthFormWidget';

package/dist/shared/ui/AuthSocialOptionsWidget/AuthSocialOptionsWidget.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+export interface AuthSocialOptionsWidgetProps {
+    /** Title displayed in the widget header. Defaults to "Autenticación" */
+    title?: string;
+    /** Actions displayed in the widget header. Pass `null` to hide. Defaults to settings button */
+    actions?: React.ReactNode | null;
+    /** Callback when Google sign in is clicked */
+    onGoogleSignIn?: () => void;
+    /** Callback when Apple sign in is clicked */
+    onAppleSignIn?: () => void;
+    /** Callback when the bottom action button is clicked */
+    onAction?: () => void;
+    /** Callback when settings button is clicked */
+    onSettings?: () => void;
+    /** Text to display above the action button */
+    actionPrompt?: string;
+    /** Label for the action button */
+    actionLabel?: string;
+    /** Optional className for the widget container */
+    className?: string;
+}
+/**
+ * Auth Social Options Widget - Social authentication options in a widget container
+ */
+export declare const AuthSocialOptionsWidget: ({ title, actions, onGoogleSignIn, onAppleSignIn, onAction, onSettings, actionPrompt, actionLabel, className, }: AuthSocialOptionsWidgetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/AuthSocialOptionsWidget/index.d.ts

@@ -0,0 +1,2 @@
+export { AuthSocialOptionsWidget } from './AuthSocialOptionsWidget';
+export type { AuthSocialOptionsWidgetProps } from './AuthSocialOptionsWidget';

package/dist/shared/ui/Avatar/Avatar.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { StatusState, StatusSize } from '../Badge/Badge';
+/**
+ * Defines the public API for the Avatar component.
+ */
+export interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /** The alt text for the avatar. */
+    alt?: string;
+    /** The size of the avatar. */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** The URL of the image to display. This takes priority over initials. */
+    imageUrl?: string;
+    /** Fallback initials to display if no imageUrl is provided. */
+    initials?: string;
+    /** Optional custom CSS classes to apply to the container. */
+    className?: string;
+    /** Optional status badge to display in bottom-right corner. */
+    statusBadge?: {
+        state?: StatusState;
+        size?: StatusSize;
+    };
+    /** Optional click handler. When provided, the avatar becomes a clickable button. */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+/**
+ * @file An Avatar component for displaying user profile images or initials.
+ * @description This component renders a circular avatar. It will display an image if `imageUrl`
+ * is provided; otherwise, it will fall back to displaying `initials` with a default background.
+ * The component supports an optional status badge positioned in the bottom-right corner.
+ *
+ * @param {'xs' | 'sm' | 'md' | 'lg' | 'xl'} [size='md'] - The size of the avatar.
+ * @param {string} [imageUrl] - The URL for the user's profile image.
+ * @param {string} [initials] - The user's initials, used as a fallback and for the alt text.
+ * @param {string} [className] - Optional CSS classes for additional styling.
+ * @param {{state?: StatusState, size?: StatusSize}} [statusBadge] - Optional status badge configuration.
+ * @returns {JSX.Element} The rendered Avatar element.
+ */
+export declare const Avatar: ({ size, imageUrl, initials, className, statusBadge, onClick, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { Avatar, type AvatarProps } from './Avatar';

package/dist/shared/ui/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { type AvatarProps } from '../Avatar';
+/**
+ * Interface for individual avatar data in AvatarGroup
+ * Extends AvatarProps but omits size and className as they are controlled by AvatarGroup
+ */
+export interface AvatarItem extends Omit<AvatarProps, 'size' | 'className'> {
+}
+/**
+ * Defines public API for AvatarGroup component.
+ */
+export interface AvatarGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'size'> {
+    /** Array of avatar items to display. */
+    avatars: AvatarItem[];
+    /** The size of avatars in the group. */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Maximum number of avatars to display before showing counter. */
+    max?: number;
+    /** Optional custom CSS classes to apply to the container. */
+    className?: string;
+    /** Optional custom CSS classes for the counter button. */
+    counterClassName?: string;
+}
+/**
+ * @file An AvatarGroup component for displaying multiple avatars with overlap.
+ * @description This component renders a group of avatars with overlapping styling.
+ * It supports displaying a maximum number of avatars and shows a counter for remaining items.
+ *
+ * @param {AvatarItem[]} avatars - Array of avatar items to display.
+ * @param {'xs' | 'sm' | 'md' | 'lg' | 'xl'} [size='md'] - The size of avatars in the group.
+ * @param {number} [max=4] - Maximum number of avatars to display before showing counter.
+ * @param {string} [className] - Optional CSS classes for additional styling.
+ * @param {string} [counterClassName] - Optional CSS classes for the counter button.
+ * @returns {JSX.Element} The rendered AvatarGroup element.
+ */
+export declare const AvatarGroup: {
+    ({ avatars, size, max, className, counterClassName, ...props }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/shared/ui/AvatarGroup/index.d.ts

@@ -0,0 +1 @@
+export { AvatarGroup, type AvatarGroupProps, type AvatarItem } from './AvatarGroup';