analytica-frontend-lib 1.0.65 → 1.0.67

package/dist/index.js

@@ -3714,7 +3714,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: ""
 };
@@ -3735,7 +3735,7 @@ var Menu = (0, import_react13.forwardRef)(
     (0, import_react13.useEffect)(() => {
       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__ */ (0, import_jsx_runtime25.jsx)(
       "div",
@@ -3829,7 +3829,7 @@ var MenuItem = (0, import_react13.forwardRef)(
         {
           "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 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"}
           `,
@@ -3838,7 +3838,7 @@ var MenuItem = (0, import_react13.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "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
               }
             ),
@@ -4097,8 +4097,16 @@ var CardActivitiesResults = (0, import_react14.forwardRef)(
                     children: icon
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "2xs", weight: "medium", className: "text-text-800 uppercase", children: title }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: `text-lg font-bold ${actionSubTitleClasses}`, children: subTitle })
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  Text_default,
+                  {
+                    size: "2xs",
+                    weight: "medium",
+                    className: "text-text-800 uppercase truncate",
+                    children: title
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: `text-lg font-bold truncate ${actionSubTitleClasses}`, children: subTitle })
               ]
             }
           ),
@@ -4106,7 +4114,7 @@ var CardActivitiesResults = (0, import_react14.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               "p",
               {
-                className: `text-2xs font-medium uppercase ${actionHeaderClasses}`,
+                className: `text-2xs font-medium uppercase truncate ${actionHeaderClasses}`,
                 children: header
               }
             ),
@@ -4139,8 +4147,8 @@ var CardQuestions = (0, import_react14.forwardRef)(
         className: `justify-between gap-4 ${className}`,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("section", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "font-bold text-xs text-text-950", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
             /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
               /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 Badge_default,
@@ -4157,11 +4165,12 @@ var CardQuestions = (0, import_react14.forwardRef)(
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             Button_default,
             {
               size: "extra-small",
               onClick: () => onClickButton?.(valueButton),
+              className: "min-w-fit",
               children: buttonLabel
             }
           ) })
@@ -4256,7 +4265,7 @@ var CardProgress = (0, import_react14.forwardRef)(
             ${!isHorizontal && "gap-4"}
           `,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: header }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
                 contentComponent[direction]
               ]
             }
@@ -4291,7 +4300,7 @@ var CardTopic = (0, import_react14.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: text }),
             index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: "\u2022" })
           ] }, `${text} - ${index}`)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-text-950 font-bold", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
           /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               ProgressBar_default,
@@ -4346,14 +4355,15 @@ var CardPerformance = (0, import_react14.forwardRef)(
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-row justify-between items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-lg font-bold text-text-950", children: header }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
               actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 Button_default,
                 {
                   variant: "outline",
                   size: "extra-small",
                   onClick: () => onClickButton?.(valueButton),
+                  className: "min-w-fit flex-shrink-0",
                   children: "Ver Aula"
                 }
               )
@@ -4365,7 +4375,7 @@ var CardPerformance = (0, import_react14.forwardRef)(
                 label: `${progress}% ${labelProgress}`,
                 variant: progressVariant
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-text-600", children: description }) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
           actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             import_phosphor_react13.CaretRight,
@@ -4405,7 +4415,7 @@ var CardResults = (0, import_react14.forwardRef)(
             "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
@@ -4418,10 +4428,10 @@ var CardResults = (0, import_react14.forwardRef)(
             {
               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__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-bold text-text-950", children: header }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
                 /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "flex flex-row gap-1 items-center", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
                     Badge_default,
@@ -4461,42 +4471,32 @@ var CardResults = (0, import_react14.forwardRef)(
 );
 var CardStatus = (0, import_react14.forwardRef)(
   ({ header, className, status, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       CardBase,
       {
         ref,
         layout: "horizontal",
-        padding: "none",
+        padding: "medium",
         minHeight: "medium",
-        className: `items-center pr-4 ${className}`,
+        className: `items-center ${className}`,
         ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-            "div",
-            {
-              className: `
-            p-4 flex justify-between w-full h-full flex-row items-center
-          `,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-bold text-text-950", children: header }),
-                status && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "flex flex-row gap-1 items-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                    Badge_default,
-                    {
-                      action: status == "correct" ? "success" : "error",
-                      variant: "solid",
-                      size: "medium",
-                      iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.CheckCircle, {}),
-                      children: status == "correct" ? "Correta" : "Incorreta"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-text-800", children: "Respondida" })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer" })
-        ]
+        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+          status && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              Badge_default,
+              {
+                action: status == "correct" ? "success" : "error",
+                variant: "solid",
+                size: "medium",
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.CheckCircle, {}),
+                children: status == "correct" ? "Correta" : "Incorreta"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-text-800", children: "Respondida" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+        ] })
       }
     );
   }
@@ -4514,7 +4514,7 @@ var CardSettings = (0, import_react14.forwardRef)(
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "w-full text-sm", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "w-full text-sm truncate", children: header }),
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.CaretRight, { size: 24, className: "cursor-pointer" })
         ]
       }
@@ -4540,7 +4540,7 @@ var CardSupport = (0, import_react14.forwardRef)(
               w-full flex ${direction == "col" ? "flex-col" : "flex-row items-center"}  gap-2
           `,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-text-950 font-bold", children: header }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "flex flex-row gap-1", children })
               ]
             }
@@ -4585,7 +4585,7 @@ var CardForum = (0, import_react14.forwardRef)(
               className: "min-w-8 h-8 rounded-full bg-background-950"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-2 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
             /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
               /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "text-xs text-text-600", children: [
@@ -4595,7 +4595,7 @@ var CardForum = (0, import_react14.forwardRef)(
                 hour
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-text-950 text-sm line-clamp-2", children: content }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
             /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
               "button",
               {