@rehagro/ui 0.1.3 → 1.0.0

package/dist/index.d.mts

@@ -336,6 +336,33 @@ type TooltipProps = {
 };
 declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipProps & React$1.RefAttributes<HTMLDivElement>>;
 
+type AvatarSize = "sm" | "md" | "lg" | "xl";
+type AvatarVariant = "circle" | "square";
+type AvatarProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for the image (required for accessibility) */
+    alt?: string;
+    /** Fallback initials shown when image is unavailable */
+    initials?: string;
+    /** Avatar size */
+    size?: AvatarSize;
+    /** Shape variant */
+    variant?: AvatarVariant;
+};
+declare const Avatar: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for the image (required for accessibility) */
+    alt?: string;
+    /** Fallback initials shown when image is unavailable */
+    initials?: string;
+    /** Avatar size */
+    size?: AvatarSize;
+    /** Shape variant */
+    variant?: AvatarVariant;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
 type ContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /**
      * Remove o padding horizontal lateral.
@@ -437,4 +464,4 @@ declare const NeutralIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
 declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
-export { Button, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, SuccessIcon, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
+export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, SuccessIcon, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };

package/dist/index.d.ts

@@ -336,6 +336,33 @@ type TooltipProps = {
 };
 declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipProps & React$1.RefAttributes<HTMLDivElement>>;
 
+type AvatarSize = "sm" | "md" | "lg" | "xl";
+type AvatarVariant = "circle" | "square";
+type AvatarProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for the image (required for accessibility) */
+    alt?: string;
+    /** Fallback initials shown when image is unavailable */
+    initials?: string;
+    /** Avatar size */
+    size?: AvatarSize;
+    /** Shape variant */
+    variant?: AvatarVariant;
+};
+declare const Avatar: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for the image (required for accessibility) */
+    alt?: string;
+    /** Fallback initials shown when image is unavailable */
+    initials?: string;
+    /** Avatar size */
+    size?: AvatarSize;
+    /** Shape variant */
+    variant?: AvatarVariant;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
 type ContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /**
      * Remove o padding horizontal lateral.
@@ -437,4 +464,4 @@ declare const NeutralIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
 declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
-export { Button, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, SuccessIcon, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
+export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, SuccessIcon, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };

package/dist/index.js

@@ -1685,6 +1685,52 @@ var Tooltip = React8.forwardRef(
     );
   }
 );
+var sizeClasses7 = {
+  sm: "rh-w-8 rh-h-8 rh-text-xs",
+  md: "rh-w-10 rh-h-10 rh-text-sm",
+  lg: "rh-w-12 rh-h-12 rh-text-base",
+  xl: "rh-w-16 rh-h-16 rh-text-lg"
+};
+var imageSizeClasses = {
+  sm: "rh-w-8 rh-h-8",
+  md: "rh-w-10 rh-h-10",
+  lg: "rh-w-12 rh-h-12",
+  xl: "rh-w-16 rh-h-16"
+};
+var variantClasses3 = {
+  circle: "rh-rounded-full",
+  square: "rh-rounded-sm"
+};
+var Avatar = React8.forwardRef(function Avatar2({ src, alt = "", initials, size = "md", variant = "circle", className = "", ...rest }, ref) {
+  const [imgError, setImgError] = React8.useState(false);
+  const showImage = src && !imgError;
+  const fallbackLabel = initials ? initials.slice(0, 2).toUpperCase() : alt ? alt.split(" ").slice(0, 2).map((w) => w[0]).join("").toUpperCase() : "?";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      role: showImage ? void 0 : "img",
+      "aria-label": showImage ? void 0 : alt || initials,
+      className: [
+        "rh-inline-flex rh-items-center rh-justify-center rh-shrink-0 rh-overflow-hidden",
+        "rh-bg-primary rh-text-surface rh-font-sans rh-font-medium rh-select-none",
+        sizeClasses7[size],
+        variantClasses3[variant],
+        className
+      ].filter(Boolean).join(" "),
+      ...rest,
+      children: showImage ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src,
+          alt,
+          className: [imageSizeClasses[size], variantClasses3[variant], "rh-object-cover"].join(" "),
+          onError: () => setImgError(true)
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: fallbackLabel })
+    }
+  );
+});
 var Container = React8.forwardRef(
   function Container2({ fluid = false, className = "", children, ...rest }, ref) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1854,6 +1900,7 @@ var GridItem = React8.forwardRef(
   }
 );
 
+exports.Avatar = Avatar;
 exports.Button = Button;
 exports.Checkbox = Checkbox;
 exports.CloseIcon = CloseIcon;