@firecms/ui 3.0.0-canary.201 → 3.0.0-canary.203

package/dist/components/Avatar.d.ts

@@ -5,6 +5,7 @@ export interface AvatarProps {
     children?: React.ReactNode;
     className?: string;
     outerClassName?: string;
+    hover?: boolean;
     style?: React.CSSProperties;
 }
 export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/index.es.js

@@ -614,7 +614,7 @@ const Alert = (t0) => {
   return t7;
 };
 const AvatarInner = (t0, ref) => {
-  const $ = c(23);
+  const $ = c(25);
   let alt;
   let children;
   let className;
@@ -622,6 +622,7 @@ const AvatarInner = (t0, ref) => {
   let props;
   let src;
   let style;
+  let t1;
   if ($[0] !== t0) {
     ({
       src,
@@ -630,6 +631,7 @@ const AvatarInner = (t0, ref) => {
       className,
       style,
       outerClassName,
+      hover: t1,
       ...props
     } = t0);
     $[0] = t0;
@@ -640,6 +642,7 @@ const AvatarInner = (t0, ref) => {
     $[5] = props;
     $[6] = src;
     $[7] = style;
+    $[8] = t1;
   } else {
     alt = $[1];
     children = $[2];
@@ -648,51 +651,55 @@ const AvatarInner = (t0, ref) => {
     props = $[5];
     src = $[6];
     style = $[7];
+    t1 = $[8];
   }
+  const hover = t1 === void 0 ? true : t1;
   const [isImageError, setIsImageError] = useState(false);
-  let t1;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
+  let t2;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
       setIsImageError(true);
     };
-    $[8] = t1;
+    $[9] = t2;
   } else {
-    t1 = $[8];
+    t2 = $[9];
   }
-  const handleImageError = t1;
-  let t2;
-  if ($[9] !== outerClassName) {
-    t2 = cls("rounded-full flex items-center justify-center overflow-hidden", "p-1 hover:bg-surface-accent-200 hover:dark:bg-surface-accent-700 w-12 h-12 min-w-12 min-h-12", outerClassName);
-    $[9] = outerClassName;
-    $[10] = t2;
+  const handleImageError = t2;
+  const t3 = hover && "hover:bg-surface-accent-200 hover:dark:bg-surface-accent-700";
+  let t4;
+  if ($[10] !== outerClassName || $[11] !== t3) {
+    t4 = cls("rounded-full flex items-center justify-center overflow-hidden", "p-1 w-12 h-12 min-w-12 min-h-12", t3, outerClassName);
+    $[10] = outerClassName;
+    $[11] = t3;
+    $[12] = t4;
   } else {
-    t2 = $[10];
+    t4 = $[12];
   }
-  let t3;
-  if ($[11] !== alt || $[12] !== children || $[13] !== className || $[14] !== isImageError || $[15] !== src) {
-    t3 = src && !isImageError ? /* @__PURE__ */ jsx("img", { className: cls("bg-surface-accent-100 dark:bg-surface-accent-800", "w-full h-full object-cover rounded-full", className), src, alt, onError: handleImageError }) : /* @__PURE__ */ jsx("span", { className: cls("bg-surface-accent-100 dark:bg-surface-accent-800", "flex items-center justify-center", "w-full h-full py-1.5 text-lg font-medium text-surface-accent-900 dark:text-white rounded-full", className), children });
-    $[11] = alt;
-    $[12] = children;
-    $[13] = className;
-    $[14] = isImageError;
-    $[15] = src;
-    $[16] = t3;
+  let t5;
+  if ($[13] !== alt || $[14] !== children || $[15] !== className || $[16] !== isImageError || $[17] !== src) {
+    t5 = src && !isImageError ? /* @__PURE__ */ jsx("img", { className: cls("bg-surface-accent-100 dark:bg-surface-accent-800", "w-full h-full object-cover rounded-full", className), src, alt, onError: handleImageError }) : /* @__PURE__ */ jsx("span", { className: cls("bg-surface-accent-100 dark:bg-surface-accent-800", "flex items-center justify-center", "w-full h-full py-1.5 text-lg font-medium text-surface-accent-900 dark:text-white rounded-full", className), children });
+    $[13] = alt;
+    $[14] = children;
+    $[15] = className;
+    $[16] = isImageError;
+    $[17] = src;
+    $[18] = t5;
   } else {
-    t3 = $[16];
+    t5 = $[18];
   }
-  let t4;
-  if ($[17] !== props || $[18] !== ref || $[19] !== style || $[20] !== t2 || $[21] !== t3) {
-    t4 = /* @__PURE__ */ jsx("button", { ref, style, ...props, className: t2, children: t3 });
-    $[17] = props;
-    $[18] = ref;
-    $[19] = style;
-    $[20] = t2;
-    $[21] = t3;
+  let t6;
+  if ($[19] !== props || $[20] !== ref || $[21] !== style || $[22] !== t4 || $[23] !== t5) {
+    t6 = /* @__PURE__ */ jsx("button", { ref, style, ...props, className: t4, children: t5 });
+    $[19] = props;
+    $[20] = ref;
+    $[21] = style;
     $[22] = t4;
+    $[23] = t5;
+    $[24] = t6;
   } else {
-    t4 = $[22];
+    t6 = $[24];
   }
-  return t4;
+  return t6;
 };
 const Avatar = React__default.forwardRef(AvatarInner);
 const BooleanSwitch = React__default.forwardRef(function BooleanSwitch2({