analytica-frontend-lib 1.2.67 → 1.2.69

package/dist/ActivityCardQuestionBanks/index.mjs

@@ -970,10 +970,152 @@ var RadioGroupItem = forwardRef3(
 );
 RadioGroupItem.displayName = "RadioGroupItem";
 
+// src/components/IconRender/IconRender.tsx
+import { cloneElement as cloneElement3 } from "react";
+import * as PhosphorIcons from "phosphor-react";
+
+// src/assets/icons/subjects/ChatPT.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs5(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx7(
+        "path",
+        {
+          d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        "path",
+        {
+          d: "M21.1758 12V20.5312H19.7168V12H21.1758ZM23.8535 12V13.1719H17.0625V12H23.8535Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        "path",
+        {
+          d: "M13.2402 17.3496H11.0195V16.1836H13.2402C13.627 16.1836 13.9395 16.1211 14.1777 15.9961C14.416 15.8711 14.5898 15.6992 14.6992 15.4805C14.8125 15.2578 14.8691 15.0039 14.8691 14.7188C14.8691 14.4492 14.8125 14.1973 14.6992 13.9629C14.5898 13.7246 14.416 13.5332 14.1777 13.3887C13.9395 13.2441 13.627 13.1719 13.2402 13.1719H11.4707V20.5312H10V12H13.2402C13.9004 12 14.4609 12.1172 14.9219 12.3516C15.3867 12.582 15.7402 12.9023 15.9824 13.3125C16.2246 13.7188 16.3457 14.1836 16.3457 14.707C16.3457 15.2578 16.2246 15.7305 15.9824 16.125C15.7402 16.5195 15.3867 16.8223 14.9219 17.0332C14.4609 17.2441 13.9004 17.3496 13.2402 17.3496Z",
+          fill: color
+        }
+      )
+    ]
+  }
+);
+
+// src/assets/icons/subjects/ChatEN.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs6(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx8(
+        "path",
+        {
+          d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsx8(
+        "path",
+        {
+          d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsx8(
+        "path",
+        {
+          d: "M14.584 19.3652V20.5312H10.0547V19.3652H14.584ZM10.4707 12V20.5312H9V12H10.4707ZM13.9922 15.5625V16.7109H10.0547V15.5625H13.9922ZM14.5547 12V13.1719H10.0547V12H14.5547Z",
+          fill: color
+        }
+      )
+    ]
+  }
+);
+
+// src/assets/icons/subjects/ChatES.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs7(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx9(
+        "path",
+        {
+          d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        "path",
+        {
+          d: "M21.1426 17.8027C21.1426 17.627 21.1152 17.4707 21.0605 17.334C21.0098 17.1973 20.918 17.0723 20.7852 16.959C20.6523 16.8457 20.4648 16.7363 20.2227 16.6309C19.9844 16.5215 19.6797 16.4102 19.3086 16.2969C18.9023 16.1719 18.5273 16.0332 18.1836 15.8809C17.8438 15.7246 17.5469 15.5449 17.293 15.3418C17.0391 15.1348 16.8418 14.8984 16.7012 14.6328C16.5605 14.3633 16.4902 14.0527 16.4902 13.7012C16.4902 13.3535 16.5625 13.0371 16.707 12.752C16.8555 12.4668 17.0645 12.2207 17.334 12.0137C17.6074 11.8027 17.9297 11.6406 18.3008 11.5273C18.6719 11.4102 19.082 11.3516 19.5312 11.3516C20.1641 11.3516 20.709 11.4688 21.166 11.7031C21.627 11.9375 21.9805 12.252 22.2266 12.6465C22.4766 13.041 22.6016 13.4766 22.6016 13.9531H21.1426C21.1426 13.6719 21.082 13.4238 20.9609 13.209C20.8438 12.9902 20.6641 12.8184 20.4219 12.6934C20.1836 12.5684 19.8809 12.5059 19.5137 12.5059C19.166 12.5059 18.877 12.5586 18.6465 12.6641C18.416 12.7695 18.2441 12.9121 18.1309 13.0918C18.0176 13.2715 17.9609 13.4746 17.9609 13.7012C17.9609 13.8613 17.998 14.0078 18.0723 14.1406C18.1465 14.2695 18.2598 14.3906 18.4121 14.5039C18.5645 14.6133 18.7559 14.7168 18.9863 14.8145C19.2168 14.9121 19.4883 15.0059 19.8008 15.0957C20.2734 15.2363 20.6855 15.3926 21.0371 15.5645C21.3887 15.7324 21.6816 15.9238 21.916 16.1387C22.1504 16.3535 22.3262 16.5977 22.4434 16.8711C22.5605 17.1406 22.6191 17.4473 22.6191 17.791C22.6191 18.1504 22.5469 18.4746 22.4023 18.7637C22.2578 19.0488 22.0508 19.293 21.7812 19.4961C21.5156 19.6953 21.1953 19.8496 20.8203 19.959C20.4492 20.0645 20.0352 20.1172 19.5781 20.1172C19.168 20.1172 18.7637 20.0625 18.3652 19.9531C17.9707 19.8438 17.6113 19.6777 17.2871 19.4551C16.9629 19.2285 16.7051 18.9473 16.5137 18.6113C16.3223 18.2715 16.2266 17.875 16.2266 17.4219H17.6973C17.6973 17.6992 17.7441 17.9355 17.8379 18.1309C17.9355 18.3262 18.0703 18.4863 18.2422 18.6113C18.4141 18.7324 18.6133 18.8223 18.8398 18.8809C19.0703 18.9395 19.3164 18.9688 19.5781 18.9688C19.9219 18.9688 20.209 18.9199 20.4395 18.8223C20.6738 18.7246 20.8496 18.5879 20.9668 18.4121C21.084 18.2363 21.1426 18.0332 21.1426 17.8027Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        "path",
+        {
+          d: "M15.4512 18.834V20H10.9219V18.834H15.4512ZM11.3379 11.4688V20H9.86719V11.4688H11.3379ZM14.8594 15.0312V16.1797H10.9219V15.0312H14.8594ZM15.4219 11.4688V12.6406H10.9219V11.4688H15.4219Z",
+          fill: color
+        }
+      )
+    ]
+  }
+);
+
+// src/components/IconRender/IconRender.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var IconRender = ({
+  iconName,
+  color = "#000000",
+  size = 24,
+  weight = "regular"
+}) => {
+  if (typeof iconName === "string") {
+    switch (iconName) {
+      case "Chat_PT":
+        return /* @__PURE__ */ jsx10(ChatPT, { size, color });
+      case "Chat_EN":
+        return /* @__PURE__ */ jsx10(ChatEN, { size, color });
+      case "Chat_ES":
+        return /* @__PURE__ */ jsx10(ChatES, { size, color });
+      default: {
+        const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
+        return /* @__PURE__ */ jsx10(IconComponent, { size, color, weight });
+      }
+    }
+  } else {
+    return cloneElement3(iconName, {
+      size,
+      color: "currentColor"
+    });
+  }
+};
+var IconRender_default = IconRender;
+
 // src/components/Alternative/Alternative.tsx
 import { CheckCircle, XCircle } from "phosphor-react";
 import { forwardRef as forwardRef4, useId as useId4, useState as useState3 } from "react";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var AlternativesList = ({
   alternatives,
   name,
@@ -990,7 +1132,7 @@ var AlternativesList = ({
   const groupName = name || `alternatives-${uniqueId}`;
   const [actualValue, setActualValue] = useState3(value);
   const isReadonly = mode === "readonly";
-  const getStatusStyles = (status, isReadonly2) => {
+  const getStatusStyles2 = (status, isReadonly2) => {
     const hoverClass = isReadonly2 ? "" : "hover:bg-background-50";
     switch (status) {
       case "correct":
@@ -1001,12 +1143,12 @@ var AlternativesList = ({
         return `bg-background border-border-100 ${hoverClass}`;
     }
   };
-  const getStatusBadge = (status) => {
+  const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ jsx7(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx7(CheckCircle, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ jsx11(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx11(CheckCircle, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ jsx7(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx7(XCircle, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ jsx11(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx11(XCircle, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -1031,15 +1173,15 @@ var AlternativesList = ({
     } else if (isCorrectAnswer) {
       displayStatus = "correct";
     }
-    const statusStyles = getStatusStyles(displayStatus, true);
-    const statusBadge = getStatusBadge(displayStatus);
+    const statusStyles = getStatusStyles2(displayStatus, true);
+    const statusBadge = getStatusBadge2(displayStatus);
     const renderRadio = () => {
       const radioClasses = `w-6 h-6 rounded-full border-2 cursor-default transition-all duration-200 flex items-center justify-center ${isUserSelected ? "border-primary-950 bg-background" : "border-border-400 bg-background"}`;
       const dotClasses = "w-3 h-3 rounded-full bg-primary-950 transition-all duration-200";
-      return /* @__PURE__ */ jsx7("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ jsx7("div", { className: dotClasses }) });
+      return /* @__PURE__ */ jsx11("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ jsx11("div", { className: dotClasses }) });
     };
     if (layout === "detailed") {
-      return /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsx11(
         "div",
         {
           className: cn(
@@ -1047,11 +1189,11 @@ var AlternativesList = ({
             statusStyles,
             alternative.disabled ? "opacity-50" : ""
           ),
-          children: /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-3 flex-1", children: [
-              /* @__PURE__ */ jsx7("div", { className: "mt-1", children: renderRadio() }),
-              /* @__PURE__ */ jsxs5("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx7(
+          children: /* @__PURE__ */ jsxs8("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-3 flex-1", children: [
+              /* @__PURE__ */ jsx11("div", { className: "mt-1", children: renderRadio() }),
+              /* @__PURE__ */ jsxs8("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx11(
                   "p",
                   {
                     className: cn(
@@ -1061,16 +1203,16 @@ var AlternativesList = ({
                     children: alternative.label
                   }
                 ),
-                alternative.description && /* @__PURE__ */ jsx7("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                alternative.description && /* @__PURE__ */ jsx11("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
               ] })
             ] }),
-            statusBadge && /* @__PURE__ */ jsx7("div", { className: "flex-shrink-0", children: statusBadge })
+            statusBadge && /* @__PURE__ */ jsx11("div", { className: "flex-shrink-0", children: statusBadge })
           ] })
         },
         alternativeId
       );
     }
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs8(
       "div",
       {
         className: cn(
@@ -1079,9 +1221,9 @@ var AlternativesList = ({
           alternative.disabled ? "opacity-50" : ""
         ),
         children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 flex-1", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 flex-1", children: [
             renderRadio(),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx11(
               "span",
               {
                 className: cn(
@@ -1092,14 +1234,14 @@ var AlternativesList = ({
               }
             )
           ] }),
-          statusBadge && /* @__PURE__ */ jsx7("div", { className: "flex-shrink-0", children: statusBadge })
+          statusBadge && /* @__PURE__ */ jsx11("div", { className: "flex-shrink-0", children: statusBadge })
         ]
       },
       alternativeId
     );
   };
   if (isReadonly) {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx11(
       "div",
       {
         className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
@@ -1109,7 +1251,7 @@ var AlternativesList = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx11(
     RadioGroup,
     {
       name: groupName,
@@ -1123,10 +1265,10 @@ var AlternativesList = ({
       className: cn("flex flex-col", getLayoutClasses(), className),
       children: alternatives.map((alternative, index) => {
         const alternativeId = alternative.value || `alt-${index}`;
-        const statusStyles = getStatusStyles(alternative.status, false);
-        const statusBadge = getStatusBadge(alternative.status);
+        const statusStyles = getStatusStyles2(alternative.status, false);
+        const statusBadge = getStatusBadge2(alternative.status);
         if (layout === "detailed") {
-          return /* @__PURE__ */ jsx7(
+          return /* @__PURE__ */ jsx11(
             "div",
             {
               className: cn(
@@ -1134,9 +1276,9 @@ var AlternativesList = ({
                 statusStyles,
                 alternative.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
               ),
-              children: /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-3", children: [
-                /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-3 flex-1", children: [
-                  /* @__PURE__ */ jsx7(
+              children: /* @__PURE__ */ jsxs8("div", { className: "flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-3 flex-1", children: [
+                  /* @__PURE__ */ jsx11(
                     RadioGroupItem,
                     {
                       value: alternative.value,
@@ -1145,8 +1287,8 @@ var AlternativesList = ({
                       className: "mt-1"
                     }
                   ),
-                  /* @__PURE__ */ jsxs5("div", { className: "flex-1", children: [
-                    /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsxs8("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ jsx11(
                       "label",
                       {
                         htmlFor: alternativeId,
@@ -1158,16 +1300,16 @@ var AlternativesList = ({
                         children: alternative.label
                       }
                     ),
-                    alternative.description && /* @__PURE__ */ jsx7("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                    alternative.description && /* @__PURE__ */ jsx11("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
                   ] })
                 ] }),
-                statusBadge && /* @__PURE__ */ jsx7("div", { className: "flex-shrink-0", children: statusBadge })
+                statusBadge && /* @__PURE__ */ jsx11("div", { className: "flex-shrink-0", children: statusBadge })
               ] })
             },
             alternativeId
           );
         }
-        return /* @__PURE__ */ jsxs5(
+        return /* @__PURE__ */ jsxs8(
           "div",
           {
             className: cn(
@@ -1176,8 +1318,8 @@ var AlternativesList = ({
               alternative.disabled ? "opacity-50 cursor-not-allowed" : ""
             ),
             children: [
-              /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 flex-1", children: [
-                /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 flex-1", children: [
+                /* @__PURE__ */ jsx11(
                   RadioGroupItem,
                   {
                     value: alternative.value,
@@ -1185,7 +1327,7 @@ var AlternativesList = ({
                     disabled: alternative.disabled
                   }
                 ),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx11(
                   "label",
                   {
                     htmlFor: alternativeId,
@@ -1198,7 +1340,7 @@ var AlternativesList = ({
                   }
                 )
               ] }),
-              statusBadge && /* @__PURE__ */ jsx7("div", { className: "flex-shrink-0", children: statusBadge })
+              statusBadge && /* @__PURE__ */ jsx11("div", { className: "flex-shrink-0", children: statusBadge })
             ]
           },
           alternativeId
@@ -1209,7 +1351,7 @@ var AlternativesList = ({
 };
 var HeaderAlternative = forwardRef4(
   ({ className, title, subTitle, content, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs8(
       "div",
       {
         ref,
@@ -1219,174 +1361,67 @@ var HeaderAlternative = forwardRef4(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs5("span", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsx7("p", { className: "text-text-950 font-bold text-lg", children: title }),
-            /* @__PURE__ */ jsx7("p", { className: "text-text-700 text-sm ", children: subTitle })
+          /* @__PURE__ */ jsxs8("span", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx11("p", { className: "text-text-950 font-bold text-lg", children: title }),
+            /* @__PURE__ */ jsx11("p", { className: "text-text-700 text-sm ", children: subTitle })
           ] }),
-          /* @__PURE__ */ jsx7("p", { className: "text-text-950 text-md", children: content })
+          /* @__PURE__ */ jsx11("p", { className: "text-text-950 text-md", children: content })
         ]
       }
     );
   }
 );
 
-// src/components/IconRender/IconRender.tsx
-import { cloneElement as cloneElement3 } from "react";
-import * as PhosphorIcons from "phosphor-react";
-
-// src/assets/icons/subjects/ChatPT.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs6(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ jsx8(
-        "path",
-        {
-          d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
-          fill: color
-        }
-      ),
-      /* @__PURE__ */ jsx8(
-        "path",
-        {
-          d: "M21.1758 12V20.5312H19.7168V12H21.1758ZM23.8535 12V13.1719H17.0625V12H23.8535Z",
-          fill: color
-        }
-      ),
-      /* @__PURE__ */ jsx8(
-        "path",
-        {
-          d: "M13.2402 17.3496H11.0195V16.1836H13.2402C13.627 16.1836 13.9395 16.1211 14.1777 15.9961C14.416 15.8711 14.5898 15.6992 14.6992 15.4805C14.8125 15.2578 14.8691 15.0039 14.8691 14.7188C14.8691 14.4492 14.8125 14.1973 14.6992 13.9629C14.5898 13.7246 14.416 13.5332 14.1777 13.3887C13.9395 13.2441 13.627 13.1719 13.2402 13.1719H11.4707V20.5312H10V12H13.2402C13.9004 12 14.4609 12.1172 14.9219 12.3516C15.3867 12.582 15.7402 12.9023 15.9824 13.3125C16.2246 13.7188 16.3457 14.1836 16.3457 14.707C16.3457 15.2578 16.2246 15.7305 15.9824 16.125C15.7402 16.5195 15.3867 16.8223 14.9219 17.0332C14.4609 17.2441 13.9004 17.3496 13.2402 17.3496Z",
-          fill: color
-        }
-      )
-    ]
-  }
-);
-
-// src/assets/icons/subjects/ChatEN.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs7(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ jsx9(
-        "path",
-        {
-          d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
-          fill: color
-        }
-      ),
-      /* @__PURE__ */ jsx9(
-        "path",
-        {
-          d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
-          fill: color
-        }
-      ),
-      /* @__PURE__ */ jsx9(
-        "path",
-        {
-          d: "M14.584 19.3652V20.5312H10.0547V19.3652H14.584ZM10.4707 12V20.5312H9V12H10.4707ZM13.9922 15.5625V16.7109H10.0547V15.5625H13.9922ZM14.5547 12V13.1719H10.0547V12H14.5547Z",
-          fill: color
-        }
-      )
-    ]
-  }
-);
-
-// src/assets/icons/subjects/ChatES.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs8(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ jsx10(
-        "path",
-        {
-          d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
-          fill: color
-        }
-      ),
-      /* @__PURE__ */ jsx10(
-        "path",
-        {
-          d: "M21.1426 17.8027C21.1426 17.627 21.1152 17.4707 21.0605 17.334C21.0098 17.1973 20.918 17.0723 20.7852 16.959C20.6523 16.8457 20.4648 16.7363 20.2227 16.6309C19.9844 16.5215 19.6797 16.4102 19.3086 16.2969C18.9023 16.1719 18.5273 16.0332 18.1836 15.8809C17.8438 15.7246 17.5469 15.5449 17.293 15.3418C17.0391 15.1348 16.8418 14.8984 16.7012 14.6328C16.5605 14.3633 16.4902 14.0527 16.4902 13.7012C16.4902 13.3535 16.5625 13.0371 16.707 12.752C16.8555 12.4668 17.0645 12.2207 17.334 12.0137C17.6074 11.8027 17.9297 11.6406 18.3008 11.5273C18.6719 11.4102 19.082 11.3516 19.5312 11.3516C20.1641 11.3516 20.709 11.4688 21.166 11.7031C21.627 11.9375 21.9805 12.252 22.2266 12.6465C22.4766 13.041 22.6016 13.4766 22.6016 13.9531H21.1426C21.1426 13.6719 21.082 13.4238 20.9609 13.209C20.8438 12.9902 20.6641 12.8184 20.4219 12.6934C20.1836 12.5684 19.8809 12.5059 19.5137 12.5059C19.166 12.5059 18.877 12.5586 18.6465 12.6641C18.416 12.7695 18.2441 12.9121 18.1309 13.0918C18.0176 13.2715 17.9609 13.4746 17.9609 13.7012C17.9609 13.8613 17.998 14.0078 18.0723 14.1406C18.1465 14.2695 18.2598 14.3906 18.4121 14.5039C18.5645 14.6133 18.7559 14.7168 18.9863 14.8145C19.2168 14.9121 19.4883 15.0059 19.8008 15.0957C20.2734 15.2363 20.6855 15.3926 21.0371 15.5645C21.3887 15.7324 21.6816 15.9238 21.916 16.1387C22.1504 16.3535 22.3262 16.5977 22.4434 16.8711C22.5605 17.1406 22.6191 17.4473 22.6191 17.791C22.6191 18.1504 22.5469 18.4746 22.4023 18.7637C22.2578 19.0488 22.0508 19.293 21.7812 19.4961C21.5156 19.6953 21.1953 19.8496 20.8203 19.959C20.4492 20.0645 20.0352 20.1172 19.5781 20.1172C19.168 20.1172 18.7637 20.0625 18.3652 19.9531C17.9707 19.8438 17.6113 19.6777 17.2871 19.4551C16.9629 19.2285 16.7051 18.9473 16.5137 18.6113C16.3223 18.2715 16.2266 17.875 16.2266 17.4219H17.6973C17.6973 17.6992 17.7441 17.9355 17.8379 18.1309C17.9355 18.3262 18.0703 18.4863 18.2422 18.6113C18.4141 18.7324 18.6133 18.8223 18.8398 18.8809C19.0703 18.9395 19.3164 18.9688 19.5781 18.9688C19.9219 18.9688 20.209 18.9199 20.4395 18.8223C20.6738 18.7246 20.8496 18.5879 20.9668 18.4121C21.084 18.2363 21.1426 18.0332 21.1426 17.8027Z",
-          fill: color
-        }
-      ),
-      /* @__PURE__ */ jsx10(
-        "path",
-        {
-          d: "M15.4512 18.834V20H10.9219V18.834H15.4512ZM11.3379 11.4688V20H9.86719V11.4688H11.3379ZM14.8594 15.0312V16.1797H10.9219V15.0312H14.8594ZM15.4219 11.4688V12.6406H10.9219V11.4688H15.4219Z",
-          fill: color
-        }
-      )
-    ]
-  }
-);
-
-// src/components/IconRender/IconRender.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var IconRender = ({
-  iconName,
-  color = "#000000",
-  size = 24,
-  weight = "regular"
+// src/utils/questionRenderer/alternative/index.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+var renderQuestionAlternative = ({
+  question,
+  result
 }) => {
-  if (typeof iconName === "string") {
-    switch (iconName) {
-      case "Chat_PT":
-        return /* @__PURE__ */ jsx11(ChatPT, { size, color });
-      case "Chat_EN":
-        return /* @__PURE__ */ jsx11(ChatEN, { size, color });
-      case "Chat_ES":
-        return /* @__PURE__ */ jsx11(ChatES, { size, color });
-      default: {
-        const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
-        return /* @__PURE__ */ jsx11(IconComponent, { size, color, weight });
+  const alternatives = question.options?.map((option) => {
+    const isCorrectOption = result?.options?.find((op) => op.id === option.id)?.isCorrect || false;
+    const isSelected = result?.selectedOptions?.some(
+      (selectedOption) => selectedOption.optionId === option.id
+    ) || false;
+    const shouldShowCorrectAnswers = result?.answerStatus !== "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */;
+    let status;
+    if (shouldShowCorrectAnswers) {
+      if (isCorrectOption) {
+        status = "correct" /* CORRECT */;
+      } else if (isSelected && !isCorrectOption) {
+        status = "incorrect" /* INCORRECT */;
+      } else {
+        status = "neutral" /* NEUTRAL */;
       }
+    } else {
+      status = "neutral" /* NEUTRAL */;
     }
-  } else {
-    return cloneElement3(iconName, {
-      size,
-      color: "currentColor"
-    });
+    return {
+      label: option.option,
+      value: option.id,
+      status
+    };
+  });
+  if (!alternatives || alternatives.length === 0) {
+    return /* @__PURE__ */ jsx12("div", { children: /* @__PURE__ */ jsx12(Text_default, { size: "sm", weight: "normal", children: "N\xE3o h\xE1 Alternativas" }) });
   }
-};
-var IconRender_default = IconRender;
-
-// src/types/questionTypes.ts
-var questionTypeLabels = {
-  ["ALTERNATIVA" /* ALTERNATIVA */]: "Alternativa",
-  ["VERDADEIRO_FALSO" /* VERDADEIRO_FALSO */]: "Verdadeiro ou Falso",
-  ["DISSERTATIVA" /* DISSERTATIVA */]: "Discursiva",
-  ["IMAGEM" /* IMAGEM */]: "Imagem",
-  ["MULTIPLA_ESCOLHA" /* MULTIPLA_ESCOLHA */]: "M\xFAltipla Escolha",
-  ["LIGAR_PONTOS" /* LIGAR_PONTOS */]: "Ligar Pontos",
-  ["PREENCHER" /* PREENCHER */]: "Preencher Lacunas"
+  return /* @__PURE__ */ jsx12("div", { className: "pt-2", children: /* @__PURE__ */ jsx12(
+    AlternativesList,
+    {
+      mode: "readonly",
+      name: `question-${question.id}`,
+      layout: "compact",
+      alternatives,
+      selectedValue: result?.selectedOptions?.[0]?.optionId || ""
+    },
+    `question-${question.id}`
+  ) });
 };
 
 // src/components/MultipleChoice/MultipleChoice.tsx
 import { useEffect as useEffect3, useState as useState4 } from "react";
 import { CheckCircle as CheckCircle2, XCircle as XCircle2, Check as Check2 } from "phosphor-react";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var MultipleChoiceList = ({
   disabled = false,
   className = "",
@@ -1400,17 +1435,17 @@ var MultipleChoiceList = ({
   useEffect3(() => {
     setActualValue(selectedValues);
   }, [selectedValues]);
-  const getStatusBadge = (status) => {
+  const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ jsx12(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx12(CheckCircle2, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ jsx13(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx13(CheckCircle2, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ jsx12(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx12(XCircle2, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ jsx13(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx13(XCircle2, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
   };
-  const getStatusStyles = (status) => {
+  const getStatusStyles2 = (status) => {
     switch (status) {
       case "correct":
         return "bg-success-background border-success-300";
@@ -1426,13 +1461,13 @@ var MultipleChoiceList = ({
       isSelected ? "border-primary-950 bg-primary-950 text-text" : "border-border-400 bg-background",
       isDisabled && "opacity-40 cursor-not-allowed"
     );
-    return /* @__PURE__ */ jsx12("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ jsx12(Check2, { size: 16, weight: "bold" }) });
+    return /* @__PURE__ */ jsx13("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ jsx13(Check2, { size: 16, weight: "bold" }) });
   };
   if (mode === "readonly") {
-    return /* @__PURE__ */ jsx12("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
+    return /* @__PURE__ */ jsx13("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
       const isSelected = actualValue?.includes(choice.value) || false;
-      const statusStyles = getStatusStyles(choice.status);
-      const statusBadge = getStatusBadge(choice.status);
+      const statusStyles = getStatusStyles2(choice.status);
+      const statusBadge = getStatusBadge2(choice.status);
       return /* @__PURE__ */ jsxs9(
         "div",
         {
@@ -1444,7 +1479,7 @@ var MultipleChoiceList = ({
           children: [
             /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 flex-1", children: [
               renderVisualCheckbox(isSelected, choice.disabled || disabled),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx13(
                 "span",
                 {
                   className: cn(
@@ -1456,14 +1491,14 @@ var MultipleChoiceList = ({
                 }
               )
             ] }),
-            statusBadge && /* @__PURE__ */ jsx12("div", { className: "flex-shrink-0", children: statusBadge })
+            statusBadge && /* @__PURE__ */ jsx13("div", { className: "flex-shrink-0", children: statusBadge })
           ]
         },
         `readonly-${choice.value}-${i}`
       );
     }) });
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       className: cn(
@@ -1471,7 +1506,7 @@ var MultipleChoiceList = ({
         disabled ? "opacity-50 cursor-not-allowed" : "",
         className
       ),
-      children: /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsx13(
         CheckboxList_default,
         {
           name,
@@ -1486,7 +1521,7 @@ var MultipleChoiceList = ({
             {
               className: "flex flex-row gap-2 items-center",
               children: [
-                /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx13(
                   CheckboxListItem,
                   {
                     value: choice.value,
@@ -1494,7 +1529,7 @@ var MultipleChoiceList = ({
                     disabled: choice.disabled || disabled
                   }
                 ),
-                /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx13(
                   "label",
                   {
                     htmlFor: `interactive-${choice.value}-${i}`,
@@ -1516,17 +1551,573 @@ var MultipleChoiceList = ({
   );
 };
 
-// src/utils/questionRenderer.ts
+// src/utils/questionRenderer/multipleChoice/index.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var renderQuestionMultipleChoice = ({
+  question,
+  result
+}) => {
+  const choices = question.options?.map((option) => {
+    const isCorrectOption = result?.options?.find((op) => op.id === option.id)?.isCorrect || false;
+    const isSelected = result?.selectedOptions?.some(
+      (op) => op.optionId === option.id
+    );
+    const shouldShowCorrectAnswers = result?.answerStatus !== "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */ && result?.answerStatus !== "NAO_RESPONDIDO" /* NAO_RESPONDIDO */;
+    let status;
+    if (shouldShowCorrectAnswers) {
+      if (isCorrectOption) {
+        status = "correct" /* CORRECT */;
+      } else if (isSelected && !isCorrectOption) {
+        status = "incorrect" /* INCORRECT */;
+      } else {
+        status = "neutral" /* NEUTRAL */;
+      }
+    } else {
+      status = "neutral" /* NEUTRAL */;
+    }
+    return {
+      label: option.option,
+      value: option.id,
+      status
+    };
+  });
+  if (!choices || choices.length === 0) {
+    return /* @__PURE__ */ jsx14("div", { children: /* @__PURE__ */ jsx14(Text_default, { size: "sm", weight: "normal", children: "N\xE3o h\xE1 Escolhas M\xFAltiplas" }) });
+  }
+  const selectedValues = result?.selectedOptions?.map((op) => op.optionId) || [];
+  return /* @__PURE__ */ jsx14("div", { className: "pt-2", children: /* @__PURE__ */ jsx14(
+    MultipleChoiceList,
+    {
+      mode: "readonly",
+      name: `question-${question.id}`,
+      choices,
+      selectedValues
+    },
+    `question-${question.id}`
+  ) });
+};
+
+// src/components/Quiz/QuizContent.tsx
+import {
+  forwardRef as forwardRef5,
+  useCallback,
+  useEffect as useEffect4,
+  useId as useId5,
+  useMemo,
+  useRef as useRef3,
+  useState as useState5
+} from "react";
+import { CheckCircle as CheckCircle3, XCircle as XCircle3 } from "phosphor-react";
+
+// src/assets/img/mock-image-question.png
+var mock_image_question_default = "../mock-image-question-HEZCLFDL.png";
+
+// src/components/Quiz/QuizContent.tsx
+import { Fragment, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+var getStatusStyles = (variantCorrect) => {
+  switch (variantCorrect) {
+    case "correct":
+      return "bg-success-background border-success-300";
+    case "incorrect":
+      return "bg-error-background border-error-300";
+    default:
+      return "";
+  }
+};
+var QuizSubTitle = forwardRef5(
+  ({ subTitle, ...props }, ref) => {
+    return /* @__PURE__ */ jsx15("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ jsx15("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
+  }
+);
+var QuizContainer = forwardRef5(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx15(
+    "div",
+    {
+      ref,
+      className: cn(
+        "bg-background rounded-t-xl px-4 pt-4 pb-[80px] h-auto flex flex-col gap-4 mb-auto",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+
+// src/utils/questionRenderer/components/index.tsx
+import { useId as useId6 } from "react";
+import { CheckCircle as CheckCircle4, XCircle as XCircle4 } from "phosphor-react";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+var getStatusBadge = (status) => {
+  switch (status) {
+    case "correct":
+      return /* @__PURE__ */ jsx16(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx16(CheckCircle4, {}), children: "Resposta correta" });
+    case "incorrect":
+      return /* @__PURE__ */ jsx16(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx16(XCircle4, {}), children: "Resposta incorreta" });
+    default:
+      return null;
+  }
+};
+var QuestionContainer = ({
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ jsx16(
+    "div",
+    {
+      className: cn(
+        "bg-background rounded-t-xl px-4 pt-4 pb-[80px] h-auto flex flex-col gap-4 mb-auto",
+        className
+      ),
+      children
+    }
+  );
+};
+var QuestionSubTitle = ({ subTitle }) => {
+  return /* @__PURE__ */ jsx16("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ jsx16(Text_default, { size: "md", weight: "bold", color: "text-text-950", children: subTitle }) });
+};
+var FillQuestionContent = ({
+  question,
+  result
+}) => {
+  const text = question.statement || "";
+  const baseId = useId6();
+  const studentAnswers = {};
+  try {
+    if (result?.answer) {
+      const parsed = typeof result.answer === "string" ? JSON.parse(result.answer) : result.answer;
+      if (typeof parsed === "object") {
+        Object.assign(studentAnswers, parsed);
+      }
+    }
+  } catch (error) {
+    console.error("Error parsing answer:", error);
+  }
+  const regex = /\{\{([\p{L}\p{M}\d_]+)\}\}/gu;
+  const placeholders = [];
+  let match;
+  while ((match = regex.exec(text)) !== null) {
+    placeholders.push(match[1]);
+  }
+  const correctAnswers = {};
+  placeholders.forEach((placeholder) => {
+    correctAnswers[placeholder] = studentAnswers[placeholder]?.correctAnswer || `[${placeholder}]`;
+  });
+  const addTextElement = (elements, textContent, elementCounter) => {
+    if (textContent) {
+      elements.push({
+        element: textContent,
+        id: `${baseId}-text-${++elementCounter.current}`
+      });
+    }
+  };
+  const renderGabaritoPlaceholder = (selectId, elementCounter) => {
+    const correctAnswer = correctAnswers[selectId] || `[${selectId}]`;
+    return {
+      element: /* @__PURE__ */ jsx16(
+        Text_default,
+        {
+          size: "md",
+          weight: "semibold",
+          color: "text-success-600",
+          className: "inline-flex mb-2.5 border-b-2 border-success-600",
+          children: correctAnswer
+        },
+        `${baseId}-gabarito-${selectId}`
+      ),
+      id: `${baseId}-gabarito-${++elementCounter.current}`
+    };
+  };
+  const renderStudentPlaceholder = (selectId, elementCounter) => {
+    const studentAnswer = studentAnswers[selectId];
+    if (!studentAnswer) {
+      return {
+        element: /* @__PURE__ */ jsx16(
+          Text_default,
+          {
+            size: "md",
+            weight: "normal",
+            color: "text-text-400",
+            className: "inline-flex mb-2.5 border-b-2 border-text-300",
+            children: "[N\xE3o respondido]"
+          },
+          `${baseId}-no-answer-${selectId}`
+        ),
+        id: `${baseId}-no-answer-${++elementCounter.current}`
+      };
+    }
+    const isCorrect = studentAnswer.isCorrect;
+    const colorClass = isCorrect ? "text-success-600 border-success-600" : "text-error-600 border-error-600";
+    return {
+      element: /* @__PURE__ */ jsx16(
+        Badge_default,
+        {
+          variant: "solid",
+          action: isCorrect ? "success" : "error",
+          iconRight: isCorrect ? /* @__PURE__ */ jsx16(CheckCircle4, {}) : /* @__PURE__ */ jsx16(XCircle4, {}),
+          size: "large",
+          className: `py-3 w-[180px] justify-between mb-2.5 ${colorClass}`,
+          children: /* @__PURE__ */ jsx16("span", { className: "text-text-900", children: studentAnswer.answer })
+        },
+        `${baseId}-answer-${selectId}`
+      ),
+      id: `${baseId}-answer-${++elementCounter.current}`
+    };
+  };
+  const renderTextWithAnswers = (isGabarito = false) => {
+    const elements = [];
+    let lastIndex = 0;
+    const elementCounter = { current: 0 };
+    regex.lastIndex = 0;
+    while ((match = regex.exec(text)) !== null) {
+      const [fullMatch, selectId] = match;
+      const startIndex = match.index;
+      if (startIndex > lastIndex) {
+        addTextElement(
+          elements,
+          text.slice(lastIndex, startIndex),
+          elementCounter
+        );
+      }
+      const placeholderElement = isGabarito ? renderGabaritoPlaceholder(selectId, elementCounter) : renderStudentPlaceholder(selectId, elementCounter);
+      elements.push(placeholderElement);
+      lastIndex = match.index + fullMatch.length;
+    }
+    if (lastIndex < text.length) {
+      addTextElement(elements, text.slice(lastIndex), elementCounter);
+    }
+    return elements;
+  };
+  return /* @__PURE__ */ jsxs11("div", { className: "pt-2 space-y-4", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx16(Text_default, { size: "xs", weight: "normal", color: "text-text-500", children: "Resposta do aluno:" }),
+      /* @__PURE__ */ jsx16("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ jsx16("div", { className: "leading-8", children: renderTextWithAnswers(false).map((element) => /* @__PURE__ */ jsx16(
+        Text_default,
+        {
+          size: "md",
+          weight: "normal",
+          color: "text-text-900",
+          children: element.element
+        },
+        element.id
+      )) }) })
+    ] }),
+    /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx16(Text_default, { size: "xs", weight: "normal", color: "text-text-500", children: "Gabarito:" }),
+      /* @__PURE__ */ jsx16("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ jsx16("div", { className: "leading-8", children: renderTextWithAnswers(true).map((element) => /* @__PURE__ */ jsx16(
+        Text_default,
+        {
+          size: "md",
+          weight: "normal",
+          color: "text-text-900",
+          children: element.element
+        },
+        element.id
+      )) }) })
+    ] })
+  ] });
+};
+
+// src/utils/questionRenderer/trueOrFalse/index.tsx
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+var renderQuestionTrueOrFalse = ({
+  question,
+  result
+}) => {
+  const options = question.options || [];
+  const getLetterByIndex = (index) => String.fromCodePoint(97 + index);
+  const shouldShowStatus = result?.answerStatus !== "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */ && result?.answerStatus !== "NAO_RESPONDIDO" /* NAO_RESPONDIDO */;
+  return /* @__PURE__ */ jsx17("div", { className: "pt-2", children: /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+    const statementIsTrue = result?.options?.find((op) => op.id === option.id)?.isCorrect || false;
+    const isSelected = result?.selectedOptions?.some(
+      (op) => op.optionId === option.id
+    );
+    const isStudentCorrect = statementIsTrue === isSelected;
+    const variantCorrect = statementIsTrue ? "correct" : "incorrect";
+    const studentAnswer = isSelected ? "V" : "F";
+    const correctAnswer = statementIsTrue ? "V" : "F";
+    return /* @__PURE__ */ jsxs12(
+      "section",
+      {
+        className: "flex flex-col gap-2",
+        children: [
+          /* @__PURE__ */ jsxs12(
+            "div",
+            {
+              className: cn(
+                "flex flex-row justify-between items-center gap-2 p-2 rounded-md border",
+                shouldShowStatus ? getStatusStyles(variantCorrect) : ""
+              ),
+              children: [
+                /* @__PURE__ */ jsx17(Text_default, { size: "sm", weight: "normal", color: "text-text-900", children: getLetterByIndex(index).concat(") ").concat(option.option) }),
+                shouldShowStatus && /* @__PURE__ */ jsx17("div", { className: "flex-shrink-0", children: getStatusBadge(isStudentCorrect ? "correct" : "incorrect") })
+              ]
+            }
+          ),
+          shouldShowStatus && /* @__PURE__ */ jsxs12("span", { className: "flex flex-row gap-2 items-center", children: [
+            /* @__PURE__ */ jsxs12(Text_default, { size: "2xs", weight: "normal", color: "text-text-800", children: [
+              "Resposta selecionada: ",
+              studentAnswer
+            ] }),
+            !isStudentCorrect && /* @__PURE__ */ jsxs12(Text_default, { size: "2xs", weight: "normal", color: "text-text-800", children: [
+              "Resposta correta: ",
+              correctAnswer
+            ] })
+          ] })
+        ]
+      },
+      option.id || `option-${index}`
+    );
+  }) }) });
+};
+
+// src/utils/questionRenderer/dissertative/index.tsx
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+var renderQuestionDissertative = ({
+  result
+}) => {
+  const localAnswer = result?.answer || "";
+  return /* @__PURE__ */ jsxs13("div", { className: "pt-2 space-y-4", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx18(Text_default, { size: "sm", weight: "normal", color: "text-text-950", children: "Resposta do aluno" }),
+      /* @__PURE__ */ jsx18("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ jsx18(Text_default, { size: "sm", weight: "normal", color: "text-text-700", children: localAnswer || "Nenhuma resposta fornecida" }) })
+    ] }),
+    result?.answerStatus === "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && result?.teacherFeedback && /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx18(Text_default, { size: "xs", weight: "normal", color: "text-text-500", children: "Observa\xE7\xE3o do professor:" }),
+      /* @__PURE__ */ jsx18("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ jsx18(Text_default, { size: "sm", weight: "normal", color: "text-text-700", children: result.teacherFeedback }) })
+    ] })
+  ] });
+};
+
+// src/utils/questionRenderer/fill/index.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var renderQuestionFill = ({
+  question,
+  result
+}) => {
+  return /* @__PURE__ */ jsx19(FillQuestionContent, { question, result });
+};
+
+// src/utils/questionRenderer/image/index.tsx
+import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+var renderQuestionImage = ({
+  result
+}) => {
+  const correctPositionRelative = { x: 0.48, y: 0.45 };
+  const correctRadiusRelative = 0.1;
+  let userPositionRelative = null;
+  try {
+    if (result?.answer) {
+      const parsed = typeof result.answer === "string" ? JSON.parse(result.answer) : result.answer;
+      if (parsed && typeof parsed.x === "number" && typeof parsed.y === "number") {
+        userPositionRelative = { x: parsed.x, y: parsed.y };
+      }
+    }
+  } catch {
+    userPositionRelative = null;
+  }
+  const isCorrect = userPositionRelative ? Math.sqrt(
+    Math.pow(userPositionRelative.x - correctPositionRelative.x, 2) + Math.pow(userPositionRelative.y - correctPositionRelative.y, 2)
+  ) <= correctRadiusRelative : false;
+  const getUserCircleColorClasses = () => {
+    if (!userPositionRelative) return "";
+    return isCorrect ? "bg-success-600/70 border-white" : "bg-indicator-error/70 border-white";
+  };
+  const getPositionDescription = (x, y) => {
+    const xPercent = Math.round(x * 100);
+    const yPercent = Math.round(y * 100);
+    return `${xPercent}% da esquerda, ${yPercent}% do topo`;
+  };
+  const getSpatialRelationship = () => {
+    if (!userPositionRelative) {
+      return `\xC1rea correta localizada em ${getPositionDescription(
+        correctPositionRelative.x,
+        correctPositionRelative.y
+      )}. Nenhuma resposta do aluno fornecida.`;
+    }
+    const deltaX = userPositionRelative.x - correctPositionRelative.x;
+    const deltaY = userPositionRelative.y - correctPositionRelative.y;
+    const distance = Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));
+    const distancePercent = Math.round(distance * 100);
+    let direction = "";
+    if (Math.abs(deltaX) > Math.abs(deltaY)) {
+      direction = deltaX > 0 ? "\xE0 direita" : "\xE0 esquerda";
+    } else {
+      direction = deltaY > 0 ? "abaixo" : "acima";
+    }
+    const correctPos = getPositionDescription(
+      correctPositionRelative.x,
+      correctPositionRelative.y
+    );
+    const userPos = getPositionDescription(
+      userPositionRelative.x,
+      userPositionRelative.y
+    );
+    return `\xC1rea correta localizada em ${correctPos}. Resposta do aluno em ${userPos}. A resposta do aluno est\xE1 ${distancePercent}% de dist\xE2ncia ${direction} da \xE1rea correta. ${isCorrect ? "A resposta est\xE1 dentro da \xE1rea de toler\xE2ncia e \xE9 considerada correta." : "A resposta est\xE1 fora da \xE1rea de toler\xE2ncia e \xE9 considerada incorreta."}`;
+  };
+  const correctPositionDescription = getPositionDescription(
+    correctPositionRelative.x,
+    correctPositionRelative.y
+  );
+  const imageAltText = `Quest\xE3o de imagem com \xE1rea correta localizada em ${correctPositionDescription}`;
+  return /* @__PURE__ */ jsxs14("div", { className: "pt-2 space-y-4", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-4 text-xs", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx20("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
+        /* @__PURE__ */ jsx20(Text_default, { size: "sm", weight: "normal", color: "text-text-600", children: "\xC1rea correta" })
+      ] }),
+      userPositionRelative && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx20("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
+          /* @__PURE__ */ jsx20(Text_default, { size: "sm", weight: "normal", color: "text-text-600", children: "Resposta correta" })
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx20("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
+          /* @__PURE__ */ jsx20(Text_default, { size: "sm", weight: "normal", color: "text-text-600", children: "Resposta incorreta" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs14("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ jsx20("div", { className: "sr-only", children: getSpatialRelationship() }),
+      /* @__PURE__ */ jsx20(
+        "img",
+        {
+          src: mock_image_question_default,
+          alt: imageAltText,
+          className: "w-full h-auto rounded-md"
+        }
+      ),
+      /* @__PURE__ */ jsx20(
+        "div",
+        {
+          role: "img",
+          "aria-label": `\xC1rea correta marcada em ${correctPositionDescription}`,
+          className: "absolute rounded-full bg-indicator-primary/70 border-4 border-[#F8CC2E] pointer-events-none",
+          style: {
+            minWidth: "50px",
+            maxWidth: "160px",
+            width: "15%",
+            aspectRatio: "1 / 1",
+            left: `calc(${correctPositionRelative.x * 100}% - 7.5%)`,
+            top: `calc(${correctPositionRelative.y * 100}% - 15%)`
+          },
+          children: /* @__PURE__ */ jsxs14(
+            Text_default,
+            {
+              size: "sm",
+              weight: "normal",
+              color: "text-text-600",
+              className: "sr-only",
+              children: [
+                "C\xEDrculo amarelo indicando a \xE1rea correta da resposta, posicionado em",
+                " ",
+                correctPositionDescription
+              ]
+            }
+          )
+        }
+      ),
+      userPositionRelative && /* @__PURE__ */ jsx20(
+        "div",
+        {
+          role: "img",
+          "aria-label": `Resposta do aluno marcada em ${getPositionDescription(
+            userPositionRelative.x,
+            userPositionRelative.y
+          )}, ${isCorrect ? "correta" : "incorreta"}`,
+          className: `absolute rounded-full border-4 pointer-events-none ${getUserCircleColorClasses()}`,
+          style: {
+            minWidth: "30px",
+            maxWidth: "52px",
+            width: "5%",
+            aspectRatio: "1 / 1",
+            left: `calc(${userPositionRelative.x * 100}% - 2.5%)`,
+            top: `calc(${userPositionRelative.y * 100}% - 2.5%)`
+          },
+          children: /* @__PURE__ */ jsxs14(
+            Text_default,
+            {
+              size: "sm",
+              weight: "normal",
+              color: "text-text-600",
+              className: "sr-only",
+              children: [
+                "C\xEDrculo ",
+                isCorrect ? "verde" : "vermelho",
+                " indicando a resposta do aluno, posicionado em",
+                " ",
+                getPositionDescription(
+                  userPositionRelative.x,
+                  userPositionRelative.y
+                ),
+                ". A resposta est\xE1",
+                " ",
+                Math.round(
+                  Math.sqrt(
+                    Math.pow(
+                      userPositionRelative.x - correctPositionRelative.x,
+                      2
+                    ) + Math.pow(
+                      userPositionRelative.y - correctPositionRelative.y,
+                      2
+                    )
+                  ) * 100
+                ),
+                "% de dist\xE2ncia da \xE1rea correta e \xE9 considerada",
+                " ",
+                isCorrect ? "correta" : "incorreta",
+                "."
+              ]
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/utils/questionRenderer/connectDots/index.tsx
+import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+var renderQuestionConnectDots = ({
+  paddingBottom
+} = {}) => {
+  return /* @__PURE__ */ jsxs15(Fragment3, { children: [
+    /* @__PURE__ */ jsx21(QuestionSubTitle, { subTitle: "Tipo de quest\xE3o: Ligar Pontos" }),
+    /* @__PURE__ */ jsx21(QuestionContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx21("div", { className: "space-y-4", children: /* @__PURE__ */ jsx21(Text_default, { size: "md", weight: "normal", color: "text-text-600", children: "Tipo de quest\xE3o: Ligar Pontos (n\xE3o implementado)" }) }) })
+  ] });
+};
+
+// src/utils/questionRenderer/index.tsx
+var questionRendererMap = {
+  ["ALTERNATIVA" /* ALTERNATIVA */]: renderQuestionAlternative,
+  ["MULTIPLA_ESCOLHA" /* MULTIPLA_ESCOLHA */]: renderQuestionMultipleChoice,
+  ["VERDADEIRO_FALSO" /* VERDADEIRO_FALSO */]: renderQuestionTrueOrFalse,
+  ["DISSERTATIVA" /* DISSERTATIVA */]: renderQuestionDissertative,
+  ["PREENCHER" /* PREENCHER */]: renderQuestionFill,
+  ["IMAGEM" /* IMAGEM */]: renderQuestionImage,
+  ["LIGAR_PONTOS" /* LIGAR_PONTOS */]: renderQuestionConnectDots
+};
 var renderFromMap = (renderers, questionType) => {
   if (!questionType) return null;
   const renderer = renderers[questionType];
   return renderer ? renderer() : null;
 };
 
+// src/types/questionTypes.ts
+var questionTypeLabels = {
+  ["ALTERNATIVA" /* ALTERNATIVA */]: "Alternativa",
+  ["VERDADEIRO_FALSO" /* VERDADEIRO_FALSO */]: "Verdadeiro ou Falso",
+  ["DISSERTATIVA" /* DISSERTATIVA */]: "Discursiva",
+  ["IMAGEM" /* IMAGEM */]: "Imagem",
+  ["MULTIPLA_ESCOLHA" /* MULTIPLA_ESCOLHA */]: "M\xFAltipla Escolha",
+  ["LIGAR_PONTOS" /* LIGAR_PONTOS */]: "Ligar Pontos",
+  ["PREENCHER" /* PREENCHER */]: "Preencher Lacunas"
+};
+
 // src/components/ActivityCardQuestionBanks/ActivityCardQuestionBanks.tsx
-import { Plus, CheckCircle as CheckCircle3, XCircle as XCircle3 } from "phosphor-react";
-import { useMemo } from "react";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Plus, CheckCircle as CheckCircle5, XCircle as XCircle5 } from "phosphor-react";
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var ActivityCardQuestionBanks = ({
   question,
   questionType,
@@ -1537,7 +2128,7 @@ var ActivityCardQuestionBanks = ({
   assunto,
   enunciado
 } = {}) => {
-  const alternatives = useMemo(() => {
+  const alternatives = useMemo2(() => {
     if (!question?.options || questionType !== "ALTERNATIVA" /* ALTERNATIVA */)
       return [];
     const correctOptionIds2 = question.correctOptionIds || [];
@@ -1551,13 +2142,13 @@ var ActivityCardQuestionBanks = ({
       };
     });
   }, [question, questionType]);
-  const correctOptionId = useMemo(() => {
+  const correctOptionId = useMemo2(() => {
     if (!question?.correctOptionIds || question.correctOptionIds.length === 0) {
       return void 0;
     }
     return question.correctOptionIds[0];
   }, [question]);
-  const multipleChoices = useMemo(() => {
+  const multipleChoices = useMemo2(() => {
     if (!question?.options || questionType !== "MULTIPLA_ESCOLHA" /* MULTIPLA_ESCOLHA */)
       return [];
     const correctOptionIds2 = question.correctOptionIds || [];
@@ -1571,18 +2162,18 @@ var ActivityCardQuestionBanks = ({
       };
     });
   }, [question, questionType]);
-  const correctOptionIds = useMemo(() => {
+  const correctOptionIds = useMemo2(() => {
     return question?.correctOptionIds || [];
   }, [question]);
-  const getStatusBadge = (status) => {
+  const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ jsx13(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx13(CheckCircle3, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ jsx22(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx22(CheckCircle5, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ jsx13(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx13(XCircle3, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ jsx22(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx22(XCircle5, {}), children: "Resposta incorreta" });
     }
   };
-  const getStatusStyles = (status) => {
+  const getStatusStyles2 = (status) => {
     switch (status) {
       case "correct":
         return "bg-success-background border-success-300";
@@ -1593,7 +2184,7 @@ var ActivityCardQuestionBanks = ({
   const getLetterByIndex = (index) => String.fromCodePoint(97 + index);
   const renderAlternative = () => {
     if (!question || alternatives.length === 0) return null;
-    return /* @__PURE__ */ jsx13("div", { className: "mt-4", children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx22("div", { className: "mt-4", children: /* @__PURE__ */ jsx22(
       AlternativesList,
       {
         alternatives,
@@ -1606,7 +2197,7 @@ var ActivityCardQuestionBanks = ({
   };
   const renderMultipleChoice = () => {
     if (!question || multipleChoices.length === 0) return null;
-    return /* @__PURE__ */ jsx13("div", { className: "mt-4", children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx22("div", { className: "mt-4", children: /* @__PURE__ */ jsx22(
       MultipleChoiceList,
       {
         choices: multipleChoices,
@@ -1617,29 +2208,29 @@ var ActivityCardQuestionBanks = ({
     ) });
   };
   const renderDissertative = () => {
-    return /* @__PURE__ */ jsx13("div", { className: "mt-4 px-2 py-4", children: /* @__PURE__ */ jsx13(Text_default, { size: "sm", className: "text-text-600 italic", children: "Resposta do aluno" }) });
+    return /* @__PURE__ */ jsx22("div", { className: "mt-4 px-2 py-4", children: /* @__PURE__ */ jsx22(Text_default, { size: "sm", className: "text-text-600 italic", children: "Resposta do aluno" }) });
   };
   const renderTrueOrFalse = () => {
     if (!question || question.options.length === 0) return null;
-    return /* @__PURE__ */ jsx13("div", { className: "mt-4", children: /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-3.5", children: question.options.map((option, index) => {
+    return /* @__PURE__ */ jsx22("div", { className: "mt-4", children: /* @__PURE__ */ jsx22("div", { className: "flex flex-col gap-3.5", children: question.options.map((option, index) => {
       const isCorrect = correctOptionIds.includes(option.id);
       const correctAnswer = isCorrect ? "Verdadeiro" : "Falso";
       const variantCorrect = "correct";
-      return /* @__PURE__ */ jsx13("section", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsxs10(
+      return /* @__PURE__ */ jsx22("section", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsxs16(
         "div",
         {
           className: cn(
             "flex flex-row justify-between items-center gap-2 p-2 rounded-md border",
-            getStatusStyles(variantCorrect)
+            getStatusStyles2(variantCorrect)
           ),
           children: [
-            /* @__PURE__ */ jsx13(Text_default, { size: "sm", className: "text-text-900", children: getLetterByIndex(index).concat(") ").concat(option.option) }),
-            /* @__PURE__ */ jsxs10("div", { className: "flex flex-row items-center gap-2 flex-shrink-0", children: [
-              /* @__PURE__ */ jsxs10(Text_default, { size: "sm", className: "text-text-700", children: [
+            /* @__PURE__ */ jsx22(Text_default, { size: "sm", className: "text-text-900", children: getLetterByIndex(index).concat(") ").concat(option.option) }),
+            /* @__PURE__ */ jsxs16("div", { className: "flex flex-row items-center gap-2 flex-shrink-0", children: [
+              /* @__PURE__ */ jsxs16(Text_default, { size: "sm", className: "text-text-700", children: [
                 "Resposta correta: ",
                 correctAnswer
               ] }),
-              getStatusBadge(variantCorrect)
+              getStatusBadge2(variantCorrect)
             ] })
           ]
         }
@@ -1664,32 +2255,32 @@ var ActivityCardQuestionBanks = ({
     ["PREENCHER" /* PREENCHER */]: renderFill,
     ["IMAGEM" /* IMAGEM */]: renderImage
   };
-  return /* @__PURE__ */ jsxs10("div", { className: "w-full flex flex-col gap-2 px-4 py-6", children: [
-    /* @__PURE__ */ jsxs10("section", { className: "flex flex-row gap-2 text-text-650", children: [
-      /* @__PURE__ */ jsxs10("div", { className: "py-1 px-2 flex flex-row items-center gap-1", children: [
-        /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs16("div", { className: "w-full flex flex-col gap-2 px-4 py-6", children: [
+    /* @__PURE__ */ jsxs16("section", { className: "flex flex-row gap-2 text-text-650", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "py-1 px-2 flex flex-row items-center gap-1", children: [
+        /* @__PURE__ */ jsx22(
           "span",
           {
             className: "size-4 rounded-sm flex items-center justify-center shrink-0 text-text-950",
             style: {
               backgroundColor: getSubjectColorWithOpacity(subjectColor, isDark)
             },
-            children: /* @__PURE__ */ jsx13(IconRender_default, { iconName, size: 14, color: "currentColor" })
+            children: /* @__PURE__ */ jsx22(IconRender_default, { iconName, size: 14, color: "currentColor" })
           }
         ),
-        /* @__PURE__ */ jsx13(Text_default, { size: "sm", children: assunto || "Assunto n\xE3o informado" })
+        /* @__PURE__ */ jsx22(Text_default, { size: "sm", children: assunto || "Assunto n\xE3o informado" })
       ] }),
-      /* @__PURE__ */ jsx13("div", { className: "py-1 px-2 flex flex-row items-center gap-1", children: /* @__PURE__ */ jsx13(Text_default, { size: "sm", className: "", children: questionType ? questionTypeLabels[questionType] : "Tipo de quest\xE3o" }) })
+      /* @__PURE__ */ jsx22("div", { className: "py-1 px-2 flex flex-row items-center gap-1", children: /* @__PURE__ */ jsx22(Text_default, { size: "sm", className: "", children: questionType ? questionTypeLabels[questionType] : "Tipo de quest\xE3o" }) })
     ] }),
-    /* @__PURE__ */ jsxs10("section", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx13(Text_default, { size: "md", weight: "medium", className: "text-text-950 text-md", children: enunciado || "Enunciado n\xE3o informado" }),
+    /* @__PURE__ */ jsxs16("section", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx22(Text_default, { size: "md", weight: "medium", className: "text-text-950 text-md", children: enunciado || "Enunciado n\xE3o informado" }),
       renderFromMap(questionRenderers, questionType)
     ] }),
-    /* @__PURE__ */ jsx13("section", { children: /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx22("section", { children: /* @__PURE__ */ jsx22(
       Button_default,
       {
         size: "small",
-        iconLeft: /* @__PURE__ */ jsx13(Plus, {}),
+        iconLeft: /* @__PURE__ */ jsx22(Plus, {}),
         className: "w-full",
         onClick: () => {
           if (onAddToActivity) {