analytica-frontend-lib 1.0.64 → 1.0.66

package/dist/index.mjs

@@ -3678,7 +3678,7 @@ var useMenuStore = (externalStore) => {
   return externalStore;
 };
 var VARIANT_CLASSES5 = {
-  menu: "bg-background shadow-soft-shadow-1",
+  menu: "bg-background shadow-soft-shadow-1 px-6",
   menu2: "",
   breadcrumb: ""
 };
@@ -3699,7 +3699,7 @@ var Menu = forwardRef11(
     useEffect5(() => {
       setValue(propValue ?? defaultValue);
     }, [defaultValue, propValue, setValue]);
-    const baseClasses = "w-full py-2 px-6 flex flex-row items-center justify-center";
+    const baseClasses = "w-full py-2 flex flex-row items-center justify-center";
     const variantClasses = VARIANT_CLASSES5[variant];
     return /* @__PURE__ */ jsx25(
       "div",
@@ -3793,7 +3793,7 @@ var MenuItem = forwardRef11(
         {
           "data-variant": "menu2",
           className: `
-            w-full flex flex-col items-center px-4 pt-4 gap-3 border-b-4 border-transparent cursor-pointer focus:rounded-sm justify-center hover:bg-background-100 rounded-lg
+            w-full flex flex-col items-center px-2 pt-4 gap-3 border-b-4 border-transparent cursor-pointer focus:rounded-sm justify-center hover:bg-background-100 rounded-lg
             focus:outline-none focus:border-indicator-info focus:border-2 
             ${selectedValue === value ? "" : "pb-4"}
           `,
@@ -3802,7 +3802,7 @@ var MenuItem = forwardRef11(
             /* @__PURE__ */ jsx25(
               "span",
               {
-                className: `flex flex-row items-center gap-2 px-2 text-text-950 text-xs font-bold ${className ?? ""}`,
+                className: `flex flex-row items-center gap-2 px-4 text-text-950 text-xs font-bold ${className ?? ""}`,
                 children
               }
             ),
@@ -4076,8 +4076,16 @@ var CardActivitiesResults = forwardRef12(
                     children: icon
                   }
                 ),
-                /* @__PURE__ */ jsx26(Text_default, { size: "2xs", weight: "medium", className: "text-text-800 uppercase", children: title }),
-                /* @__PURE__ */ jsx26("p", { className: `text-lg font-bold ${actionSubTitleClasses}`, children: subTitle })
+                /* @__PURE__ */ jsx26(
+                  Text_default,
+                  {
+                    size: "2xs",
+                    weight: "medium",
+                    className: "text-text-800 uppercase truncate",
+                    children: title
+                  }
+                ),
+                /* @__PURE__ */ jsx26("p", { className: `text-lg font-bold truncate ${actionSubTitleClasses}`, children: subTitle })
               ]
             }
           ),
@@ -4085,7 +4093,7 @@ var CardActivitiesResults = forwardRef12(
             /* @__PURE__ */ jsx26(
               "p",
               {
-                className: `text-2xs font-medium uppercase ${actionHeaderClasses}`,
+                className: `text-2xs font-medium uppercase truncate ${actionHeaderClasses}`,
                 children: header
               }
             ),
@@ -4118,8 +4126,8 @@ var CardQuestions = forwardRef12(
         className: `justify-between gap-4 ${className}`,
         ...props,
         children: [
-          /* @__PURE__ */ jsxs21("section", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx26("p", { className: "font-bold text-xs text-text-950", children: header }),
+          /* @__PURE__ */ jsxs21("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx26("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
             /* @__PURE__ */ jsxs21("div", { className: "flex flex-row gap-6 items-center", children: [
               /* @__PURE__ */ jsx26(
                 Badge_default,
@@ -4136,11 +4144,12 @@ var CardQuestions = forwardRef12(
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx26("span", { children: /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx26("span", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx26(
             Button_default,
             {
               size: "extra-small",
               onClick: () => onClickButton?.(valueButton),
+              className: "min-w-fit",
               children: buttonLabel
             }
           ) })
@@ -4220,10 +4229,10 @@ var CardProgress = forwardRef12(
               className: `
             flex justify-center items-center [&>svg]:size-6 text-text-950
             ${isHorizontal ? "min-w-[80px] min-h-[80px] rounded-l-xl" : "min-h-[50px] w-full rounded-t-xl"}
+            ${!color.startsWith("#") ? `bg-${color}` : ""}
           `,
-              style: {
-                backgroundColor: color
-              },
+              style: color.startsWith("#") ? { backgroundColor: color } : void 0,
+              "data-testid": "icon-container",
               children: icon
             }
           ),
@@ -4235,7 +4244,7 @@ var CardProgress = forwardRef12(
             ${!isHorizontal && "gap-4"}
           `,
               children: [
-                /* @__PURE__ */ jsx26(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: header }),
+                /* @__PURE__ */ jsx26(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
                 contentComponent[direction]
               ]
             }
@@ -4270,7 +4279,7 @@ var CardTopic = forwardRef12(
             /* @__PURE__ */ jsx26("p", { children: text }),
             index < subHead.length - 1 && /* @__PURE__ */ jsx26("p", { children: "\u2022" })
           ] }, `${text} - ${index}`)) }),
-          /* @__PURE__ */ jsx26("p", { className: "text-sm text-text-950 font-bold", children: header }),
+          /* @__PURE__ */ jsx26("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
           /* @__PURE__ */ jsxs21("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
             /* @__PURE__ */ jsx26(
               ProgressBar_default,
@@ -4325,14 +4334,15 @@ var CardPerformance = forwardRef12(
         ...props,
         children: [
           /* @__PURE__ */ jsxs21("div", { className: "w-full flex flex-col justify-between gap-2", children: [
-            /* @__PURE__ */ jsxs21("div", { className: "flex flex-row justify-between items-center", children: [
-              /* @__PURE__ */ jsx26("p", { className: "text-lg font-bold text-text-950", children: header }),
+            /* @__PURE__ */ jsxs21("div", { className: "flex flex-row justify-between items-center gap-2", children: [
+              /* @__PURE__ */ jsx26("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
               actionVariant === "button" && /* @__PURE__ */ jsx26(
                 Button_default,
                 {
                   variant: "outline",
                   size: "extra-small",
                   onClick: () => onClickButton?.(valueButton),
+                  className: "min-w-fit flex-shrink-0",
                   children: "Ver Aula"
                 }
               )
@@ -4344,7 +4354,7 @@ var CardPerformance = forwardRef12(
                 label: `${progress}% ${labelProgress}`,
                 variant: progressVariant
               }
-            ) : /* @__PURE__ */ jsx26("p", { className: "text-xs text-text-600", children: description }) })
+            ) : /* @__PURE__ */ jsx26("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
           actionVariant == "caret" && /* @__PURE__ */ jsx26(
             CaretRight2,
@@ -4384,7 +4394,7 @@ var CardResults = forwardRef12(
             "div",
             {
               className: `
-              flex justify-center items-center [&>svg]:size-8 text-text-950 min-w-20 max-w-20 h-full rounded-l-xl
+              flex justify-center items-center [&>svg]:size-8 text-text-950 min-w-20 max-w-20 min-h-20 h-full rounded-l-xl
             `,
               style: {
                 backgroundColor: color
@@ -4397,10 +4407,10 @@ var CardResults = forwardRef12(
             {
               className: `
             p-4 flex justify-between w-full h-full
-            ${isRow ? "flex-row items-center" : "flex-col"}
+            ${isRow ? "flex-row items-center gap-2" : "flex-col"}
           `,
               children: [
-                /* @__PURE__ */ jsx26("p", { className: "text-sm font-bold text-text-950", children: header }),
+                /* @__PURE__ */ jsx26("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
                 /* @__PURE__ */ jsxs21("span", { className: "flex flex-row gap-1 items-center", children: [
                   /* @__PURE__ */ jsxs21(
                     Badge_default,
@@ -4454,10 +4464,10 @@ var CardStatus = forwardRef12(
             "div",
             {
               className: `
-            p-4 flex justify-between w-full h-full flex-row items-center
+            p-4 flex justify-between w-full h-full flex-row items-center gap-2
           `,
               children: [
-                /* @__PURE__ */ jsx26("p", { className: "text-sm font-bold text-text-950", children: header }),
+                /* @__PURE__ */ jsx26("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
                 status && /* @__PURE__ */ jsxs21("span", { className: "flex flex-row gap-1 items-center", children: [
                   /* @__PURE__ */ jsx26(
                     Badge_default,
@@ -4493,7 +4503,7 @@ var CardSettings = forwardRef12(
         ...props,
         children: [
           /* @__PURE__ */ jsx26("span", { className: "[&>svg]:size-6", children: icon }),
-          /* @__PURE__ */ jsx26("p", { className: "w-full text-sm", children: header }),
+          /* @__PURE__ */ jsx26("p", { className: "w-full text-sm truncate", children: header }),
           /* @__PURE__ */ jsx26(CaretRight2, { size: 24, className: "cursor-pointer" })
         ]
       }
@@ -4519,7 +4529,7 @@ var CardSupport = forwardRef12(
               w-full flex ${direction == "col" ? "flex-col" : "flex-row items-center"}  gap-2
           `,
               children: [
-                /* @__PURE__ */ jsx26("span", { className: "w-full", children: /* @__PURE__ */ jsx26("p", { className: "text-sm text-text-950 font-bold", children: header }) }),
+                /* @__PURE__ */ jsx26("span", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx26("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
                 /* @__PURE__ */ jsx26("span", { className: "flex flex-row gap-1", children })
               ]
             }
@@ -4564,7 +4574,7 @@ var CardForum = forwardRef12(
               className: "min-w-8 h-8 rounded-full bg-background-950"
             }
           ),
-          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2 flex-1", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs21("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
               /* @__PURE__ */ jsx26("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
               /* @__PURE__ */ jsxs21("p", { className: "text-xs text-text-600", children: [
@@ -4574,7 +4584,7 @@ var CardForum = forwardRef12(
                 hour
               ] })
             ] }),
-            /* @__PURE__ */ jsx26("p", { className: "text-text-950 text-sm line-clamp-2", children: content }),
+            /* @__PURE__ */ jsx26("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
             /* @__PURE__ */ jsxs21(
               "button",
               {