@bubo-squared/ui-framework 0.2.26 → 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;
@@ -242,8 +242,8 @@ interface ProgressProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "ch
     ariaLabel?: string;
     /** If true, the progress percentage label will not be rendered. */
     hideProgressLabel?: boolean;
-    /** If true, the bar turns success color only when value reaches 100%. */
-    successBarColorOnComplete?: boolean;
+    /** If true, the bar turns status color only when value reaches 100%. */
+    useStatusColorOnComplete?: boolean;
     /** If true, the hint will not be rendered even if provided. */
     hideHint?: boolean;
     status?: ProgressStatus;

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;
@@ -242,8 +242,8 @@ interface ProgressProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "ch
     ariaLabel?: string;
     /** If true, the progress percentage label will not be rendered. */
     hideProgressLabel?: boolean;
-    /** If true, the bar turns success color only when value reaches 100%. */
-    successBarColorOnComplete?: boolean;
+    /** If true, the bar turns status color only when value reaches 100%. */
+    useStatusColorOnComplete?: boolean;
     /** If true, the hint will not be rendered even if provided. */
     hideHint?: boolean;
     status?: ProgressStatus;

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, {}) })
         ]
       }
@@ -1072,7 +1072,7 @@ var Progress = React15.forwardRef(
       hint,
       ariaLabel,
       hideProgressLabel = false,
-      successBarColorOnComplete = false,
+      useStatusColorOnComplete = false,
       hideHint,
       size = "lg",
       status = "default",
@@ -1117,7 +1117,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}%` }