analytica-frontend-lib 1.0.66 → 1.0.68

package/dist/index.mjs

@@ -3793,7 +3793,7 @@ var MenuItem = forwardRef11(
         {
           "data-variant": "menu2",
           className: `
-            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
+            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"}
           `,
@@ -3954,6 +3954,7 @@ import {
   CaretRight as CaretRight2,
   ChatCircleText,
   CheckCircle as CheckCircle3,
+  Clock,
   DotsThreeVertical,
   Play,
   SpeakerHigh,
@@ -4450,42 +4451,32 @@ var CardResults = forwardRef12(
 );
 var CardStatus = forwardRef12(
   ({ header, className, status, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsx26(
       CardBase,
       {
         ref,
         layout: "horizontal",
-        padding: "none",
+        padding: "medium",
         minHeight: "medium",
-        className: `items-center pr-4 ${className}`,
+        className: `items-center ${className}`,
         ...props,
-        children: [
-          /* @__PURE__ */ jsxs21(
-            "div",
-            {
-              className: `
-            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 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,
-                    {
-                      action: status == "correct" ? "success" : "error",
-                      variant: "solid",
-                      size: "medium",
-                      iconLeft: /* @__PURE__ */ jsx26(CheckCircle3, {}),
-                      children: status == "correct" ? "Correta" : "Incorreta"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx26("p", { className: "text-sm text-text-800", children: "Respondida" })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx26(CaretRight2, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer" })
-        ]
+        children: /* @__PURE__ */ jsxs21("div", { className: "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 truncate flex-1 min-w-0", children: header }),
+          status && /* @__PURE__ */ jsxs21("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
+            /* @__PURE__ */ jsx26(
+              Badge_default,
+              {
+                action: status == "correct" ? "success" : "error",
+                variant: "solid",
+                size: "medium",
+                iconLeft: /* @__PURE__ */ jsx26(CheckCircle3, {}),
+                children: status == "correct" ? "Correta" : "Incorreta"
+              }
+            ),
+            /* @__PURE__ */ jsx26("p", { className: "text-sm text-text-800", children: "Respondida" })
+          ] }),
+          /* @__PURE__ */ jsx26(CaretRight2, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+        ] })
       }
     );
   }
@@ -4847,6 +4838,49 @@ var CardAudio = forwardRef12(
     );
   }
 );
+var SIMULADO_BACKGROUND_CLASSES = {
+  enem: "bg-exam-1",
+  prova: "bg-exam-2",
+  simuladao: "bg-exam-3",
+  vestibular: "bg-exam-4"
+};
+var CardSimulado = forwardRef12(
+  ({ title, duration, info, backgroundColor, className, ...props }, ref) => {
+    const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
+    return /* @__PURE__ */ jsx26(
+      CardBase,
+      {
+        ref,
+        layout: "horizontal",
+        padding: "medium",
+        minHeight: "none",
+        cursor: "pointer",
+        className: `${backgroundClass} hover:shadow-soft-shadow-2 transition-shadow duration-200 ${className}`,
+        ...props,
+        children: /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx26(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
+            /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-4 text-text-700", children: [
+              duration && /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx26(Clock, { size: 16, className: "flex-shrink-0" }),
+                /* @__PURE__ */ jsx26(Text_default, { size: "sm", children: duration })
+              ] }),
+              /* @__PURE__ */ jsx26(Text_default, { size: "sm", className: "truncate", children: info })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx26(
+            CaretRight2,
+            {
+              size: 24,
+              className: "text-text-800 flex-shrink-0",
+              "data-testid": "caret-icon"
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
 
 // src/components/Skeleton/Skeleton.tsx
 import { forwardRef as forwardRef13 } from "react";
@@ -5006,6 +5040,7 @@ export {
   CardProgress,
   CardQuestions,
   CardResults,
+  CardSimulado,
   CardStatus,
   CardTopic,
   CheckBox_default as CheckBox,