analytica-frontend-lib 1.0.66 → 1.0.68

package/dist/index.d.mts

@@ -24,7 +24,7 @@ export { default as Modal } from './Modal/index.mjs';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger } from './DropdownMenu/index.mjs';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.mjs';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.mjs';
-export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardStatus, CardTopic } from './Card/index.mjs';
+export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTopic } from './Card/index.mjs';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.d.ts

@@ -24,7 +24,7 @@ export { default as Modal } from './Modal/index.js';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger } from './DropdownMenu/index.js';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.js';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.js';
-export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardStatus, CardTopic } from './Card/index.js';
+export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTopic } from './Card/index.js';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.js

@@ -29,6 +29,7 @@ __export(src_exports, {
   CardProgress: () => CardProgress,
   CardQuestions: () => CardQuestions,
   CardResults: () => CardResults,
+  CardSimulado: () => CardSimulado,
   CardStatus: () => CardStatus,
   CardTopic: () => CardTopic,
   CheckBox: () => CheckBox_default,
@@ -3829,7 +3830,7 @@ var MenuItem = (0, import_react13.forwardRef)(
         {
           "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"}
           `,
@@ -4471,42 +4472,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 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", 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" })
+        ] })
       }
     );
   }
@@ -4868,6 +4859,49 @@ var CardAudio = (0, import_react14.forwardRef)(
     );
   }
 );
+var SIMULADO_BACKGROUND_CLASSES = {
+  enem: "bg-exam-1",
+  prova: "bg-exam-2",
+  simuladao: "bg-exam-3",
+  vestibular: "bg-exam-4"
+};
+var CardSimulado = (0, import_react14.forwardRef)(
+  ({ title, duration, info, backgroundColor, className, ...props }, ref) => {
+    const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      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__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.Clock, { size: 16, className: "flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", children: duration })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            import_phosphor_react13.CaretRight,
+            {
+              size: 24,
+              className: "text-text-800 flex-shrink-0",
+              "data-testid": "caret-icon"
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
 
 // src/components/Skeleton/Skeleton.tsx
 var import_react15 = require("react");
@@ -5028,6 +5062,7 @@ var SkeletonTable = (0, import_react15.forwardRef)(
   CardProgress,
   CardQuestions,
   CardResults,
+  CardSimulado,
   CardStatus,
   CardTopic,
   CheckBox,