analytica-frontend-lib 1.1.61 → 1.1.63

package/dist/index.js

@@ -136,6 +136,7 @@ __export(src_exports, {
   Toaster: () => Toaster_default,
   VideoPlayer: () => VideoPlayer_default,
   Whiteboard: () => Whiteboard_default,
+  cn: () => cn,
   createNotificationStore: () => createNotificationStore,
   createNotificationsHook: () => createNotificationsHook,
   createUseNotificationStore: () => createUseNotificationStore,
@@ -146,8 +147,8 @@ __export(src_exports, {
   getRootDomain: () => getRootDomain,
   getStatusBadge: () => getStatusBadge,
   getSubjectColorClass: () => getSubjectColorClass,
-  getSubjectData: () => getSubjectData,
   getSubjectIcon: () => getSubjectIcon,
+  getSubjectInfo: () => getSubjectInfo,
   getSubjectName: () => getSubjectName,
   useApiConfig: () => useApiConfig,
   useAuth: () => useAuth,
@@ -4428,14 +4429,17 @@ var Calendar = ({
 var Calendar_default = Calendar;
 
 // src/components/Accordation/Accordation.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/components/Card/Card.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_phosphor_react13 = require("phosphor-react");
 
 // src/components/IconRender/IconRender.tsx
+var import_react16 = require("react");
 var PhosphorIcons = __toESM(require("phosphor-react"));
+
+// src/assets/icons/subjects/ChatPT.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
   "svg",
@@ -4470,7 +4474,10 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)
     ]
   }
 );
-var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+
+// src/assets/icons/subjects/ChatEN.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
   "svg",
   {
     width: size,
@@ -4479,21 +4486,21 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "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__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "path",
         {
           d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "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",
@@ -4503,7 +4510,10 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)
     ]
   }
 );
-var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+
+// src/assets/icons/subjects/ChatES.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
   "svg",
   {
     width: size,
@@ -4512,21 +4522,21 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "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__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "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__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "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",
@@ -4536,29 +4546,39 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)
     ]
   }
 );
+
+// src/components/IconRender/IconRender.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var IconRender = ({
   iconName,
   color = "#000000",
   size = 24,
   weight = "regular"
 }) => {
-  switch (iconName) {
-    case "Chat_PT":
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatPT, { size, color });
-    case "Chat_EN":
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatEN, { size, color });
-    case "Chat_ES":
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatES, { size, color });
-    default: {
-      const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconComponent, { size, color, weight });
+  if (typeof iconName === "string") {
+    switch (iconName) {
+      case "Chat_PT":
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChatPT, { size, color });
+      case "Chat_EN":
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChatEN, { size, color });
+      case "Chat_ES":
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChatES, { size, color });
+      default: {
+        const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(IconComponent, { size, color, weight });
+      }
     }
+  } else {
+    return (0, import_react16.cloneElement)(iconName, {
+      size,
+      color: "currentColor"
+    });
   }
 };
 var IconRender_default = IconRender;
 
 // src/components/Card/Card.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var CARD_BASE_CLASSES = {
   default: "w-full bg-background border border-border-50 rounded-xl",
   compact: "w-full bg-background border border-border-50 rounded-lg",
@@ -4584,7 +4604,7 @@ var CARD_CURSOR_CLASSES = {
   default: "",
   pointer: "cursor-pointer"
 };
-var CardBase = (0, import_react16.forwardRef)(
+var CardBase = (0, import_react17.forwardRef)(
   ({
     children,
     variant = "default",
@@ -4600,7 +4620,7 @@ var CardBase = (0, import_react16.forwardRef)(
     const minHeightClasses = CARD_MIN_HEIGHT_CLASSES[minHeight];
     const layoutClasses = CARD_LAYOUT_CLASSES[layout];
     const cursorClasses = CARD_CURSOR_CLASSES[cursor];
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "div",
       {
         ref,
@@ -4642,7 +4662,7 @@ var ACTION_HEADER_CLASSES = {
   error: "text-error-300",
   info: "text-info-300"
 };
-var CardActivitiesResults = (0, import_react16.forwardRef)(
+var CardActivitiesResults = (0, import_react17.forwardRef)(
   ({
     icon,
     title,
@@ -4658,7 +4678,7 @@ var CardActivitiesResults = (0, import_react16.forwardRef)(
     const actionIconClasses = ACTION_ICON_CLASSES[action];
     const actionSubTitleClasses = ACTION_SUBTITLE_CLASSES[action];
     const actionHeaderClasses = ACTION_HEADER_CLASSES[action];
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       "div",
       {
         ref,
@@ -4668,7 +4688,7 @@ var CardActivitiesResults = (0, import_react16.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             "div",
             {
               className: cn(
@@ -4677,7 +4697,7 @@ var CardActivitiesResults = (0, import_react16.forwardRef)(
                 extended ? "rounded-t-xl" : "rounded-xl"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   "span",
                   {
                     className: cn(
@@ -4687,7 +4707,7 @@ var CardActivitiesResults = (0, import_react16.forwardRef)(
                     children: icon
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   Text_default,
                   {
                     size: "2xs",
@@ -4696,7 +4716,7 @@ var CardActivitiesResults = (0, import_react16.forwardRef)(
                     children: title
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   "p",
                   {
                     className: cn("text-lg font-bold truncate", actionSubTitleClasses),
@@ -4706,8 +4726,8 @@ var CardActivitiesResults = (0, import_react16.forwardRef)(
               ]
             }
           ),
-          extended && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          extended && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "p",
               {
                 className: cn(
@@ -4717,14 +4737,14 @@ var CardActivitiesResults = (0, import_react16.forwardRef)(
                 children: header
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Badge_default, { size: "large", action: "info", children: description })
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Badge_default, { size: "large", action: "info", children: description })
           ] })
         ]
       }
     );
   }
 );
-var CardQuestions = (0, import_react16.forwardRef)(
+var CardQuestions = (0, import_react17.forwardRef)(
   ({
     header,
     state = "undone",
@@ -4736,7 +4756,7 @@ var CardQuestions = (0, import_react16.forwardRef)(
     const isDone = state === "done";
     const stateLabel = isDone ? "Realizado" : "N\xE3o Realizado";
     const buttonLabel = isDone ? "Ver Quest\xE3o" : "Responder";
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       CardBase,
       {
         ref,
@@ -4746,10 +4766,10 @@ var CardQuestions = (0, import_react16.forwardRef)(
         className: cn("justify-between gap-4", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 Badge_default,
                 {
                   size: "medium",
@@ -4758,13 +4778,13 @@ var CardQuestions = (0, import_react16.forwardRef)(
                   children: stateLabel
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "flex flex-row items-center gap-1 text-text-700 text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "flex flex-row items-center gap-1 text-text-700 text-xs", children: [
                 isDone ? "Nota" : "Sem nota",
-                isDone && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Badge_default, { size: "medium", action: "success", children: "00" })
+                isDone && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Badge_default, { size: "medium", action: "success", children: "00" })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             Button_default,
             {
               size: "extra-small",
@@ -4778,7 +4798,7 @@ var CardQuestions = (0, import_react16.forwardRef)(
     );
   }
 );
-var CardProgress = (0, import_react16.forwardRef)(
+var CardProgress = (0, import_react17.forwardRef)(
   ({
     header,
     subhead,
@@ -4795,19 +4815,19 @@ var CardProgress = (0, import_react16.forwardRef)(
   }, ref) => {
     const isHorizontal = direction === "horizontal";
     const contentComponent = {
-      horizontal: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-        showDates && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
-          initialDate && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-text-600", children: initialDate })
+      horizontal: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+        showDates && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
+          initialDate && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-text-600", children: initialDate })
           ] }),
-          endDate && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-text-800 font-semibold", children: "Fim" }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-text-600", children: endDate })
+          endDate && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-text-800 font-semibold", children: "Fim" }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-text-600", children: endDate })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             ProgressBar_default,
             {
               size: "small",
@@ -4816,7 +4836,7 @@ var CardProgress = (0, import_react16.forwardRef)(
               "data-testid": "progress-bar"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             Text_default,
             {
               size: "xs",
@@ -4832,9 +4852,9 @@ var CardProgress = (0, import_react16.forwardRef)(
           )
         ] })
       ] }),
-      vertical: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-text-800", children: subhead })
+      vertical: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm text-text-800", children: subhead })
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       CardBase,
       {
         ref,
@@ -4845,20 +4865,20 @@ var CardProgress = (0, import_react16.forwardRef)(
         className: cn(isHorizontal ? "h-20" : "", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "div",
             {
               className: cn(
                 "flex justify-center items-center [&>svg]:size-6 text-text-950",
                 isHorizontal ? "min-w-[80px] min-h-[80px] rounded-l-xl" : "min-h-[50px] w-full rounded-t-xl",
-                !color.startsWith("#") ? `bg-${color}` : ""
+                !color.startsWith("#") ? `${color}` : ""
               ),
               style: color.startsWith("#") ? { backgroundColor: color } : void 0,
               "data-testid": "icon-container",
               children: icon
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             "div",
             {
               className: cn(
@@ -4866,7 +4886,7 @@ var CardProgress = (0, import_react16.forwardRef)(
                 !isHorizontal && "gap-4"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
                 contentComponent[direction]
               ]
             }
@@ -4876,7 +4896,7 @@ var CardProgress = (0, import_react16.forwardRef)(
     );
   }
 );
-var CardTopic = (0, import_react16.forwardRef)(
+var CardTopic = (0, import_react17.forwardRef)(
   ({
     header,
     subHead,
@@ -4886,7 +4906,7 @@ var CardTopic = (0, import_react16.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       CardBase,
       {
         ref,
@@ -4897,13 +4917,13 @@ var CardTopic = (0, import_react16.forwardRef)(
         className: cn("justify-center gap-2  py-2 px-4", className),
         ...props,
         children: [
-          subHead && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react16.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: text }),
-            index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: "\u2022" })
+          subHead && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react17.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { children: text }),
+            index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { children: "\u2022" })
           ] }, `${text} - ${index}`)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               ProgressBar_default,
               {
                 size: "small",
@@ -4912,7 +4932,7 @@ var CardTopic = (0, import_react16.forwardRef)(
                 "data-testid": "progress-bar"
               }
             ),
-            showPercentage && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+            showPercentage && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               Text_default,
               {
                 size: "xs",
@@ -4932,7 +4952,7 @@ var CardTopic = (0, import_react16.forwardRef)(
     );
   }
 );
-var CardPerformance = (0, import_react16.forwardRef)(
+var CardPerformance = (0, import_react17.forwardRef)(
   ({
     header,
     progress,
@@ -4946,7 +4966,7 @@ var CardPerformance = (0, import_react16.forwardRef)(
     ...props
   }, ref) => {
     const hasProgress = progress !== void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       CardBase,
       {
         ref,
@@ -4960,10 +4980,10 @@ var CardPerformance = (0, import_react16.forwardRef)(
         onClick: () => actionVariant == "caret" && onClickButton?.(valueButton),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-              actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+              actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -4974,16 +4994,16 @@ var CardPerformance = (0, import_react16.forwardRef)(
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               ProgressBar_default,
               {
                 value: progress,
                 label: `${progress}% ${labelProgress}`,
                 variant: progressVariant
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
-          actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             import_phosphor_react13.CaretRight,
             {
               className: "size-4.5 text-text-800 cursor-pointer",
@@ -4995,7 +5015,7 @@ var CardPerformance = (0, import_react16.forwardRef)(
     );
   }
 );
-var CardResults = (0, import_react16.forwardRef)(
+var CardResults = (0, import_react17.forwardRef)(
   ({
     header,
     correct_answers,
@@ -5007,7 +5027,7 @@ var CardResults = (0, import_react16.forwardRef)(
     ...props
   }, ref) => {
     const isRow = direction == "row";
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       CardBase,
       {
         ref,
@@ -5017,7 +5037,7 @@ var CardResults = (0, import_react16.forwardRef)(
         className: cn("items-stretch cursor-pointer pr-4", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "div",
             {
               className: cn(
@@ -5026,11 +5046,11 @@ var CardResults = (0, import_react16.forwardRef)(
               style: {
                 backgroundColor: color
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "w-full flex flex-row justify-between items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "w-full flex flex-row justify-between items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               "div",
               {
                 className: cn(
@@ -5038,28 +5058,28 @@ var CardResults = (0, import_react16.forwardRef)(
                   isRow ? "flex-row items-center gap-2" : "flex-col"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                       Badge_default,
                       {
                         action: "success",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.CheckCircle, {}),
+                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.CheckCircle, {}),
                         children: [
                           correct_answers,
                           " Corretas"
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                       Badge_default,
                       {
                         action: "error",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.XCircle, {}),
+                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.XCircle, {}),
                         children: [
                           incorrect_answers,
                           " Incorretas"
@@ -5070,14 +5090,14 @@ var CardResults = (0, import_react16.forwardRef)(
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
           ] })
         ]
       }
     );
   }
 );
-var CardStatus = (0, import_react16.forwardRef)(
+var CardStatus = (0, import_react17.forwardRef)(
   ({ header, className, status, label, ...props }, ref) => {
     const getLabelBadge = (status2) => {
       switch (status2) {
@@ -5091,7 +5111,7 @@ var CardStatus = (0, import_react16.forwardRef)(
           return "Em branco";
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       CardBase,
       {
         ref,
@@ -5100,30 +5120,30 @@ var CardStatus = (0, import_react16.forwardRef)(
         minHeight: "medium",
         className: cn("items-center cursor-pointer", className),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
-            status && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
+            status && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               Badge_default,
               {
                 action: status == "correct" ? "success" : "error",
                 variant: "solid",
                 size: "medium",
-                iconLeft: status == "correct" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.XCircle, {}),
+                iconLeft: status == "correct" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.XCircle, {}),
                 children: getLabelBadge(status)
               }
             ),
-            label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-text-800", children: label })
+            label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm text-text-800", children: label })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
         ] })
       }
     );
   }
 );
-var CardSettings = (0, import_react16.forwardRef)(
+var CardSettings = (0, import_react17.forwardRef)(
   ({ header, className, icon, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       CardBase,
       {
         ref,
@@ -5136,17 +5156,17 @@ var CardSettings = (0, import_react16.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "w-full text-sm truncate", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.CaretRight, { size: 24, className: "cursor-pointer" })
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "w-full text-sm truncate", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.CaretRight, { size: 24, className: "cursor-pointer" })
         ]
       }
     );
   }
 );
-var CardSupport = (0, import_react16.forwardRef)(
+var CardSupport = (0, import_react17.forwardRef)(
   ({ header, className, direction = "col", children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       CardBase,
       {
         ref,
@@ -5159,7 +5179,7 @@ var CardSupport = (0, import_react16.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             "div",
             {
               className: cn(
@@ -5167,18 +5187,18 @@ var CardSupport = (0, import_react16.forwardRef)(
                 direction == "col" ? "flex-col" : "flex-row items-center"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "flex flex-row gap-1", children })
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "flex flex-row gap-1", children })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
         ]
       }
     );
   }
 );
-var CardForum = (0, import_react16.forwardRef)(
+var CardForum = (0, import_react17.forwardRef)(
   ({
     title,
     content,
@@ -5192,7 +5212,7 @@ var CardForum = (0, import_react16.forwardRef)(
     hour,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       CardBase,
       {
         ref,
@@ -5203,7 +5223,7 @@ var CardForum = (0, import_react16.forwardRef)(
         className: cn("w-auto h-auto gap-3", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
               type: "button",
@@ -5212,18 +5232,18 @@ var CardForum = (0, import_react16.forwardRef)(
               className: "min-w-8 h-8 rounded-full bg-background-950"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { className: "text-xs text-text-600", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("p", { className: "text-xs text-text-600", children: [
                 "\u2022 ",
                 date,
                 " \u2022 ",
                 hour
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               "button",
               {
                 type: "button",
@@ -5231,8 +5251,8 @@ var CardForum = (0, import_react16.forwardRef)(
                 onClick: () => onClickComments?.(valueComments),
                 className: "text-text-600 flex flex-row gap-2 items-center",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.ChatCircleText, { "aria-hidden": "true", size: 16 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { className: "text-xs", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.ChatCircleText, { "aria-hidden": "true", size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("p", { className: "text-xs", children: [
                     comments,
                     " respostas"
                   ] })
@@ -5245,7 +5265,7 @@ var CardForum = (0, import_react16.forwardRef)(
     );
   }
 );
-var CardAudio = (0, import_react16.forwardRef)(
+var CardAudio = (0, import_react17.forwardRef)(
   ({
     src,
     title,
@@ -5259,16 +5279,16 @@ var CardAudio = (0, import_react16.forwardRef)(
     className,
     ...props
   }, ref) => {
-    const [isPlaying, setIsPlaying] = (0, import_react16.useState)(false);
-    const [currentTime, setCurrentTime] = (0, import_react16.useState)(0);
-    const [duration, setDuration] = (0, import_react16.useState)(0);
-    const [volume, setVolume] = (0, import_react16.useState)(1);
-    const [showVolumeControl, setShowVolumeControl] = (0, import_react16.useState)(false);
-    const [showSpeedMenu, setShowSpeedMenu] = (0, import_react16.useState)(false);
-    const [playbackRate, setPlaybackRate] = (0, import_react16.useState)(1);
-    const audioRef = (0, import_react16.useRef)(null);
-    const volumeControlRef = (0, import_react16.useRef)(null);
-    const speedMenuRef = (0, import_react16.useRef)(null);
+    const [isPlaying, setIsPlaying] = (0, import_react17.useState)(false);
+    const [currentTime, setCurrentTime] = (0, import_react17.useState)(0);
+    const [duration, setDuration] = (0, import_react17.useState)(0);
+    const [volume, setVolume] = (0, import_react17.useState)(1);
+    const [showVolumeControl, setShowVolumeControl] = (0, import_react17.useState)(false);
+    const [showSpeedMenu, setShowSpeedMenu] = (0, import_react17.useState)(false);
+    const [playbackRate, setPlaybackRate] = (0, import_react17.useState)(1);
+    const audioRef = (0, import_react17.useRef)(null);
+    const volumeControlRef = (0, import_react17.useRef)(null);
+    const speedMenuRef = (0, import_react17.useRef)(null);
     const formatTime2 = (time) => {
       const minutes = Math.floor(time / 60);
       const seconds = Math.floor(time % 60);
@@ -5335,14 +5355,14 @@ var CardAudio = (0, import_react16.forwardRef)(
     };
     const getVolumeIcon = () => {
       if (volume === 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.SpeakerSimpleX, { size: 24 });
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.SpeakerSimpleX, { size: 24 });
       }
       if (volume < 0.5) {
-        return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.SpeakerLow, { size: 24 });
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.SpeakerLow, { size: 24 });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.SpeakerHigh, { size: 24 });
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.SpeakerHigh, { size: 24 });
     };
-    (0, import_react16.useEffect)(() => {
+    (0, import_react17.useEffect)(() => {
       const handleClickOutside = (event) => {
         if (volumeControlRef.current && !volumeControlRef.current.contains(event.target)) {
           setShowVolumeControl(false);
@@ -5356,7 +5376,7 @@ var CardAudio = (0, import_react16.forwardRef)(
         document.removeEventListener("mousedown", handleClickOutside);
       };
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       CardBase,
       {
         ref,
@@ -5369,7 +5389,7 @@ var CardAudio = (0, import_react16.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "audio",
             {
               ref: audioRef,
@@ -5381,7 +5401,7 @@ var CardAudio = (0, import_react16.forwardRef)(
               onEnded: handleEnded,
               "data-testid": "audio-element",
               "aria-label": title,
-              children: tracks ? tracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              children: tracks ? tracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "track",
                 {
                   kind: track.kind,
@@ -5391,7 +5411,7 @@ var CardAudio = (0, import_react16.forwardRef)(
                   default: track.default
                 },
                 track.src
-              )) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              )) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "track",
                 {
                   kind: "captions",
@@ -5402,7 +5422,7 @@ var CardAudio = (0, import_react16.forwardRef)(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
               type: "button",
@@ -5410,14 +5430,14 @@ var CardAudio = (0, import_react16.forwardRef)(
               disabled: !src,
               className: "cursor-pointer text-text-950 hover:text-primary-600 disabled:text-text-400 disabled:cursor-not-allowed",
               "aria-label": isPlaying ? "Pausar" : "Reproduzir",
-              children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" })
-              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.Play, { size: 24 })
+              children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex gap-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" })
+              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.Play, { size: 24 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(currentTime) }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(currentTime) }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
               type: "button",
@@ -5432,7 +5452,7 @@ var CardAudio = (0, import_react16.forwardRef)(
                 }
               },
               "aria-label": "Barra de progresso do \xE1udio",
-              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "div",
                 {
                   className: "h-full bg-primary-600 rounded-full transition-all duration-100",
@@ -5443,19 +5463,19 @@ var CardAudio = (0, import_react16.forwardRef)(
               )
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(duration) }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative h-6", ref: volumeControlRef, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(duration) }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative h-6", ref: volumeControlRef, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "button",
               {
                 type: "button",
                 onClick: toggleVolumeControl,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Controle de volume",
-                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
+                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
               }
             ),
-            showVolumeControl && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            showVolumeControl && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "button",
               {
                 type: "button",
@@ -5465,7 +5485,7 @@ var CardAudio = (0, import_react16.forwardRef)(
                     setShowVolumeControl(false);
                   }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   "input",
                   {
                     type: "range",
@@ -5506,22 +5526,22 @@ var CardAudio = (0, import_react16.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative h-6", ref: speedMenuRef, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative h-6", ref: speedMenuRef, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "button",
               {
                 type: "button",
                 onClick: toggleSpeedMenu,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Op\xE7\xF5es de velocidade",
-                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.DotsThreeVertical, { size: 24 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.DotsThreeVertical, { size: 24 })
               }
             ),
-            showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-col gap-1", children: [
+            showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex flex-col gap-1", children: [
               { speed: 1, label: "1x" },
               { speed: 1.5, label: "1.5x" },
               { speed: 2, label: "2x" }
-            ].map(({ speed, label }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            ].map(({ speed, label }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "button",
               {
                 type: "button",
@@ -5546,10 +5566,10 @@ var SIMULADO_BACKGROUND_CLASSES = {
   simuladao: "bg-exam-3",
   vestibular: "bg-exam-4"
 };
-var CardSimulado = (0, import_react16.forwardRef)(
+var CardSimulado = (0, import_react17.forwardRef)(
   ({ title, duration, info, backgroundColor, className, ...props }, ref) => {
     const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       CardBase,
       {
         ref,
@@ -5562,18 +5582,18 @@ var CardSimulado = (0, import_react16.forwardRef)(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
-              duration && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.Clock, { size: 16, className: "flex-shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text_default, { size: "sm", children: duration })
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.Clock, { size: 16, className: "flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { size: "sm", children: duration })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             import_phosphor_react13.CaretRight,
             {
               size: 24,
@@ -5586,7 +5606,7 @@ var CardSimulado = (0, import_react16.forwardRef)(
     );
   }
 );
-var CardTest = (0, import_react16.forwardRef)(
+var CardTest = (0, import_react17.forwardRef)(
   ({
     title,
     duration,
@@ -5618,7 +5638,7 @@ var CardTest = (0, import_react16.forwardRef)(
     const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
     const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
     if (isSelectable) {
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "button",
         {
           ref,
@@ -5630,8 +5650,8 @@ var CardTest = (0, import_react16.forwardRef)(
           onKeyDown: handleKeyDown,
           "aria-pressed": selected,
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               Text_default,
               {
                 size: "md",
@@ -5640,10 +5660,10 @@ var CardTest = (0, import_react16.forwardRef)(
                 children: title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
-              duration && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.Clock, { size: 16, className: "text-text-700" }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.Clock, { size: 16, className: "text-text-700" }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   Text_default,
                   {
                     size: "sm",
@@ -5652,7 +5672,7 @@ var CardTest = (0, import_react16.forwardRef)(
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 Text_default,
                 {
                   size: "sm",
@@ -5665,14 +5685,14 @@ var CardTest = (0, import_react16.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "div",
       {
         ref,
         className: cn(`${baseClasses} ${className}`.trim()),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             Text_default,
             {
               size: "md",
@@ -5681,10 +5701,10 @@ var CardTest = (0, import_react16.forwardRef)(
               children: title
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
-            duration && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.Clock, { size: 16, className: "text-text-700" }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+            duration && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.Clock, { size: 16, className: "text-text-700" }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 Text_default,
                 {
                   size: "sm",
@@ -5693,7 +5713,7 @@ var CardTest = (0, import_react16.forwardRef)(
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               Text_default,
               {
                 size: "sm",
@@ -5729,15 +5749,15 @@ var SIMULATION_TYPE_STYLES = {
     text: "Vestibular"
   }
 };
-var CardSimulationHistory = (0, import_react16.forwardRef)(({ data, onSimulationClick, className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var CardSimulationHistory = (0, import_react17.forwardRef)(({ data, onSimulationClick, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       ref,
       className: cn("w-full max-w-[992px] h-auto", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-0", children: [
-        data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-0", children: [
+        data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           "div",
           {
             className: cn(
@@ -5745,7 +5765,7 @@ var CardSimulationHistory = (0, import_react16.forwardRef)(({ data, onSimulation
               sectionIndex === 0 ? "rounded-t-3xl" : ""
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 Text_default,
                 {
                   size: "xs",
@@ -5754,9 +5774,9 @@ var CardSimulationHistory = (0, import_react16.forwardRef)(({ data, onSimulation
                   children: section.date
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
                 const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
-                return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   CardBase,
                   {
                     layout: "horizontal",
@@ -5768,9 +5788,9 @@ var CardSimulationHistory = (0, import_react16.forwardRef)(({ data, onSimulation
                           transition-shadow duration-200 h-auto min-h-[61px]`
                     ),
                     onClick: () => onSimulationClick?.(simulation),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                           Text_default,
                           {
                             size: "lg",
@@ -5779,8 +5799,8 @@ var CardSimulationHistory = (0, import_react16.forwardRef)(({ data, onSimulation
                             children: simulation.title
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                             Badge_default,
                             {
                               variant: "examsOutlined",
@@ -5789,10 +5809,10 @@ var CardSimulationHistory = (0, import_react16.forwardRef)(({ data, onSimulation
                               children: typeStyles.text
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
+                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                         import_phosphor_react13.CaretRight,
                         {
                           size: 24,
@@ -5808,7 +5828,7 @@ var CardSimulationHistory = (0, import_react16.forwardRef)(({ data, onSimulation
             ]
           }
         ) }, section.date)),
-        data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
+        data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
       ] })
     }
   );
@@ -5816,8 +5836,8 @@ var CardSimulationHistory = (0, import_react16.forwardRef)(({ data, onSimulation
 
 // src/components/Accordation/Accordation.tsx
 var import_phosphor_react14 = require("phosphor-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var CardAccordation = (0, import_react17.forwardRef)(
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var CardAccordation = (0, import_react18.forwardRef)(
   ({
     trigger,
     children,
@@ -5826,8 +5846,8 @@ var CardAccordation = (0, import_react17.forwardRef)(
     onToggleExpanded,
     ...props
   }, ref) => {
-    const [isExpanded, setIsExpanded] = (0, import_react17.useState)(defaultExpanded);
-    const contentId = (0, import_react17.useId)();
+    const [isExpanded, setIsExpanded] = (0, import_react18.useState)(defaultExpanded);
+    const contentId = (0, import_react18.useId)();
     const handleToggle = () => {
       const newExpanded = !isExpanded;
       setIsExpanded(newExpanded);
@@ -5839,7 +5859,7 @@ var CardAccordation = (0, import_react17.forwardRef)(
         handleToggle();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
       CardBase,
       {
         ref,
@@ -5849,7 +5869,7 @@ var CardAccordation = (0, import_react17.forwardRef)(
         className: cn("overflow-hidden", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
             "button",
             {
               onClick: handleToggle,
@@ -5859,7 +5879,7 @@ var CardAccordation = (0, import_react17.forwardRef)(
               "aria-controls": "accordion-content",
               children: [
                 trigger,
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                   import_phosphor_react14.CaretRight,
                   {
                     size: 20,
@@ -5873,7 +5893,7 @@ var CardAccordation = (0, import_react17.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             "div",
             {
               id: contentId,
@@ -5882,7 +5902,7 @@ var CardAccordation = (0, import_react17.forwardRef)(
                 isExpanded ? "max-h-screen opacity-100" : "max-h-0 opacity-0"
               ),
               "data-testid": "accordion-content",
-              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "p-4 pt-0 border-border-50", children })
+              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "p-4 pt-0 border-border-50", children })
             }
           )
         ]
@@ -5893,8 +5913,8 @@ var CardAccordation = (0, import_react17.forwardRef)(
 
 // src/components/Alternative/Alternative.tsx
 var import_phosphor_react15 = require("phosphor-react");
-var import_react18 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var AlternativesList = ({
   alternatives,
   name,
@@ -5907,9 +5927,9 @@ var AlternativesList = ({
   mode = "interactive",
   selectedValue
 }) => {
-  const uniqueId = (0, import_react18.useId)();
+  const uniqueId = (0, import_react19.useId)();
   const groupName = name || `alternatives-${uniqueId}`;
-  const [actualValue, setActualValue] = (0, import_react18.useState)(value);
+  const [actualValue, setActualValue] = (0, import_react19.useState)(value);
   const isReadonly = mode === "readonly";
   const getStatusStyles2 = (status, isReadonly2) => {
     const hoverClass = isReadonly2 ? "" : "hover:bg-background-50";
@@ -5925,9 +5945,9 @@ var AlternativesList = ({
   const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.CheckCircle, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react15.CheckCircle, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.XCircle, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react15.XCircle, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -5957,10 +5977,10 @@ var AlternativesList = ({
     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__ */ (0, import_jsx_runtime30.jsx)("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: dotClasses }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: dotClasses }) });
     };
     if (layout === "detailed") {
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         "div",
         {
           className: cn(
@@ -5968,11 +5988,11 @@ var AlternativesList = ({
             statusStyles,
             alternative.disabled ? "opacity-50" : ""
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mt-1", children: renderRadio() }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mt-1", children: renderRadio() }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "p",
                   {
                     className: cn(
@@ -5982,16 +6002,16 @@ var AlternativesList = ({
                     children: alternative.label
                   }
                 ),
-                alternative.description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                alternative.description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
               ] })
             ] }),
-            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
           ] })
         },
         alternativeId
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "div",
       {
         className: cn(
@@ -6000,9 +6020,9 @@ var AlternativesList = ({
           alternative.disabled ? "opacity-50" : ""
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
             renderRadio(),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               "span",
               {
                 className: cn(
@@ -6013,14 +6033,14 @@ var AlternativesList = ({
               }
             )
           ] }),
-          statusBadge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+          statusBadge && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
         ]
       },
       alternativeId
     );
   };
   if (isReadonly) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "div",
       {
         className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
@@ -6030,7 +6050,7 @@ var AlternativesList = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     RadioGroup,
     {
       name: groupName,
@@ -6047,7 +6067,7 @@ var AlternativesList = ({
         const statusStyles = getStatusStyles2(alternative.status, false);
         const statusBadge = getStatusBadge2(alternative.status);
         if (layout === "detailed") {
-          return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "div",
             {
               className: cn(
@@ -6055,9 +6075,9 @@ var AlternativesList = ({
                 statusStyles,
                 alternative.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                     RadioGroupItem,
                     {
                       value: alternative.value,
@@ -6066,8 +6086,8 @@ var AlternativesList = ({
                       className: "mt-1"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                       "label",
                       {
                         htmlFor: alternativeId,
@@ -6079,16 +6099,16 @@ var AlternativesList = ({
                         children: alternative.label
                       }
                     ),
-                    alternative.description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                    alternative.description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
                   ] })
                 ] }),
-                statusBadge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+                statusBadge && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
               ] })
             },
             alternativeId
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "div",
           {
             className: cn(
@@ -6097,8 +6117,8 @@ var AlternativesList = ({
               alternative.disabled ? "opacity-50 cursor-not-allowed" : ""
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   RadioGroupItem,
                   {
                     value: alternative.value,
@@ -6106,7 +6126,7 @@ var AlternativesList = ({
                     disabled: alternative.disabled
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "label",
                   {
                     htmlFor: alternativeId,
@@ -6119,7 +6139,7 @@ var AlternativesList = ({
                   }
                 )
               ] }),
-              statusBadge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+              statusBadge && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
             ]
           },
           alternativeId
@@ -6128,9 +6148,9 @@ var AlternativesList = ({
     }
   );
 };
-var HeaderAlternative = (0, import_react18.forwardRef)(
+var HeaderAlternative = (0, import_react19.forwardRef)(
   ({ className, title, subTitle, content, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "div",
       {
         ref,
@@ -6140,11 +6160,11 @@ var HeaderAlternative = (0, import_react18.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-text-950 font-bold text-lg", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-text-700 text-sm ", children: subTitle })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-text-950 font-bold text-lg", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-text-700 text-sm ", children: subTitle })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-text-950 text-md", children: content })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-text-950 text-md", children: content })
         ]
       }
     );
@@ -6152,8 +6172,8 @@ var HeaderAlternative = (0, import_react18.forwardRef)(
 );
 
 // src/components/AlertDialog/AlertDialog.tsx
-var import_react19 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var SIZE_CLASSES11 = {
   "extra-small": "w-screen max-w-[324px]",
   small: "w-screen max-w-[378px]",
@@ -6161,7 +6181,7 @@ var SIZE_CLASSES11 = {
   large: "w-screen max-w-[578px]",
   "extra-large": "w-screen max-w-[912px]"
 };
-var AlertDialog = (0, import_react19.forwardRef)(
+var AlertDialog = (0, import_react20.forwardRef)(
   ({
     description,
     cancelButtonLabel = "Cancelar",
@@ -6179,7 +6199,7 @@ var AlertDialog = (0, import_react19.forwardRef)(
     size = "medium",
     ...props
   }, ref) => {
-    (0, import_react19.useEffect)(() => {
+    (0, import_react20.useEffect)(() => {
       if (!isOpen || !closeOnEscape) return;
       const handleEscape = (event) => {
         if (event.key === "Escape") {
@@ -6189,7 +6209,7 @@ var AlertDialog = (0, import_react19.forwardRef)(
       document.addEventListener("keydown", handleEscape);
       return () => document.removeEventListener("keydown", handleEscape);
     }, [isOpen, closeOnEscape]);
-    (0, import_react19.useEffect)(() => {
+    (0, import_react20.useEffect)(() => {
       if (isOpen) {
         document.body.style.overflow = "hidden";
       } else {
@@ -6218,14 +6238,14 @@ var AlertDialog = (0, import_react19.forwardRef)(
       onCancel?.(cancelValue);
     };
     const sizeClasses = SIZE_CLASSES11[size];
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm",
         onClick: handleBackdropClick,
         onKeyDown: handleBackdropKeyDown,
         "data-testid": "alert-dialog-overlay",
-        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
           "div",
           {
             ref,
@@ -6236,7 +6256,7 @@ var AlertDialog = (0, import_react19.forwardRef)(
             ),
             ...props,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "h2",
                 {
                   id: "alert-dialog-title",
@@ -6244,7 +6264,7 @@ var AlertDialog = (0, import_react19.forwardRef)(
                   children: title
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "p",
                 {
                   id: "alert-dialog-description",
@@ -6252,9 +6272,9 @@ var AlertDialog = (0, import_react19.forwardRef)(
                   children: description
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                   Button_default,
                   {
                     variant: "solid",
@@ -6275,9 +6295,9 @@ var AlertDialog = (0, import_react19.forwardRef)(
 AlertDialog.displayName = "AlertDialog";
 
 // src/components/MultipleChoice/MultipleChoice.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_phosphor_react16 = require("phosphor-react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var MultipleChoiceList = ({
   disabled = false,
   className = "",
@@ -6287,16 +6307,16 @@ var MultipleChoiceList = ({
   onHandleSelectedValues,
   mode = "interactive"
 }) => {
-  const [actualValue, setActualValue] = (0, import_react20.useState)(selectedValues);
-  (0, import_react20.useEffect)(() => {
+  const [actualValue, setActualValue] = (0, import_react21.useState)(selectedValues);
+  (0, import_react21.useEffect)(() => {
     setActualValue(selectedValues);
   }, [selectedValues]);
   const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react16.CheckCircle, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_phosphor_react16.CheckCircle, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react16.XCircle, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_phosphor_react16.XCircle, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -6317,14 +6337,14 @@ var MultipleChoiceList = ({
       isSelected ? "border-primary-950 bg-primary-950 text-text" : "border-border-400 bg-background",
       isDisabled && "opacity-40 cursor-not-allowed"
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react16.Check, { size: 16, weight: "bold" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_phosphor_react16.Check, { size: 16, weight: "bold" }) });
   };
   if (mode === "readonly") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
       const isSelected = actualValue?.includes(choice.value) || false;
       const statusStyles = getStatusStyles2(choice.status);
       const statusBadge = getStatusBadge2(choice.status);
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
         "div",
         {
           className: cn(
@@ -6333,9 +6353,9 @@ var MultipleChoiceList = ({
             choice.disabled ? "opacity-50 cursor-not-allowed" : ""
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
               renderVisualCheckbox(isSelected, choice.disabled || disabled),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 "span",
                 {
                   className: cn(
@@ -6347,14 +6367,14 @@ var MultipleChoiceList = ({
                 }
               )
             ] }),
-            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
           ]
         },
         `readonly-${choice.value}-${i}`
       );
     }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       className: cn(
@@ -6362,7 +6382,7 @@ var MultipleChoiceList = ({
         disabled ? "opacity-50 cursor-not-allowed" : "",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         CheckboxList_default,
         {
           name,
@@ -6372,12 +6392,12 @@ var MultipleChoiceList = ({
             onHandleSelectedValues?.(v);
           },
           disabled,
-          children: choices.map((choice, i) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          children: choices.map((choice, i) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
             "div",
             {
               className: "flex flex-row gap-2 items-center",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                   CheckboxListItem,
                   {
                     value: choice.value,
@@ -6385,7 +6405,7 @@ var MultipleChoiceList = ({
                     disabled: choice.disabled || disabled
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                   "label",
                   {
                     htmlFor: `interactive-${choice.value}-${i}`,
@@ -6408,11 +6428,11 @@ var MultipleChoiceList = ({
 };
 
 // src/assets/icons/subjects/BookOpenText.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var BookOpenText = ({
   size,
   color
-}) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   "svg",
   {
     width: size,
@@ -6420,7 +6440,7 @@ var BookOpenText = ({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "path",
       {
         d: "M29 6H20C19.2238 6 18.4582 6.18073 17.7639 6.52786C17.0697 6.875 16.4657 7.37902 16 8C15.5343 7.37902 14.9303 6.875 14.2361 6.52786C13.5418 6.18073 12.7762 6 12 6H3C2.73478 6 2.48043 6.10536 2.29289 6.29289C2.10536 6.48043 2 6.73478 2 7V25C2 25.2652 2.10536 25.5196 2.29289 25.7071C2.48043 25.8946 2.73478 26 3 26H12C12.7956 26 13.5587 26.3161 14.1213 26.8787C14.6839 27.4413 15 28.2044 15 29C15 29.2652 15.1054 29.5196 15.2929 29.7071C15.4804 29.8946 15.7348 30 16 30C16.2652 30 16.5196 29.8946 16.7071 29.7071C16.8946 29.5196 17 29.2652 17 29C17 28.2044 17.3161 27.4413 17.8787 26.8787C18.4413 26.3161 19.2044 26 20 26H29C29.2652 26 29.5196 25.8946 29.7071 25.7071C29.8946 25.5196 30 25.2652 30 25V7C30 6.73478 29.8946 6.48043 29.7071 6.29289C29.5196 6.10536 29.2652 6 29 6ZM12 24H4V8H12C12.7956 8 13.5587 8.31607 14.1213 8.87868C14.6839 9.44129 15 10.2044 15 11V25C14.1353 24.3493 13.0821 23.9983 12 24ZM28 24H20C18.9179 23.9983 17.8647 24.3493 17 25V11C17 10.2044 17.3161 9.44129 17.8787 8.87868C18.4413 8.31607 19.2044 8 20 8H28V24ZM20 11H25C25.2652 11 25.5196 11.1054 25.7071 11.2929C25.8946 11.4804 26 11.7348 26 12C26 12.2652 25.8946 12.5196 25.7071 12.7071C25.5196 12.8946 25.2652 13 25 13H20C19.7348 13 19.4804 12.8946 19.2929 12.7071C19.1054 12.5196 19 12.2652 19 12C19 11.7348 19.1054 11.4804 19.2929 11.2929C19.4804 11.1054 19.7348 11 20 11ZM26 16C26 16.2652 25.8946 16.5196 25.7071 16.7071C25.5196 16.8946 25.2652 17 25 17H20C19.7348 17 19.4804 16.8946 19.2929 16.7071C19.1054 16.5196 19 16.2652 19 16C19 15.7348 19.1054 15.4804 19.2929 15.2929C19.4804 15.1054 19.7348 15 20 15H25C25.2652 15 25.5196 15.1054 25.7071 15.2929C25.8946 15.4804 26 15.7348 26 16ZM26 20C26 20.2652 25.8946 20.5196 25.7071 20.7071C25.5196 20.8946 25.2652 21 25 21H20C19.7348 21 19.4804 20.8946 19.2929 20.7071C19.1054 20.5196 19 20.2652 19 20C19 19.7348 19.1054 19.4804 19.2929 19.2929C19.4804 19.1054 19.7348 19 20 19H25C25.2652 19 25.5196 19.1054 25.7071 19.2929C25.8946 19.4804 26 19.7348 26 20Z",
@@ -6430,114 +6450,6 @@ var BookOpenText = ({
   }
 );
 
-// src/assets/icons/subjects/ChatEN.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var ChatEN2 = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-        "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__ */ (0, import_jsx_runtime34.jsx)(
-        "path",
-        {
-          d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
-          fill: color
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-        "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
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var ChatES2 = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-        "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__ */ (0, import_jsx_runtime35.jsx)(
-        "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__ */ (0, import_jsx_runtime35.jsx)(
-        "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/assets/icons/subjects/ChatPT.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var ChatPT2 = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        "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__ */ (0, import_jsx_runtime36.jsx)(
-        "path",
-        {
-          d: "M21.1758 12V20.5312H19.7168V12H21.1758ZM23.8535 12V13.1719H17.0625V12H23.8535Z",
-          fill: color
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        "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/HeadCircuit.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var HeadCircuit = ({
@@ -6635,7 +6547,7 @@ var SubjectInfo = {
     name: "Biologia" /* BIOLOGIA */
   },
   ["Portugu\xEAs" /* PORTUGUES */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatPT2, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatPT, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-6",
     name: "Portugu\xEAs" /* PORTUGUES */
   },
@@ -6660,7 +6572,7 @@ var SubjectInfo = {
     name: "Filosofia" /* FILOSOFIA */
   },
   ["Espanhol" /* ESPANHOL */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatES2, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatES, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-11",
     name: "Espanhol" /* ESPANHOL */
   },
@@ -6675,7 +6587,7 @@ var SubjectInfo = {
     name: "Sociologia" /* SOCIOLOGIA */
   },
   ["Ingl\xEAs" /* INGLES */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatEN2, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatEN, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-14",
     name: "Ingl\xEAs" /* INGLES */
   },
@@ -6690,8 +6602,12 @@ var SubjectInfo = {
     name: "Trilhas" /* TRILHAS */
   }
 };
-var getSubjectData = (subject) => {
-  return SubjectInfo[subject];
+var getSubjectInfo = (subject) => {
+  return SubjectInfo[subject] || {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.Book, { size: 17, color: "currentColor" }),
+    colorClass: "bg-subject-16",
+    name: subject
+  };
 };
 var getSubjectIcon = (subject) => {
   return SubjectInfo[subject].icon;
@@ -6704,7 +6620,7 @@ var getSubjectName = (subject) => {
 };
 
 // src/hooks/useMobile.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 var MOBILE_WIDTH = 500;
 var TABLET_WIDTH = 931;
 var DEFAULT_WIDTH = 1200;
@@ -6719,9 +6635,9 @@ var getDeviceType = () => {
   return width < TABLET_WIDTH ? "responsive" : "desktop";
 };
 var useMobile = () => {
-  const [isMobile, setIsMobile] = (0, import_react21.useState)(false);
-  const [isTablet, setIsTablet] = (0, import_react21.useState)(false);
-  (0, import_react21.useEffect)(() => {
+  const [isMobile, setIsMobile] = (0, import_react22.useState)(false);
+  const [isTablet, setIsTablet] = (0, import_react22.useState)(false);
+  (0, import_react22.useEffect)(() => {
     const checkScreenSize = () => {
       const width = getWindowWidth();
       setIsMobile(width < MOBILE_WIDTH);
@@ -6762,7 +6678,7 @@ var useMobile = () => {
 
 // src/components/Select/Select.tsx
 var import_zustand5 = require("zustand");
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_phosphor_react18 = require("phosphor-react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var VARIANT_CLASSES4 = {
@@ -6822,13 +6738,13 @@ function getLabelAsNode(children) {
   if (typeof children === "string" || typeof children === "number") {
     return children;
   }
-  const flattened = import_react22.Children.toArray(children);
+  const flattened = import_react23.Children.toArray(children);
   if (flattened.length === 1) return flattened[0];
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, { children: flattened });
 }
 var injectStore4 = (children, store, size, selectId) => {
-  return import_react22.Children.map(children, (child) => {
-    if ((0, import_react22.isValidElement)(child)) {
+  return import_react23.Children.map(children, (child) => {
+    if ((0, import_react23.isValidElement)(child)) {
       const typedChild = child;
       const newProps = {
         store
@@ -6845,7 +6761,7 @@ var injectStore4 = (children, store, size, selectId) => {
           selectId
         );
       }
-      return (0, import_react22.cloneElement)(typedChild, newProps);
+      return (0, import_react23.cloneElement)(typedChild, newProps);
     }
     return child;
   });
@@ -6862,18 +6778,18 @@ var Select = ({
   errorMessage,
   id
 }) => {
-  const storeRef = (0, import_react22.useRef)(null);
+  const storeRef = (0, import_react23.useRef)(null);
   storeRef.current ??= createSelectStore(onValueChange);
   const store = storeRef.current;
-  const selectRef = (0, import_react22.useRef)(null);
+  const selectRef = (0, import_react23.useRef)(null);
   const { open, setOpen, setValue, selectedLabel } = (0, import_zustand5.useStore)(store, (s) => s);
-  const generatedId = (0, import_react22.useId)();
+  const generatedId = (0, import_react23.useId)();
   const selectId = id ?? `select-${generatedId}`;
   const findLabelForValue = (children2, targetValue) => {
     let found = null;
     const search = (nodes) => {
-      import_react22.Children.forEach(nodes, (child) => {
-        if (!(0, import_react22.isValidElement)(child)) return;
+      import_react23.Children.forEach(nodes, (child) => {
+        if (!(0, import_react23.isValidElement)(child)) return;
         const typedChild = child;
         if (typedChild.type === SelectItem && typedChild.props.value === targetValue) {
           if (typeof typedChild.props.children === "string")
@@ -6886,13 +6802,13 @@ var Select = ({
     search(children2);
     return found;
   };
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!selectedLabel && defaultValue) {
       const label2 = findLabelForValue(children, defaultValue);
       if (label2) store.setState({ selectedLabel: label2 });
     }
   }, [children, defaultValue, selectedLabel]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (selectRef.current && !selectRef.current.contains(event.target)) {
         setOpen(false);
@@ -6927,7 +6843,7 @@ var Select = ({
       document.removeEventListener("keydown", handleArrowKeys);
     };
   }, [open]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (propValue) {
       setValue(propValue);
       const label2 = findLabelForValue(children, propValue);
@@ -6964,7 +6880,7 @@ var SelectValue = ({
   const value = (0, import_zustand5.useStore)(store, (s) => s.value);
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-inherit flex gap-2 items-center", children: selectedLabel || placeholder || value });
 };
-var SelectTrigger = (0, import_react22.forwardRef)(
+var SelectTrigger = (0, import_react23.forwardRef)(
   ({
     className,
     invalid = false,
@@ -7018,7 +6934,7 @@ var SelectTrigger = (0, import_react22.forwardRef)(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = (0, import_react22.forwardRef)(
+var SelectContent = (0, import_react23.forwardRef)(
   ({
     children,
     className,
@@ -7048,7 +6964,7 @@ var SelectContent = (0, import_react22.forwardRef)(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = (0, import_react22.forwardRef)(
+var SelectItem = (0, import_react23.forwardRef)(
   ({
     className,
     children,
@@ -7107,7 +7023,7 @@ var Select_default = Select;
 
 // src/components/Menu/Menu.tsx
 var import_zustand6 = require("zustand");
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_phosphor_react19 = require("phosphor-react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var createMenuStore = (onValueChange) => (0, import_zustand6.create)((set) => ({
@@ -7128,7 +7044,7 @@ var VARIANT_CLASSES5 = {
   "menu-overflow": "",
   breadcrumb: "bg-transparent shadow-none !px-0"
 };
-var Menu = (0, import_react23.forwardRef)(
+var Menu = (0, import_react24.forwardRef)(
   ({
     className,
     children,
@@ -7138,11 +7054,11 @@ var Menu = (0, import_react23.forwardRef)(
     onValueChange,
     ...props
   }, ref) => {
-    const storeRef = (0, import_react23.useRef)(null);
+    const storeRef = (0, import_react24.useRef)(null);
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
     const { setValue } = (0, import_zustand6.useStore)(store, (s) => s);
-    (0, import_react23.useEffect)(() => {
+    (0, import_react24.useEffect)(() => {
       setValue(propValue ?? defaultValue);
     }, [defaultValue, propValue, setValue]);
     const baseClasses = variant === "menu-overflow" ? "w-fit py-2 flex flex-row items-center justify-center" : "w-full py-2 flex flex-row items-center justify-center";
@@ -7163,7 +7079,7 @@ var Menu = (0, import_react23.forwardRef)(
   }
 );
 Menu.displayName = "Menu";
-var MenuContent = (0, import_react23.forwardRef)(
+var MenuContent = (0, import_react24.forwardRef)(
   ({ className, children, variant = "menu", ...props }, ref) => {
     const baseClasses = "w-full flex flex-row items-center gap-2";
     const variantClasses = variant === "menu2" || variant === "menu-overflow" ? "overflow-x-auto scroll-smooth" : "";
@@ -7185,7 +7101,7 @@ var MenuContent = (0, import_react23.forwardRef)(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = (0, import_react23.forwardRef)(
+var MenuItem = (0, import_react24.forwardRef)(
   ({
     className,
     children,
@@ -7343,10 +7259,10 @@ var MenuOverflow = ({
   onValueChange,
   ...props
 }) => {
-  const containerRef = (0, import_react23.useRef)(null);
-  const [showLeftArrow, setShowLeftArrow] = (0, import_react23.useState)(false);
-  const [showRightArrow, setShowRightArrow] = (0, import_react23.useState)(false);
-  (0, import_react23.useEffect)(() => {
+  const containerRef = (0, import_react24.useRef)(null);
+  const [showLeftArrow, setShowLeftArrow] = (0, import_react24.useState)(false);
+  const [showRightArrow, setShowRightArrow] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
     const checkScroll = () => internalCheckScroll(
       containerRef.current,
       setShowLeftArrow,
@@ -7406,11 +7322,11 @@ var MenuOverflow = ({
     }
   );
 };
-var injectStore5 = (children, store) => import_react23.Children.map(children, (child) => {
-  if (!(0, import_react23.isValidElement)(child)) return child;
+var injectStore5 = (children, store) => import_react24.Children.map(children, (child) => {
+  if (!(0, import_react24.isValidElement)(child)) return child;
   const typedChild = child;
   const shouldInject = typedChild.type === MenuItem;
-  return (0, import_react23.cloneElement)(typedChild, {
+  return (0, import_react24.cloneElement)(typedChild, {
     ...shouldInject ? { store } : {},
     ...typedChild.props.children ? { children: injectStore5(typedChild.props.children, store) } : {}
   });
@@ -7418,7 +7334,7 @@ var injectStore5 = (children, store) => import_react23.Children.map(children, (c
 var Menu_default = Menu;
 
 // src/components/Skeleton/Skeleton.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var SKELETON_ANIMATION_CLASSES = {
   pulse: "animate-pulse",
@@ -7436,7 +7352,7 @@ var SPACING_CLASSES = {
   medium: "space-y-2",
   large: "space-y-3"
 };
-var Skeleton = (0, import_react24.forwardRef)(
+var Skeleton = (0, import_react25.forwardRef)(
   ({
     variant = "text",
     width,
@@ -7485,13 +7401,13 @@ var Skeleton = (0, import_react24.forwardRef)(
     );
   }
 );
-var SkeletonText = (0, import_react24.forwardRef)(
+var SkeletonText = (0, import_react25.forwardRef)(
   (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Skeleton, { ref, variant: "text", ...props })
 );
-var SkeletonCircle = (0, import_react24.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Skeleton, { ref, variant: "circular", ...props }));
-var SkeletonRectangle = (0, import_react24.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Skeleton, { ref, variant: "rectangular", ...props }));
-var SkeletonRounded = (0, import_react24.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Skeleton, { ref, variant: "rounded", ...props }));
-var SkeletonCard = (0, import_react24.forwardRef)(
+var SkeletonCircle = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Skeleton, { ref, variant: "circular", ...props }));
+var SkeletonRectangle = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Skeleton, { ref, variant: "rectangular", ...props }));
+var SkeletonRounded = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Skeleton, { ref, variant: "rounded", ...props }));
+var SkeletonCard = (0, import_react25.forwardRef)(
   ({
     showAvatar = true,
     showTitle = true,
@@ -7527,7 +7443,7 @@ var SkeletonCard = (0, import_react24.forwardRef)(
     );
   }
 );
-var SkeletonList = (0, import_react24.forwardRef)(
+var SkeletonList = (0, import_react25.forwardRef)(
   ({
     items = 3,
     showAvatar = true,
@@ -7546,7 +7462,7 @@ var SkeletonList = (0, import_react24.forwardRef)(
     ] }, index)) });
   }
 );
-var SkeletonTable = (0, import_react24.forwardRef)(
+var SkeletonTable = (0, import_react25.forwardRef)(
   ({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { ref, className: cn("w-full", className), ...props, children: [
       showHeader && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
@@ -7671,7 +7587,7 @@ var NotFound = ({
 var NotFound_default = NotFound;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_react_dom = require("react-dom");
 var import_phosphor_react20 = require("phosphor-react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
@@ -7742,9 +7658,9 @@ var SpeedMenu = ({
   onSpeedChange,
   isFullscreen
 }) => {
-  const buttonRef = (0, import_react25.useRef)(null);
-  const speedMenuContainerRef = (0, import_react25.useRef)(null);
-  const speedMenuRef = (0, import_react25.useRef)(null);
+  const buttonRef = (0, import_react26.useRef)(null);
+  const speedMenuContainerRef = (0, import_react26.useRef)(null);
+  const speedMenuRef = (0, import_react26.useRef)(null);
   const getMenuPosition = () => {
     if (!buttonRef.current) return { top: 0, left: 0 };
     const rect = buttonRef.current.getBoundingClientRect();
@@ -7755,7 +7671,7 @@ var SpeedMenu = ({
     };
   };
   const position = getMenuPosition();
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       const isOutsideContainer = speedMenuContainerRef.current && !speedMenuContainerRef.current.contains(target);
@@ -7829,26 +7745,26 @@ var VideoPlayer = ({
   autoSave = true,
   storageKey = "video-progress"
 }) => {
-  const videoRef = (0, import_react25.useRef)(null);
-  const [isPlaying, setIsPlaying] = (0, import_react25.useState)(false);
-  const [currentTime, setCurrentTime] = (0, import_react25.useState)(0);
-  const [duration, setDuration] = (0, import_react25.useState)(0);
-  const [isMuted, setIsMuted] = (0, import_react25.useState)(false);
-  const [volume, setVolume] = (0, import_react25.useState)(1);
-  const [isFullscreen, setIsFullscreen] = (0, import_react25.useState)(false);
-  const [showControls, setShowControls] = (0, import_react25.useState)(true);
-  const [hasCompleted, setHasCompleted] = (0, import_react25.useState)(false);
-  const [showCaptions, setShowCaptions] = (0, import_react25.useState)(false);
-  (0, import_react25.useEffect)(() => {
+  const videoRef = (0, import_react26.useRef)(null);
+  const [isPlaying, setIsPlaying] = (0, import_react26.useState)(false);
+  const [currentTime, setCurrentTime] = (0, import_react26.useState)(0);
+  const [duration, setDuration] = (0, import_react26.useState)(0);
+  const [isMuted, setIsMuted] = (0, import_react26.useState)(false);
+  const [volume, setVolume] = (0, import_react26.useState)(1);
+  const [isFullscreen, setIsFullscreen] = (0, import_react26.useState)(false);
+  const [showControls, setShowControls] = (0, import_react26.useState)(true);
+  const [hasCompleted, setHasCompleted] = (0, import_react26.useState)(false);
+  const [showCaptions, setShowCaptions] = (0, import_react26.useState)(false);
+  (0, import_react26.useEffect)(() => {
     setHasCompleted(false);
   }, [src]);
-  const [playbackRate, setPlaybackRate] = (0, import_react25.useState)(1);
-  const [showSpeedMenu, setShowSpeedMenu] = (0, import_react25.useState)(false);
-  const lastSaveTimeRef = (0, import_react25.useRef)(0);
-  const trackRef = (0, import_react25.useRef)(null);
-  const controlsTimeoutRef = (0, import_react25.useRef)(null);
-  const lastMousePositionRef = (0, import_react25.useRef)({ x: 0, y: 0 });
-  const isUserInteracting = (0, import_react25.useCallback)(() => {
+  const [playbackRate, setPlaybackRate] = (0, import_react26.useState)(1);
+  const [showSpeedMenu, setShowSpeedMenu] = (0, import_react26.useState)(false);
+  const lastSaveTimeRef = (0, import_react26.useRef)(0);
+  const trackRef = (0, import_react26.useRef)(null);
+  const controlsTimeoutRef = (0, import_react26.useRef)(null);
+  const lastMousePositionRef = (0, import_react26.useRef)({ x: 0, y: 0 });
+  const isUserInteracting = (0, import_react26.useCallback)(() => {
     if (showSpeedMenu) {
       return true;
     }
@@ -7865,13 +7781,13 @@ var VideoPlayer = ({
     }
     return false;
   }, [showSpeedMenu]);
-  const clearControlsTimeout = (0, import_react25.useCallback)(() => {
+  const clearControlsTimeout = (0, import_react26.useCallback)(() => {
     if (controlsTimeoutRef.current) {
       clearTimeout(controlsTimeoutRef.current);
       controlsTimeoutRef.current = null;
     }
   }, []);
-  const showControlsWithTimer = (0, import_react25.useCallback)(() => {
+  const showControlsWithTimer = (0, import_react26.useCallback)(() => {
     setShowControls(true);
     clearControlsTimeout();
     if (isFullscreen) {
@@ -7886,7 +7802,7 @@ var VideoPlayer = ({
       }, CONTROLS_HIDE_TIMEOUT);
     }
   }, [isFullscreen, isPlaying, clearControlsTimeout]);
-  const handleMouseMove = (0, import_react25.useCallback)(
+  const handleMouseMove = (0, import_react26.useCallback)(
     (event) => {
       const currentX = event.clientX;
       const currentY = event.clientY;
@@ -7899,10 +7815,10 @@ var VideoPlayer = ({
     },
     [showControlsWithTimer]
   );
-  const handleMouseEnter = (0, import_react25.useCallback)(() => {
+  const handleMouseEnter = (0, import_react26.useCallback)(() => {
     showControlsWithTimer();
   }, [showControlsWithTimer]);
-  const handleMouseLeave = (0, import_react25.useCallback)(() => {
+  const handleMouseLeave = (0, import_react26.useCallback)(() => {
     const userInteracting = isUserInteracting();
     clearControlsTimeout();
     if (!isFullscreen && !userInteracting) {
@@ -7911,13 +7827,13 @@ var VideoPlayer = ({
       }, LEAVE_HIDE_TIMEOUT);
     }
   }, [isFullscreen, clearControlsTimeout, isUserInteracting]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (videoRef.current) {
       videoRef.current.volume = volume;
       videoRef.current.muted = isMuted;
     }
   }, [volume, isMuted]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const video = videoRef.current;
     if (!video) return;
     const onPlay = () => setIsPlaying(true);
@@ -7932,7 +7848,7 @@ var VideoPlayer = ({
       video.removeEventListener("ended", onEnded);
     };
   }, []);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (isPlaying) {
       showControlsWithTimer();
     } else {
@@ -7944,7 +7860,7 @@ var VideoPlayer = ({
       }
     }
   }, [isPlaying, isFullscreen, showControlsWithTimer, clearControlsTimeout]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const handleFullscreenChange = () => {
       const isCurrentlyFullscreen = !!document.fullscreenElement;
       setIsFullscreen(isCurrentlyFullscreen);
@@ -7957,7 +7873,7 @@ var VideoPlayer = ({
       document.removeEventListener("fullscreenchange", handleFullscreenChange);
     };
   }, [showControlsWithTimer]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const init = () => {
       if (!isFullscreen) {
         showControlsWithTimer();
@@ -7979,7 +7895,7 @@ var VideoPlayer = ({
       };
     }
   }, []);
-  const getInitialTime = (0, import_react25.useCallback)(() => {
+  const getInitialTime = (0, import_react26.useCallback)(() => {
     if (!autoSave || !storageKey) {
       return Number.isFinite(initialTime) && initialTime >= 0 ? initialTime : void 0;
     }
@@ -7990,14 +7906,14 @@ var VideoPlayer = ({
     if (hasValidSaved) return saved;
     return void 0;
   }, [autoSave, storageKey, src, initialTime]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const start = getInitialTime();
     if (start !== void 0 && videoRef.current) {
       videoRef.current.currentTime = start;
       setCurrentTime(start);
     }
   }, [getInitialTime]);
-  const saveProgress = (0, import_react25.useCallback)(
+  const saveProgress = (0, import_react26.useCallback)(
     (time) => {
       if (!autoSave || !storageKey) return;
       const now = Date.now();
@@ -8008,7 +7924,7 @@ var VideoPlayer = ({
     },
     [autoSave, storageKey, src]
   );
-  const togglePlayPause = (0, import_react25.useCallback)(async () => {
+  const togglePlayPause = (0, import_react26.useCallback)(async () => {
     const video = videoRef.current;
     if (!video) return;
     if (!video.paused) {
@@ -8020,7 +7936,7 @@ var VideoPlayer = ({
     } catch {
     }
   }, []);
-  const handleVolumeChange = (0, import_react25.useCallback)(
+  const handleVolumeChange = (0, import_react26.useCallback)(
     (newVolume) => {
       const video = videoRef.current;
       if (!video) return;
@@ -8039,7 +7955,7 @@ var VideoPlayer = ({
     },
     [isMuted]
   );
-  const toggleMute = (0, import_react25.useCallback)(() => {
+  const toggleMute = (0, import_react26.useCallback)(() => {
     const video = videoRef.current;
     if (!video) return;
     if (isMuted) {
@@ -8053,13 +7969,13 @@ var VideoPlayer = ({
       setIsMuted(true);
     }
   }, [isMuted, volume]);
-  const handleSeek = (0, import_react25.useCallback)((newTime) => {
+  const handleSeek = (0, import_react26.useCallback)((newTime) => {
     const video = videoRef.current;
     if (video) {
       video.currentTime = newTime;
     }
   }, []);
-  const toggleFullscreen = (0, import_react25.useCallback)(() => {
+  const toggleFullscreen = (0, import_react26.useCallback)(() => {
     const container = videoRef.current?.parentElement;
     if (!container) return;
     if (!isFullscreen && container.requestFullscreen) {
@@ -8068,23 +7984,23 @@ var VideoPlayer = ({
       document.exitFullscreen();
     }
   }, [isFullscreen]);
-  const handleSpeedChange = (0, import_react25.useCallback)((speed) => {
+  const handleSpeedChange = (0, import_react26.useCallback)((speed) => {
     if (videoRef.current) {
       videoRef.current.playbackRate = speed;
       setPlaybackRate(speed);
       setShowSpeedMenu(false);
     }
   }, []);
-  const toggleSpeedMenu = (0, import_react25.useCallback)(() => {
+  const toggleSpeedMenu = (0, import_react26.useCallback)(() => {
     setShowSpeedMenu(!showSpeedMenu);
   }, [showSpeedMenu]);
-  const toggleCaptions = (0, import_react25.useCallback)(() => {
+  const toggleCaptions = (0, import_react26.useCallback)(() => {
     if (!trackRef.current?.track || !subtitles) return;
     const newShowCaptions = !showCaptions;
     setShowCaptions(newShowCaptions);
     trackRef.current.track.mode = newShowCaptions && subtitles ? "showing" : "hidden";
   }, [showCaptions, subtitles]);
-  const checkVideoCompletion = (0, import_react25.useCallback)(
+  const checkVideoCompletion = (0, import_react26.useCallback)(
     (progressPercent) => {
       if (progressPercent >= 95 && !hasCompleted) {
         setHasCompleted(true);
@@ -8093,7 +8009,7 @@ var VideoPlayer = ({
     },
     [hasCompleted, onVideoComplete]
   );
-  const handleTimeUpdate = (0, import_react25.useCallback)(() => {
+  const handleTimeUpdate = (0, import_react26.useCallback)(() => {
     const video = videoRef.current;
     if (!video) return;
     const current = video.currentTime;
@@ -8106,17 +8022,17 @@ var VideoPlayer = ({
       checkVideoCompletion(progressPercent);
     }
   }, [duration, saveProgress, onTimeUpdate, onProgress, checkVideoCompletion]);
-  const handleLoadedMetadata = (0, import_react25.useCallback)(() => {
+  const handleLoadedMetadata = (0, import_react26.useCallback)(() => {
     if (videoRef.current) {
       setDuration(videoRef.current.duration);
     }
   }, []);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (trackRef.current?.track) {
       trackRef.current.track.mode = showCaptions && subtitles ? "showing" : "hidden";
     }
   }, [subtitles, showCaptions]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const handleVisibilityChange = () => {
       if (document.hidden && isPlaying && videoRef.current) {
         videoRef.current.pause();
@@ -8138,13 +8054,13 @@ var VideoPlayer = ({
     };
   }, [isPlaying, clearControlsTimeout]);
   const progressPercentage = duration > 0 ? currentTime / duration * 100 : 0;
-  const getTopControlsOpacity = (0, import_react25.useCallback)(() => {
+  const getTopControlsOpacity = (0, import_react26.useCallback)(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const getBottomControlsOpacity = (0, import_react25.useCallback)(() => {
+  const getBottomControlsOpacity = (0, import_react26.useCallback)(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const handleVideoKeyDown = (0, import_react25.useCallback)(
+  const handleVideoKeyDown = (0, import_react26.useCallback)(
     (e) => {
       if (e.key) {
         e.stopPropagation();
@@ -8370,7 +8286,7 @@ var VideoPlayer = ({
 var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_phosphor_react21 = require("phosphor-react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var IMAGE_WIDTH = 225;
@@ -8383,8 +8299,8 @@ var Whiteboard = ({
   imagesPerRow = 2,
   ...rest
 }) => {
-  const [imageErrors, setImageErrors] = (0, import_react26.useState)(/* @__PURE__ */ new Set());
-  const handleDownload = (0, import_react26.useCallback)(
+  const [imageErrors, setImageErrors] = (0, import_react27.useState)(/* @__PURE__ */ new Set());
+  const handleDownload = (0, import_react27.useCallback)(
     (image) => {
       if (onDownload) {
         onDownload(image);
@@ -8401,7 +8317,7 @@ var Whiteboard = ({
     },
     [onDownload]
   );
-  const handleImageError = (0, import_react26.useCallback)((imageId) => {
+  const handleImageError = (0, import_react27.useCallback)((imageId) => {
     setImageErrors((prev) => new Set(prev).add(imageId));
   }, []);
   const gridColsClass = images?.length === 1 ? "grid-cols-1" : {
@@ -8488,10 +8404,10 @@ var Whiteboard = ({
 var Whiteboard_default = Whiteboard;
 
 // src/components/Auth/Auth.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_react_router_dom = require("react-router-dom");
 var import_jsx_runtime46 = require("react/jsx-runtime");
-var AuthContext = (0, import_react27.createContext)(void 0);
+var AuthContext = (0, import_react28.createContext)(void 0);
 var AuthProvider = ({
   children,
   checkAuthFn,
@@ -8501,12 +8417,12 @@ var AuthProvider = ({
   getSessionFn,
   getTokensFn
 }) => {
-  const [authState, setAuthState] = (0, import_react27.useState)({
+  const [authState, setAuthState] = (0, import_react28.useState)({
     isAuthenticated: false,
     isLoading: true,
     ...initialAuthState
   });
-  const checkAuth = (0, import_react27.useCallback)(async () => {
+  const checkAuth = (0, import_react28.useCallback)(async () => {
     try {
       setAuthState((prev) => ({ ...prev, isLoading: true }));
       if (!checkAuthFn) {
@@ -8537,7 +8453,7 @@ var AuthProvider = ({
       return false;
     }
   }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);
-  const signOut = (0, import_react27.useCallback)(() => {
+  const signOut = (0, import_react28.useCallback)(() => {
     if (signOutFn) {
       signOutFn();
     }
@@ -8549,10 +8465,10 @@ var AuthProvider = ({
       tokens: void 0
     }));
   }, [signOutFn]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     checkAuth();
   }, [checkAuth]);
-  const contextValue = (0, import_react27.useMemo)(
+  const contextValue = (0, import_react28.useMemo)(
     () => ({
       ...authState,
       checkAuth,
@@ -8563,7 +8479,7 @@ var AuthProvider = ({
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AuthContext.Provider, { value: contextValue, children });
 };
 var useAuth = () => {
-  const context = (0, import_react27.useContext)(AuthContext);
+  const context = (0, import_react28.useContext)(AuthContext);
   if (context === void 0) {
     throw new Error("useAuth deve ser usado dentro de um AuthProvider");
   }
@@ -8703,7 +8619,7 @@ function createZustandAuthAdapter(useAuthStore) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_react_router_dom2 = require("react-router-dom");
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -8751,8 +8667,8 @@ var handleUserData = (responseData, setUser) => {
 };
 function useUrlAuthentication(options) {
   const location = (0, import_react_router_dom2.useLocation)();
-  const processedRef = (0, import_react28.useRef)(false);
-  (0, import_react28.useEffect)(() => {
+  const processedRef = (0, import_react29.useRef)(false);
+  (0, import_react29.useEffect)(() => {
     const handleAuthentication = async () => {
       if (processedRef.current) {
         return;
@@ -8823,9 +8739,9 @@ function useUrlAuthentication(options) {
 }
 
 // src/components/Auth/useApiConfig.ts
-var import_react29 = require("react");
+var import_react30 = require("react");
 function useApiConfig(api) {
-  return (0, import_react29.useMemo)(
+  return (0, import_react30.useMemo)(
     () => ({
       get: (endpoint, config) => api.get(endpoint, config)
     }),
@@ -8835,7 +8751,7 @@ function useApiConfig(api) {
 
 // src/components/Quiz/Quiz.tsx
 var import_phosphor_react22 = require("phosphor-react");
-var import_react30 = require("react");
+var import_react31 = require("react");
 
 // src/components/Quiz/useQuizStore.ts
 var import_zustand7 = require("zustand");
@@ -9490,18 +9406,18 @@ var getStatusStyles = (variantCorrect) => {
       return "bg-error-background border-error-300";
   }
 };
-var Quiz = (0, import_react30.forwardRef)(({ children, className, variant = "default", ...props }, ref) => {
+var Quiz = (0, import_react31.forwardRef)(({ children, className, variant = "default", ...props }, ref) => {
   const { setVariant } = useQuizStore();
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     setVariant(variant);
   }, [variant, setVariant]);
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children });
 });
-var QuizHeaderResult = (0, import_react30.forwardRef)(
+var QuizHeaderResult = (0, import_react31.forwardRef)(
   ({ className, ...props }, ref) => {
     const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
-    const [status, setStatus] = (0, import_react30.useState)(void 0);
-    (0, import_react30.useEffect)(() => {
+    const [status, setStatus] = (0, import_react31.useState)(void 0);
+    (0, import_react31.useEffect)(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
         setStatus(void 0);
@@ -9554,7 +9470,7 @@ var QuizHeaderResult = (0, import_react30.forwardRef)(
     );
   }
 );
-var QuizTitle = (0, import_react30.forwardRef)(
+var QuizTitle = (0, import_react31.forwardRef)(
   ({ className, ...props }, ref) => {
     const {
       currentQuestionIndex,
@@ -9564,7 +9480,7 @@ var QuizTitle = (0, import_react30.forwardRef)(
       formatTime: formatTime2,
       isStarted
     } = useQuizStore();
-    const [showExitConfirmation, setShowExitConfirmation] = (0, import_react30.useState)(false);
+    const [showExitConfirmation, setShowExitConfirmation] = (0, import_react31.useState)(false);
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
     const handleBackClick = () => {
@@ -9625,7 +9541,7 @@ var QuizTitle = (0, import_react30.forwardRef)(
     ] });
   }
 );
-var QuizSubTitle = (0, import_react30.forwardRef)(
+var QuizSubTitle = (0, import_react31.forwardRef)(
   ({ subTitle, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
   }
@@ -9642,7 +9558,7 @@ var QuizHeader = () => {
     }
   );
 };
-var QuizContainer = (0, import_react30.forwardRef)(({ children, className, ...props }, ref) => {
+var QuizContainer = (0, import_react31.forwardRef)(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
@@ -9656,7 +9572,7 @@ var QuizContainer = (0, import_react30.forwardRef)(({ children, className, ...pr
     }
   );
 });
-var QuizContent = (0, import_react30.forwardRef)(({ paddingBottom }) => {
+var QuizContent = (0, import_react31.forwardRef)(({ paddingBottom }) => {
   const { getCurrentQuestion } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const questionComponents = {
@@ -9741,15 +9657,15 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
   const currentQuestionResult = getQuestionResultByQuestionId(
     currentQuestion?.id || ""
   );
-  const prevSelectedValuesRef = (0, import_react30.useRef)([]);
-  const prevQuestionIdRef = (0, import_react30.useRef)("");
-  const allCurrentAnswerIds = (0, import_react30.useMemo)(() => {
+  const prevSelectedValuesRef = (0, import_react31.useRef)([]);
+  const prevQuestionIdRef = (0, import_react31.useRef)("");
+  const allCurrentAnswerIds = (0, import_react31.useMemo)(() => {
     return allCurrentAnswers?.map((answer) => answer.optionId) || [];
   }, [allCurrentAnswers]);
-  const selectedValues = (0, import_react30.useMemo)(() => {
+  const selectedValues = (0, import_react31.useMemo)(() => {
     return allCurrentAnswerIds?.filter((id) => id !== null) || [];
   }, [allCurrentAnswerIds]);
-  const stableSelectedValues = (0, import_react30.useMemo)(() => {
+  const stableSelectedValues = (0, import_react31.useMemo)(() => {
     const currentQuestionId = currentQuestion?.id || "";
     const hasQuestionChanged = prevQuestionIdRef.current !== currentQuestionId;
     if (hasQuestionChanged) {
@@ -9773,7 +9689,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     variant,
     currentQuestionResult?.selectedOptions
   ]);
-  const handleSelectedValues = (0, import_react30.useCallback)(
+  const handleSelectedValues = (0, import_react31.useCallback)(
     (values) => {
       if (currentQuestion) {
         selectMultipleAnswer(currentQuestion.id, values);
@@ -9781,7 +9697,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     },
     [currentQuestion, selectMultipleAnswer]
   );
-  const questionKey = (0, import_react30.useMemo)(
+  const questionKey = (0, import_react31.useMemo)(
     () => `question-${currentQuestion?.id || "1"}`,
     [currentQuestion?.id]
   );
@@ -9836,13 +9752,13 @@ var QuizDissertative = ({ paddingBottom }) => {
     currentQuestion?.id || ""
   );
   const currentAnswer = getCurrentAnswer();
-  const textareaRef = (0, import_react30.useRef)(null);
+  const textareaRef = (0, import_react31.useRef)(null);
   const handleAnswerChange = (value) => {
     if (currentQuestion) {
       selectDissertativeAnswer(currentQuestion.id, value);
     }
   };
-  const adjustTextareaHeight = (0, import_react30.useCallback)(() => {
+  const adjustTextareaHeight = (0, import_react31.useCallback)(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       const scrollHeight = textareaRef.current.scrollHeight;
@@ -9852,7 +9768,7 @@ var QuizDissertative = ({ paddingBottom }) => {
       textareaRef.current.style.height = `${newHeight}px`;
     }
   }, []);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
@@ -9991,7 +9907,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
       isCorrect: false
     }
   ];
-  const [userAnswers, setUserAnswers] = (0, import_react30.useState)(() => {
+  const [userAnswers, setUserAnswers] = (0, import_react31.useState)(() => {
     if (variant === "result") {
       return mockUserAnswers;
     }
@@ -10110,8 +10026,8 @@ var QuizFill = ({ paddingBottom }) => {
       isCorrect: true
     }
   ];
-  const [answers, setAnswers] = (0, import_react30.useState)({});
-  const baseId = (0, import_react30.useId)();
+  const [answers, setAnswers] = (0, import_react31.useState)({});
+  const baseId = (0, import_react31.useId)();
   const getAvailableOptionsForSelect = (selectId) => {
     const usedOptions = Object.entries(answers).filter(([key]) => key !== selectId).map(([, value]) => value);
     return options.filter((option) => !usedOptions.includes(option));
@@ -10248,7 +10164,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
   };
   const correctRadiusRelative = calculateCorrectRadiusRelative();
   const mockUserAnswerRelative = { x: 0.72, y: 0.348 };
-  const [clickPositionRelative, setClickPositionRelative] = (0, import_react30.useState)(variant == "result" ? mockUserAnswerRelative : null);
+  const [clickPositionRelative, setClickPositionRelative] = (0, import_react31.useState)(variant == "result" ? mockUserAnswerRelative : null);
   const convertToRelativeCoordinates = (x, y, rect) => {
     const safeWidth = Math.max(rect.width, 1e-3);
     const safeHeight = Math.max(rect.height, 1e-3);
@@ -10448,7 +10364,7 @@ var QuizQuestionList = ({
     )
   ] });
 };
-var QuizFooter = (0, import_react30.forwardRef)(
+var QuizFooter = (0, import_react31.forwardRef)(
   ({
     className,
     onGoToSimulated,
@@ -10476,11 +10392,11 @@ var QuizFooter = (0, import_react30.forwardRef)(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [alertDialogOpen, setAlertDialogOpen] = (0, import_react30.useState)(false);
-    const [modalResultOpen, setModalResultOpen] = (0, import_react30.useState)(false);
-    const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react30.useState)(false);
-    const [modalResolutionOpen, setModalResolutionOpen] = (0, import_react30.useState)(false);
-    const [filterType, setFilterType] = (0, import_react30.useState)("all");
+    const [alertDialogOpen, setAlertDialogOpen] = (0, import_react31.useState)(false);
+    const [modalResultOpen, setModalResultOpen] = (0, import_react31.useState)(false);
+    const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react31.useState)(false);
+    const [modalResolutionOpen, setModalResolutionOpen] = (0, import_react31.useState)(false);
+    const [filterType, setFilterType] = (0, import_react31.useState)("all");
     const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const allQuestions = getTotalQuestions();
     const handleFinishQuiz = async () => {
@@ -10724,7 +10640,7 @@ var QuizBadge = ({
       return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
   }
 };
-var QuizResultHeaderTitle = (0, import_react30.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultHeaderTitle = (0, import_react31.forwardRef)(({ className, ...props }, ref) => {
   const { getActiveQuiz } = useQuizStore();
   const activeQuiz = getActiveQuiz();
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
@@ -10740,7 +10656,7 @@ var QuizResultHeaderTitle = (0, import_react30.forwardRef)(({ className, ...prop
     }
   );
 });
-var QuizResultTitle = (0, import_react30.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultTitle = (0, import_react31.forwardRef)(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -10753,7 +10669,7 @@ var QuizResultTitle = (0, import_react30.forwardRef)(({ className, ...props }, r
     }
   );
 });
-var QuizResultPerformance = (0, import_react30.forwardRef)(
+var QuizResultPerformance = (0, import_react31.forwardRef)(
   ({ ...props }, ref) => {
     const {
       getTotalQuestions,
@@ -10878,7 +10794,7 @@ var QuizResultPerformance = (0, import_react30.forwardRef)(
     );
   }
 );
-var QuizListResult = (0, import_react30.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
+var QuizListResult = (0, import_react31.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
   const { getQuestionsGroupedBySubject } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const subjectsStats = Object.entries(groupedQuestions).map(
@@ -10961,9 +10877,9 @@ var QuizListResultByMateria = ({
 };
 
 // src/components/LoadingModal/loadingModal.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
-var LoadingModal = (0, import_react31.forwardRef)(
+var LoadingModal = (0, import_react32.forwardRef)(
   ({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
     if (!open) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
@@ -11017,7 +10933,7 @@ var loadingModal_default = LoadingModal;
 
 // src/components/NotificationCard/NotificationCard.tsx
 var import_phosphor_react23 = require("phosphor-react");
-var import_react32 = require("react");
+var import_react33 = require("react");
 
 // src/store/notificationStore.ts
 var import_zustand8 = require("zustand");
@@ -11398,7 +11314,7 @@ var NotificationList = ({
   className,
   emptyStateImage
 }) => {
-  const [globalNotificationModal, setGlobalNotificationModal] = (0, import_react32.useState)({ isOpen: false, notification: null });
+  const [globalNotificationModal, setGlobalNotificationModal] = (0, import_react33.useState)({ isOpen: false, notification: null });
   const handleGlobalNotificationClick = (notification) => {
     if (onGlobalNotificationClick) {
       onGlobalNotificationClick(notification);
@@ -11512,8 +11428,8 @@ var NotificationCenter = ({
   className
 }) => {
   const { isMobile } = useMobile();
-  const [isModalOpen, setIsModalOpen] = (0, import_react32.useState)(false);
-  const [globalNotificationModal, setGlobalNotificationModal] = (0, import_react32.useState)({ isOpen: false, notification: null });
+  const [isModalOpen, setIsModalOpen] = (0, import_react33.useState)(false);
+  const [globalNotificationModal, setGlobalNotificationModal] = (0, import_react33.useState)({ isOpen: false, notification: null });
   const handleMobileClick = () => {
     setIsModalOpen(true);
     onFetchNotifications?.();
@@ -11528,7 +11444,7 @@ var NotificationCenter = ({
       onToggleActive?.();
     }
   };
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (isActive) {
       onFetchNotifications?.();
     }
@@ -11747,7 +11663,7 @@ var createUseNotificationStore = (apiClient) => {
 };
 
 // src/hooks/useNotifications.ts
-var import_react33 = require("react");
+var import_react34 = require("react");
 var createUseNotifications = (apiClient) => {
   const useNotificationStore = createUseNotificationStore(apiClient);
   return () => {
@@ -11766,7 +11682,7 @@ var createUseNotifications = (apiClient) => {
       resetError,
       getGroupedNotifications
     } = useNotificationStore();
-    const handleNavigate = (0, import_react33.useCallback)(
+    const handleNavigate = (0, import_react34.useCallback)(
       (entityType, entityId, onAfterNavigate) => {
         if (entityType && entityId) {
           switch (entityType.toUpperCase()) {
@@ -11784,7 +11700,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const getActionLabel = (0, import_react33.useCallback)(
+    const getActionLabel = (0, import_react34.useCallback)(
       (entityType) => {
         if (!entityType) return "Ver mais";
         switch (entityType.toUpperCase()) {
@@ -11798,7 +11714,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const markAsReadAndNavigate = (0, import_react33.useCallback)(
+    const markAsReadAndNavigate = (0, import_react34.useCallback)(
       async (id, entityType, entityId, onAfterNavigate) => {
         await markAsRead(id);
         if (entityType && entityId) {
@@ -11807,11 +11723,11 @@ var createUseNotifications = (apiClient) => {
       },
       [markAsRead, handleNavigate]
     );
-    const refreshNotifications = (0, import_react33.useCallback)(async () => {
+    const refreshNotifications = (0, import_react34.useCallback)(async () => {
       resetError();
       await fetchNotifications();
     }, [resetError, fetchNotifications]);
-    const formatNotification = (0, import_react33.useCallback)(
+    const formatNotification = (0, import_react34.useCallback)(
       (notification) => ({
         ...notification,
         time: formatTimeAgo(notification.createdAt),
@@ -11820,7 +11736,7 @@ var createUseNotifications = (apiClient) => {
       }),
       []
     );
-    const getFormattedGroupedNotifications = (0, import_react33.useCallback)(() => {
+    const getFormattedGroupedNotifications = (0, import_react34.useCallback)(() => {
       const groups = getGroupedNotifications();
       return groups.map((group) => ({
         ...group,
@@ -11964,6 +11880,7 @@ var createNotificationsHook = (apiClient) => {
   Toaster,
   VideoPlayer,
   Whiteboard,
+  cn,
   createNotificationStore,
   createNotificationsHook,
   createUseNotificationStore,
@@ -11974,8 +11891,8 @@ var createNotificationsHook = (apiClient) => {
   getRootDomain,
   getStatusBadge,
   getSubjectColorClass,
-  getSubjectData,
   getSubjectIcon,
+  getSubjectInfo,
   getSubjectName,
   useApiConfig,
   useAuth,