@bubo-squared/ui-framework 0.2.27 → 0.2.28

package/dist/index.d.cts

@@ -83,7 +83,7 @@ declare const Accordion: React$1.ForwardRefExoticComponent<Omit<Omit<AccordionPr
     bordered?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
-type AvatarVariant = "initial" | "icon" | "image";
+type AvatarVariant = "initials" | "icon" | "image";
 declare const avatarVariants: (props?: ({
     size?: "20" | "24" | "32" | "40" | "48" | "56" | "64" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/index.d.ts

@@ -83,7 +83,7 @@ declare const Accordion: React$1.ForwardRefExoticComponent<Omit<Omit<AccordionPr
     bordered?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
-type AvatarVariant = "initial" | "icon" | "image";
+type AvatarVariant = "initials" | "icon" | "image";
 declare const avatarVariants: (props?: ({
     size?: "20" | "24" | "32" | "40" | "48" | "56" | "64" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/index.js

@@ -511,13 +511,13 @@ var avatarVariants = cva6(
   {
     variants: {
       size: {
-        "20": "w-5 h-5 hover:border-2 focus-visible:border-2",
-        "24": "w-6 h-6 hover:border-2 focus-visible:border-2",
-        "32": "w-8 h-8 hover:border-2 focus-visible:border-2",
-        "40": "w-10 h-10 hover:border-2 focus-visible:border-2",
-        "48": "w-12 h-12 hover:border-2 focus-visible:border-2",
-        "56": "w-14 h-14 hover:border-4 focus-visible:border-4",
-        "64": "w-16 h-16 hover:border-4 focus-visible:border-4"
+        "20": "min-w-5 min-h-5 hover:border-2 focus-visible:border-2",
+        "24": "min-w-6 min-h-6 hover:border-2 focus-visible:border-2",
+        "32": "min-w-8 min-h-8 hover:border-2 focus-visible:border-2",
+        "40": "min-w-10 min-h-10 hover:border-2 focus-visible:border-2",
+        "48": "min-w-12 min-h-12 hover:border-2 focus-visible:border-2",
+        "56": "min-w-14 min-h-14 hover:border-4 focus-visible:border-4",
+        "64": "min-w-16 min-h-16 hover:border-4 focus-visible:border-4"
       }
     },
     defaultVariants: {
@@ -549,13 +549,13 @@ var avatarIconVariants = cva6(
   {
     variants: {
       size: {
-        "20": "size-3 [&>svg]:size-3",
-        "24": "size-3.5 [&>svg]:size-3.5",
-        "32": "size-4 [&>svg]:size-4",
-        "40": "size-5 [&>svg]:size-5",
-        "48": "size-6 [&>svg]:size-6",
-        "56": "size-7 [&>svg]:size-7",
-        "64": "size-8 [&>svg]:size-8"
+        "20": "min-h-3 min-w-3 [&>svg]:size-3",
+        "24": "min-h-3.5 min-w-3.5 [&>svg]:size-3.5",
+        "32": "min-h-4 min-w-4 [&>svg]:size-4",
+        "40": "min-h-5 min-w-5 [&>svg]:size-5",
+        "48": "min-h-6 min-w-6 [&>svg]:size-6",
+        "56": "min-h-7 min-w-7 [&>svg]:size-7",
+        "64": "min-h-8 min-w-8 [&>svg]:size-8"
       }
     },
     defaultVariants: {
@@ -567,7 +567,7 @@ var Avatar = React7.forwardRef(
   (props, ref) => {
     const {
       asChild = false,
-      variant = "initial",
+      variant = "initials",
       size = "32",
       initials = "RA",
       src,
@@ -592,7 +592,7 @@ var Avatar = React7.forwardRef(
               className: "w-full h-full object-cover"
             }
           ) : null,
-          !hasImage && variant === "initial" && /* @__PURE__ */ jsx9("span", { className: cn(avatarInitialsVariants({ size }), "relative bottom-px"), children: initials }),
+          !hasImage && variant === "initials" && /* @__PURE__ */ jsx9("span", { className: cn(avatarInitialsVariants({ size }), "relative bottom-px"), children: initials }),
           !hasImage && variant === "icon" && /* @__PURE__ */ jsx9("span", { className: cn(avatarIconVariants({ size })), children: /* @__PURE__ */ jsx9(UserIcon, {}) })
         ]
       }