@rehagro/ui 0.1.2 → 0.1.4

package/dist/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import React8, { forwardRef, createContext, useState, useRef, useCallback, useEffect, useContext, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -1678,6 +1679,60 @@ var Tooltip = 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 = forwardRef(function Avatar2({
+  src,
+  alt = "",
+  initials,
+  size = "md",
+  variant = "circle",
+  className = "",
+  ...rest
+}, ref) {
+  const [imgError, setImgError] = 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__ */ 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__ */ jsx(
+        "img",
+        {
+          src,
+          alt,
+          className: [imageSizeClasses[size], variantClasses3[variant], "rh-object-cover"].join(" "),
+          onError: () => setImgError(true)
+        }
+      ) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: fallbackLabel })
+    }
+  );
+});
 var Container = forwardRef(
   function Container2({ fluid = false, className = "", children, ...rest }, ref) {
     return /* @__PURE__ */ jsx(
@@ -1847,6 +1902,6 @@ var GridItem = forwardRef(
   }
 );
 
-export { Button, Checkbox, CloseIcon, Container, DeleteIcon, EditIcon, ErrorIcon, GridContainer, GridItem, IconButton, InfoIcon, NeutralIcon, PlusIcon, RehagroProvider, SearchIcon, Select, SuccessIcon, TextInput, Toast, ToastContainer, ToastProvider, Tooltip, WarningIcon, useToast };
+export { Avatar, Button, Checkbox, CloseIcon, Container, DeleteIcon, EditIcon, ErrorIcon, GridContainer, GridItem, IconButton, InfoIcon, NeutralIcon, PlusIcon, RehagroProvider, SearchIcon, Select, SuccessIcon, TextInput, Toast, ToastContainer, ToastProvider, Tooltip, WarningIcon, useToast };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map