@bubo-squared/ui-framework 0.2.26 → 0.2.28

package/dist/index.cjs

@@ -593,13 +593,13 @@ var avatarVariants = (0, import_class_variance_authority6.cva)(
   {
     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: {
@@ -631,13 +631,13 @@ var avatarIconVariants = (0, import_class_variance_authority6.cva)(
   {
     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: {
@@ -649,7 +649,7 @@ var Avatar = React7.forwardRef(
   (props, ref) => {
     const {
       asChild = false,
-      variant = "initial",
+      variant = "initials",
       size = "32",
       initials = "RA",
       src,
@@ -674,7 +674,7 @@ var Avatar = React7.forwardRef(
               className: "w-full h-full object-cover"
             }
           ) : null,
-          !hasImage && variant === "initial" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn(avatarInitialsVariants({ size }), "relative bottom-px"), children: initials }),
+          !hasImage && variant === "initials" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn(avatarInitialsVariants({ size }), "relative bottom-px"), children: initials }),
           !hasImage && variant === "icon" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn(avatarIconVariants({ size })), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons2.UserIcon, {}) })
         ]
       }
@@ -1154,7 +1154,7 @@ var Progress = React15.forwardRef(
       hint,
       ariaLabel,
       hideProgressLabel = false,
-      successBarColorOnComplete = false,
+      useStatusColorOnComplete = false,
       hideHint,
       size = "lg",
       status = "default",
@@ -1199,7 +1199,7 @@ var Progress = React15.forwardRef(
                   {
                     className: cn(
                       "h-full",
-                      successBarColorOnComplete && clamped === 100 ? "bg-(--color-success)" : "bg-(--chart-brand)",
+                      useStatusColorOnComplete && clamped === 100 ? status === "success" ? "bg-(--color-success)" : status === "error" ? "bg-(--color-error)" : "bg-(--chart-brand)" : "bg-(--chart-brand)",
                       size === "lg" ? "rounded-4" : size === "md" ? "rounded-2" : "rounded-[1px]"
                     ),
                     style: { width: `${clamped}%` }