analytica-frontend-lib 1.1.93 → 1.1.95

package/dist/index.js

@@ -36,6 +36,7 @@ __export(src_exports, {
   AlternativesList: () => AlternativesList,
   AuthProvider: () => AuthProvider,
   Badge: () => Badge_default,
+  BreadcrumbMenu: () => BreadcrumbMenu,
   Button: () => Button_default,
   Calendar: () => Calendar_default,
   CardAccordation: () => CardAccordation,
@@ -127,6 +128,7 @@ __export(src_exports, {
   SkeletonRounded: () => SkeletonRounded,
   SkeletonTable: () => SkeletonTable,
   SkeletonText: () => SkeletonText,
+  StatisticsCard: () => StatisticsCard,
   Stepper: () => Stepper_default,
   SubjectEnum: () => SubjectEnum,
   SubjectInfo: () => SubjectInfo,
@@ -161,6 +163,8 @@ __export(src_exports, {
   useAuth: () => useAuth,
   useAuthGuard: () => useAuthGuard,
   useAuthStore: () => useAuthStore,
+  useBreadcrumb: () => useBreadcrumb,
+  useBreadcrumbBuilder: () => useBreadcrumbBuilder,
   useInstitutionId: () => useInstitutionId,
   useMobile: () => useMobile,
   useQuizStore: () => useQuizStore,
@@ -169,6 +173,7 @@ __export(src_exports, {
   useThemeStore: () => useThemeStore,
   useToastStore: () => ToastStore_default,
   useUrlAuthentication: () => useUrlAuthentication,
+  useUrlParams: () => useUrlParams,
   withAuth: () => withAuth
 });
 module.exports = __toCommonJS(src_exports);
@@ -8150,8 +8155,125 @@ var CardSimulationHistory = (0, import_react25.forwardRef)(({ data, onSimulation
   );
 });
 
-// src/components/NotFound/NotFound.tsx
+// src/components/StatisticsCard/StatisticsCard.tsx
+var import_phosphor_react18 = require("phosphor-react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
+var VARIANT_STYLES = {
+  high: "bg-success-background",
+  medium: "bg-warning-background",
+  low: "bg-error-background",
+  total: "bg-info-background"
+};
+var VALUE_TEXT_COLORS = {
+  high: "text-success-700",
+  medium: "text-warning-600",
+  low: "text-error-700",
+  total: "text-info-700"
+};
+var StatCard = ({ item }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    "div",
+    {
+      className: `rounded-xl py-[17px] px-6 min-h-[105px] flex flex-col justify-center items-start gap-1 ${VARIANT_STYLES[item.variant]}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          Text_default,
+          {
+            size: "4xl",
+            weight: "bold",
+            className: `${VALUE_TEXT_COLORS[item.variant]} leading-[42px] tracking-[0.2px] self-stretch`,
+            children: item.value
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          Text_default,
+          {
+            size: "xs",
+            weight: "bold",
+            className: "uppercase text-[8px] leading-[9px] text-text-800 self-stretch",
+            children: item.label
+          }
+        )
+      ]
+    }
+  );
+};
+var StatisticsCard = ({
+  title,
+  data,
+  emptyStateMessage,
+  emptyStateButtonText,
+  onEmptyStateButtonClick,
+  dropdownOptions,
+  selectedDropdownValue,
+  onDropdownChange,
+  selectPlaceholder = "Selecione um per\xEDodo",
+  dropdownAriaLabel = "Filtro de per\xEDodo",
+  className = ""
+}) => {
+  const hasData = data && data.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    "div",
+    {
+      className: `bg-background rounded-xl p-4 h-auto lg:h-[185px] flex flex-col gap-2 ${className}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-row justify-between items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text_default, { as: "h3", size: "sm", weight: "medium", color: "text-text-600", children: title }),
+          dropdownOptions && dropdownOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "w-[99px]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+            Select_default,
+            {
+              value: selectedDropdownValue,
+              onValueChange: onDropdownChange,
+              size: "medium",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  SelectTrigger,
+                  {
+                    className: "border border-border-300 rounded whitespace-nowrap",
+                    "aria-label": dropdownAriaLabel,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectValue, { placeholder: selectPlaceholder })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectContent, { children: dropdownOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectItem, { value: option.value, children: option.label }, option.value)) })
+              ]
+            }
+          ) })
+        ] }),
+        hasData ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[13px]", children: data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          StatCard,
+          {
+            item
+          },
+          `${item.variant}-${item.label}-${index}`
+        )) }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "border border-dashed border-border-300 rounded-lg p-6 min-h-[105px] flex flex-col items-center justify-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            Text_default,
+            {
+              size: "sm",
+              color: "text-text-600",
+              className: "text-center max-w-md",
+              children: emptyStateMessage
+            }
+          ),
+          onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            Button_default,
+            {
+              variant: "outline",
+              action: "primary",
+              size: "small",
+              onClick: onEmptyStateButtonClick,
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_phosphor_react18.Plus, { size: 16, weight: "bold" }),
+              children: emptyStateButtonText
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/NotFound/NotFound.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var NotFound = ({
   title,
   description,
@@ -8194,22 +8316,22 @@ var NotFound = ({
   const errorTitle = title || getDefaultTitle();
   const errorDescription = description || getDefaultDescription();
   const errorCode = getErrorCode();
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "div",
     {
       className: cn(
         "flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "main",
         {
           role: "main",
           "aria-labelledby": "error-title",
           "aria-describedby": "error-description",
           className: "flex flex-col items-center text-center max-w-md space-y-6",
-          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
               "div",
               {
                 className: "text-8xl font-bold text-primary-300 select-none",
@@ -8217,8 +8339,8 @@ var NotFound = ({
                 children: errorCode
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("header", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("header", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 Text_default,
                 {
                   size: "xl",
@@ -8229,9 +8351,9 @@ var NotFound = ({
                   children: errorTitle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
             ] }),
-            onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
               Button_default,
               {
                 onClick: handleButtonClick,
@@ -8254,12 +8376,12 @@ var NotFound_default = NotFound;
 // src/components/VideoPlayer/VideoPlayer.tsx
 var import_react27 = require("react");
 var import_react_dom = require("react-dom");
-var import_phosphor_react19 = require("phosphor-react");
+var import_phosphor_react20 = require("phosphor-react");
 
 // src/components/DownloadButton/DownloadButton.tsx
 var import_react26 = require("react");
-var import_phosphor_react18 = require("phosphor-react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_phosphor_react19 = require("phosphor-react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var getMimeType = (url) => {
   const extension = getFileExtension(url);
   const mimeTypes = {
@@ -8416,10 +8538,10 @@ var DownloadButton = ({
   if (!hasContent) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     IconButton_default,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.DownloadSimple, { size: 24 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.DownloadSimple, { size: 24 }),
       onClick: handleDownload,
       disabled: disabled || isDownloading,
       "aria-label": (() => {
@@ -8440,7 +8562,7 @@ var DownloadButton = ({
 var DownloadButton_default = DownloadButton;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var CONTROLS_HIDE_TIMEOUT = 3e3;
 var LEAVE_HIDE_TIMEOUT = 1e3;
 var INIT_DELAY = 100;
@@ -8456,7 +8578,7 @@ var ProgressBar2 = ({
   progressPercentage,
   onSeek,
   className = "px-4 pb-2"
-}) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "input",
   {
     type: "range",
@@ -8478,17 +8600,17 @@ var VolumeControls = ({
   onToggleMute,
   iconSize = 24,
   showSlider = true
-}) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     IconButton_default,
     {
-      icon: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.SpeakerSlash, { size: iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.SpeakerHigh, { size: iconSize }),
+      icon: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react20.SpeakerSlash, { size: iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react20.SpeakerHigh, { size: iconSize }),
       onClick: onToggleMute,
       "aria-label": isMuted ? "Unmute" : "Mute",
       className: "!bg-transparent !text-white hover:!bg-white/20"
     }
   ),
-  showSlider && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  showSlider && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "input",
     {
       type: "range",
@@ -8545,7 +8667,7 @@ var SpeedMenu = ({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [showSpeedMenu, onToggleMenu]);
-  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "div",
     {
       ref: speedMenuRef,
@@ -8556,7 +8678,7 @@ var SpeedMenu = ({
         top: `${position.top}px`,
         left: `${position.left}px`
       },
-      children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
         "button",
         {
           role: "menuitemradio",
@@ -8573,12 +8695,12 @@ var SpeedMenu = ({
     }
   );
   const portalContent = showSpeedMenu && globalThis.window !== void 0 && globalThis.document !== void 0 && !!globalThis.document?.body ? (0, import_react_dom.createPortal)(menuContent, globalThis.document.body) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative", ref: speedMenuContainerRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative", ref: speedMenuContainerRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       IconButton_default,
       {
         ref: buttonRef,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.DotsThreeVertical, { size: iconSize }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react20.DotsThreeVertical, { size: iconSize }),
         onClick: onToggleMenu,
         "aria-label": "Playback speed",
         "aria-haspopup": "menu",
@@ -9094,10 +9216,10 @@ var VideoPlayer = ({
     ]
   );
   const groupedSubTitleValid = subtitles && subtitlesValidation === "valid";
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("flex flex-col", className), children: [
-    (title || subtitleText) && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("flex flex-col", className), children: [
+    (title || subtitleText) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           Text_default,
           {
             as: "h2",
@@ -9108,7 +9230,7 @@ var VideoPlayer = ({
             children: title
           }
         ),
-        subtitleText && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        subtitleText && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           Text_default,
           {
             as: "p",
@@ -9120,7 +9242,7 @@ var VideoPlayer = ({
           }
         )
       ] }),
-      showDownloadButton && downloadContent && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      showDownloadButton && downloadContent && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         DownloadButton_default,
         {
           content: downloadContent,
@@ -9132,7 +9254,7 @@ var VideoPlayer = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       "section",
       {
         className: cn(
@@ -9147,7 +9269,7 @@ var VideoPlayer = ({
         onTouchStart: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "video",
             {
               ref: videoRef,
@@ -9162,7 +9284,7 @@ var VideoPlayer = ({
               onKeyDown: handleVideoKeyDown,
               tabIndex: 0,
               "aria-label": title ? `Video: ${title}` : "Video player",
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 "track",
                 {
                   ref: trackRef,
@@ -9175,17 +9297,17 @@ var VideoPlayer = ({
               )
             }
           ),
-          !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               className: cn(
                 "absolute inset-0 flex bg-black/30 transition-opacity",
                 getCenterPlayButtonPosition()
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.Play, { size: 32, weight: "regular", className: "ml-1" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react20.Play, { size: 32, weight: "regular", className: "ml-1" }),
                   onClick: togglePlayPause,
                   "aria-label": "Play video",
                   className: "!bg-transparent !text-white !w-auto !h-auto hover:!bg-transparent hover:!text-gray-200"
@@ -9193,17 +9315,17 @@ var VideoPlayer = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               className: cn(
                 "absolute top-0 left-0 right-0 p-4 bg-gradient-to-b from-black/70 to-transparent transition-opacity",
                 getTopControlsOpacity()
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 IconButton_default,
                 {
-                  icon: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.ArrowsOutSimple, { size: 24 }),
+                  icon: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react20.ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react20.ArrowsOutSimple, { size: 24 }),
                   onClick: toggleFullscreen,
                   "aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
                   className: "!bg-transparent !text-white hover:!bg-white/20"
@@ -9211,7 +9333,7 @@ var VideoPlayer = ({
               ) })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
             "div",
             {
               className: cn(
@@ -9219,7 +9341,7 @@ var VideoPlayer = ({
                 getBottomControlsOpacity()
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                   ProgressBar2,
                   {
                     currentTime,
@@ -9229,7 +9351,7 @@ var VideoPlayer = ({
                     className: getProgressBarPadding()
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
                   "div",
                   {
                     className: cn(
@@ -9237,17 +9359,17 @@ var VideoPlayer = ({
                       getControlsPadding()
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("flex items-center", getControlsGap()), children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("flex items-center", getControlsGap()), children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                           IconButton_default,
                           {
-                            icon: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.Pause, { size: getIconSize2() }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.Play, { size: getIconSize2() }),
+                            icon: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react20.Pause, { size: getIconSize2() }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react20.Play, { size: getIconSize2() }),
                             onClick: togglePlayPause,
                             "aria-label": isPlaying ? "Pause" : "Play",
                             className: "!bg-transparent !text-white hover:!bg-white/20"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                           VolumeControls,
                           {
                             volume,
@@ -9258,10 +9380,10 @@ var VideoPlayer = ({
                             showSlider: !isUltraSmallMobile
                           }
                         ),
-                        groupedSubTitleValid && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                        groupedSubTitleValid && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                           IconButton_default,
                           {
-                            icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.ClosedCaptioning, { size: getIconSize2() }),
+                            icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react20.ClosedCaptioning, { size: getIconSize2() }),
                             onClick: toggleCaptions,
                             "aria-label": showCaptions ? "Hide captions" : "Show captions",
                             className: cn(
@@ -9270,13 +9392,13 @@ var VideoPlayer = ({
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
                           formatTime(currentTime),
                           " / ",
                           formatTime(duration)
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                         SpeedMenu,
                         {
                           showSpeedMenu,
@@ -9303,8 +9425,8 @@ var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
 var import_react28 = require("react");
-var import_phosphor_react20 = require("phosphor-react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_phosphor_react21 = require("phosphor-react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var IMAGE_WIDTH = 225;
 var IMAGE_HEIGHT = 90;
 var Whiteboard = ({
@@ -9342,7 +9464,7 @@ var Whiteboard = ({
     4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
   }[imagesPerRow];
   if (!images || images.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "div",
       {
         className: cn(
@@ -9350,11 +9472,11 @@ var Whiteboard = ({
           className
         ),
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       className: cn(
@@ -9362,7 +9484,7 @@ var Whiteboard = ({
         className
       ),
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
         "div",
         {
           className: "relative group overflow-hidden bg-gray-100 rounded-lg",
@@ -9370,7 +9492,7 @@ var Whiteboard = ({
             width: `${IMAGE_WIDTH}px`
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "div",
               {
                 className: "relative",
@@ -9378,8 +9500,8 @@ var Whiteboard = ({
                   width: `${IMAGE_WIDTH}px`,
                   height: `${IMAGE_HEIGHT}px`
                 },
-                children: imageErrors.has(image.id) ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                children: imageErrors.has(image.id) ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     "img",
                     {
                       src: image.imageUrl,
@@ -9389,19 +9511,19 @@ var Whiteboard = ({
                       onError: () => handleImageError(image.id)
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
                 ] })
               }
             ),
-            showDownload && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            showDownload && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "button",
               {
                 type: "button",
                 onClick: () => handleDownload(image),
                 className: "cursor-pointer absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6",
                 "aria-label": `Download ${image.title || "imagem"}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                  import_phosphor_react20.ArrowsOut,
+                children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                  import_phosphor_react21.ArrowsOut,
                   {
                     size: 24,
                     weight: "regular",
@@ -9422,7 +9544,7 @@ var Whiteboard_default = Whiteboard;
 // src/components/Auth/Auth.tsx
 var import_react29 = require("react");
 var import_react_router_dom = require("react-router-dom");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var AuthContext = (0, import_react29.createContext)(void 0);
 var AuthProvider = ({
   children,
@@ -9492,7 +9614,7 @@ var AuthProvider = ({
     }),
     [authState, checkAuth, signOut]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AuthContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AuthContext.Provider, { value: contextValue, children });
 };
 var useAuth = () => {
   const context = (0, import_react29.useContext)(AuthContext);
@@ -9508,9 +9630,9 @@ var ProtectedRoute = ({
   additionalCheck
 }) => {
   const { isAuthenticated, isLoading, ...authState } = useAuth();
-  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: loadingComponent || defaultLoadingComponent });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: loadingComponent || defaultLoadingComponent });
   }
   if (!isAuthenticated) {
     if (typeof window !== "undefined") {
@@ -9521,12 +9643,12 @@ var ProtectedRoute = ({
         return null;
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
   if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children });
 };
 var PublicRoute = ({
   children,
@@ -9536,15 +9658,15 @@ var PublicRoute = ({
 }) => {
   const { isAuthenticated, isLoading } = useAuth();
   if (checkAuthBeforeRender && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   }
   if (isAuthenticated && redirectIfAuthenticated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children });
 };
 var withAuth = (Component, options = {}) => {
-  return (props) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Component, { ...props }) });
+  return (props) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Component, { ...props }) });
 };
 var useAuthGuard = (options = {}) => {
   const authState = useAuth();
@@ -9559,7 +9681,7 @@ var useAuthGuard = (options = {}) => {
 var useRouteAuth = (fallbackPath = "/") => {
   const { isAuthenticated, isLoading } = useAuth();
   const location = (0, import_react_router_dom.useLocation)();
-  const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_router_dom.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
+  const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_router_dom.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
   return {
     isAuthenticated,
     isLoading,
@@ -9594,8 +9716,8 @@ var getRootDomain = () => {
 
 // src/components/Accordation/Accordation.tsx
 var import_react30 = require("react");
-var import_phosphor_react21 = require("phosphor-react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_phosphor_react22 = require("phosphor-react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var CardAccordation = (0, import_react30.forwardRef)(
   ({
     trigger,
@@ -9618,7 +9740,7 @@ var CardAccordation = (0, import_react30.forwardRef)(
         handleToggle();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       CardBase,
       {
         ref,
@@ -9628,7 +9750,7 @@ var CardAccordation = (0, import_react30.forwardRef)(
         className: cn("overflow-hidden", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             "button",
             {
               onClick: handleToggle,
@@ -9638,8 +9760,8 @@ var CardAccordation = (0, import_react30.forwardRef)(
               "aria-controls": "accordion-content",
               children: [
                 trigger,
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                  import_phosphor_react21.CaretRight,
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                  import_phosphor_react22.CaretRight,
                   {
                     size: 20,
                     className: cn(
@@ -9652,7 +9774,7 @@ var CardAccordation = (0, import_react30.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "div",
             {
               id: contentId,
@@ -9661,7 +9783,7 @@ var CardAccordation = (0, import_react30.forwardRef)(
                 isExpanded ? "max-h-screen opacity-100" : "max-h-0 opacity-0"
               ),
               "data-testid": "accordion-content",
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "p-4 pt-0 border-border-50", children })
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "p-4 pt-0 border-border-50", children })
             }
           )
         ]
@@ -9671,9 +9793,9 @@ var CardAccordation = (0, import_react30.forwardRef)(
 );
 
 // src/components/Alternative/Alternative.tsx
-var import_phosphor_react22 = require("phosphor-react");
+var import_phosphor_react23 = require("phosphor-react");
 var import_react31 = require("react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var AlternativesList = ({
   alternatives,
   name,
@@ -9704,9 +9826,9 @@ var AlternativesList = ({
   const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react22.CheckCircle, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react23.CheckCircle, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react22.XCircle, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react23.XCircle, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -9736,10 +9858,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_runtime48.jsx)("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: dotClasses }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: dotClasses }) });
     };
     if (layout === "detailed") {
-      return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         "div",
         {
           className: cn(
@@ -9747,11 +9869,11 @@ var AlternativesList = ({
             statusStyles,
             alternative.disabled ? "opacity-50" : ""
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mt-1", children: renderRadio() }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mt-1", children: renderRadio() }),
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                   "p",
                   {
                     className: cn(
@@ -9761,16 +9883,16 @@ var AlternativesList = ({
                     children: alternative.label
                   }
                 ),
-                alternative.description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                alternative.description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
               ] })
             ] }),
-            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
           ] })
         },
         alternativeId
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "div",
       {
         className: cn(
@@ -9779,9 +9901,9 @@ var AlternativesList = ({
           alternative.disabled ? "opacity-50" : ""
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
             renderRadio(),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               "span",
               {
                 className: cn(
@@ -9792,14 +9914,14 @@ var AlternativesList = ({
               }
             )
           ] }),
-          statusBadge && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+          statusBadge && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
         ]
       },
       alternativeId
     );
   };
   if (isReadonly) {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "div",
       {
         className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
@@ -9809,7 +9931,7 @@ var AlternativesList = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     RadioGroup,
     {
       name: groupName,
@@ -9826,7 +9948,7 @@ var AlternativesList = ({
         const statusStyles = getStatusStyles2(alternative.status, false);
         const statusBadge = getStatusBadge2(alternative.status);
         if (layout === "detailed") {
-          return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "div",
             {
               className: cn(
@@ -9834,9 +9956,9 @@ var AlternativesList = ({
                 statusStyles,
                 alternative.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                     RadioGroupItem,
                     {
                       value: alternative.value,
@@ -9845,8 +9967,8 @@ var AlternativesList = ({
                       className: "mt-1"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                       "label",
                       {
                         htmlFor: alternativeId,
@@ -9858,16 +9980,16 @@ var AlternativesList = ({
                         children: alternative.label
                       }
                     ),
-                    alternative.description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                    alternative.description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
                   ] })
                 ] }),
-                statusBadge && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+                statusBadge && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
               ] })
             },
             alternativeId
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
           "div",
           {
             className: cn(
@@ -9876,8 +9998,8 @@ var AlternativesList = ({
               alternative.disabled ? "opacity-50 cursor-not-allowed" : ""
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                   RadioGroupItem,
                   {
                     value: alternative.value,
@@ -9885,7 +10007,7 @@ var AlternativesList = ({
                     disabled: alternative.disabled
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                   "label",
                   {
                     htmlFor: alternativeId,
@@ -9898,7 +10020,7 @@ var AlternativesList = ({
                   }
                 )
               ] }),
-              statusBadge && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+              statusBadge && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
             ]
           },
           alternativeId
@@ -9909,7 +10031,7 @@ var AlternativesList = ({
 };
 var HeaderAlternative = (0, import_react31.forwardRef)(
   ({ className, title, subTitle, content, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "div",
       {
         ref,
@@ -9919,11 +10041,11 @@ var HeaderAlternative = (0, import_react31.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-text-950 font-bold text-lg", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-text-700 text-sm ", children: subTitle })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-text-950 font-bold text-lg", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-text-700 text-sm ", children: subTitle })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-text-950 text-md", children: content })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-text-950 text-md", children: content })
         ]
       }
     );
@@ -10104,7 +10226,7 @@ function useApiConfig(api) {
 }
 
 // src/components/Quiz/Quiz.tsx
-var import_phosphor_react25 = require("phosphor-react");
+var import_phosphor_react26 = require("phosphor-react");
 var import_react36 = require("react");
 
 // src/components/Quiz/useQuizStore.ts
@@ -10702,8 +10824,8 @@ var import_react35 = require("react");
 
 // src/components/MultipleChoice/MultipleChoice.tsx
 var import_react34 = require("react");
-var import_phosphor_react23 = require("phosphor-react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_phosphor_react24 = require("phosphor-react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var MultipleChoiceList = ({
   disabled = false,
   className = "",
@@ -10720,9 +10842,9 @@ var MultipleChoiceList = ({
   const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react23.CheckCircle, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react24.CheckCircle, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react23.XCircle, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react24.XCircle, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -10743,14 +10865,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_runtime49.jsx)("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react23.Check, { size: 16, weight: "bold" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react24.Check, { size: 16, weight: "bold" }) });
   };
   if (mode === "readonly") {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime50.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_runtime49.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
         "div",
         {
           className: cn(
@@ -10759,9 +10881,9 @@ var MultipleChoiceList = ({
             choice.disabled ? "opacity-50 cursor-not-allowed" : ""
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
               renderVisualCheckbox(isSelected, choice.disabled || disabled),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                 "span",
                 {
                   className: cn(
@@ -10773,14 +10895,14 @@ var MultipleChoiceList = ({
                 }
               )
             ] }),
-            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
           ]
         },
         `readonly-${choice.value}-${i}`
       );
     }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     {
       className: cn(
@@ -10788,7 +10910,7 @@ var MultipleChoiceList = ({
         disabled ? "opacity-50 cursor-not-allowed" : "",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         CheckboxList_default,
         {
           name,
@@ -10798,12 +10920,12 @@ var MultipleChoiceList = ({
             onHandleSelectedValues?.(v);
           },
           disabled,
-          children: choices.map((choice, i) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+          children: choices.map((choice, i) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
             "div",
             {
               className: "flex flex-row gap-2 items-center",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                   CheckboxListItem,
                   {
                     value: choice.value,
@@ -10811,7 +10933,7 @@ var MultipleChoiceList = ({
                     disabled: choice.disabled || disabled
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                   "label",
                   {
                     htmlFor: `interactive-${choice.value}-${i}`,
@@ -10834,19 +10956,19 @@ var MultipleChoiceList = ({
 };
 
 // src/components/Quiz/QuizContent.tsx
-var import_phosphor_react24 = require("phosphor-react");
+var import_phosphor_react25 = require("phosphor-react");
 
 // src/assets/img/mock-image-question.png
 var mock_image_question_default = "./mock-image-question-HEZCLFDL.png";
 
 // src/components/Quiz/QuizContent.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var getStatusBadge = (status) => {
   switch (status) {
     case "correct":
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react24.CheckCircle, {}), children: "Resposta correta" });
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.CheckCircle, {}), children: "Resposta correta" });
     case "incorrect":
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react24.XCircle, {}), children: "Resposta incorreta" });
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.XCircle, {}), children: "Resposta incorreta" });
     default:
       return null;
   }
@@ -10861,11 +10983,11 @@ var getStatusStyles = (variantCorrect) => {
 };
 var QuizSubTitle = (0, import_react35.forwardRef)(
   ({ subTitle, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
   }
 );
 var QuizContainer = (0, import_react35.forwardRef)(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     {
       ref,
@@ -10913,10 +11035,10 @@ var QuizAlternative = ({ paddingBottom }) => {
     };
   });
   if (!alternatives)
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       AlternativesList,
       {
         mode: variant === "default" ? "interactive" : "readonly",
@@ -11014,10 +11136,10 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     };
   });
   if (!choices)
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       MultipleChoiceList,
       {
         choices,
@@ -11063,12 +11185,12 @@ var QuizDissertative = ({ paddingBottom }) => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
   }
   const localAnswer = (variant == "result" ? currentQuestionResult?.answer : currentAnswer?.answer) || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizSubTitle, { subTitle: "Resposta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizSubTitle, { subTitle: "Resposta" }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       TextArea_default,
       {
         ref: textareaRef,
@@ -11078,10 +11200,10 @@ var QuizDissertative = ({ paddingBottom }) => {
         rows: 4,
         className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto"
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
-    variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentQuestionResult?.teacherFeedback }) })
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
+    variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentQuestionResult?.teacherFeedback }) })
     ] })
   ] });
 };
@@ -11107,16 +11229,16 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
   ];
   const getLetterByIndex = (index) => String.fromCharCode(97 + index);
   const isDefaultVariant = variant == "default";
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
       const variantCorrect = option.isCorrect ? "correct" : "incorrect";
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
         "section",
         {
           className: "flex flex-col gap-2",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
               "div",
               {
                 className: cn(
@@ -11124,20 +11246,20 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
                   !isDefaultVariant ? getStatusStyles(variantCorrect) : ""
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
-                  isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Select_default, { size: "medium", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SelectContent, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectItem, { value: "V", children: "Verdadeiro" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectItem, { value: "F", children: "Falso" })
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
+                  isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Select_default, { size: "medium", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(SelectContent, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectItem, { value: "V", children: "Verdadeiro" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectItem, { value: "F", children: "Falso" })
                     ] })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
                 ]
               }
             ),
-            !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
-              !option.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
+            !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
+              !option.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
             ] })
           ]
         },
@@ -11227,13 +11349,13 @@ var QuizConnectDots = ({ paddingBottom }) => {
   const assignedDots = new Set(
     userAnswers.map((a) => a.dotOption).filter(Boolean)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
       const answer = userAnswers[index];
       const variantCorrect = answer.isCorrect ? "correct" : "incorrect";
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
           "div",
           {
             className: cn(
@@ -11241,30 +11363,30 @@ var QuizConnectDots = ({ paddingBottom }) => {
               !isDefaultVariant ? getStatusStyles(variantCorrect) : ""
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
-              isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
+              isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
                 Select_default,
                 {
                   size: "medium",
                   value: answer.dotOption || void 0,
                   onValueChange: (value) => handleSelectDot(index, value),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectContent, { children: dotsOptions.filter(
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectContent, { children: dotsOptions.filter(
                       (dot) => !assignedDots.has(dot.label) || answer.dotOption === dot.label
-                    ).map((dot) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
+                    ).map((dot) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
                   ]
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
             ]
           }
         ),
-        !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: "text-text-800 text-2xs", children: [
+        !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-text-800 text-2xs", children: [
             "Resposta selecionada: ",
             answer.dotOption || "Nenhuma"
           ] }),
-          !answer.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: "text-text-800 text-2xs", children: [
+          !answer.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-text-800 text-2xs", children: [
             "Resposta correta: ",
             answer.correctOption
           ] })
@@ -11331,18 +11453,18 @@ var QuizFill = ({ paddingBottom }) => {
     const mockAnswer = mockUserAnswers.find(
       (answer) => answer.selectId === selectId
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "inline-flex mb-2.5 text-success-600 font-semibold text-md border-b-2 border-success-600", children: mockAnswer?.correctAnswer });
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "inline-flex mb-2.5 text-success-600 font-semibold text-md border-b-2 border-success-600", children: mockAnswer?.correctAnswer });
   };
   const renderDefaultElement = (selectId, startIndex, selectedValue, availableOptionsForThisSelect) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       Select_default,
       {
         value: selectedValue,
         onValueChange: (value) => handleSelectChange(selectId, value),
         className: "inline-flex mb-2.5",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-background border-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-background border-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
         ]
       },
       `${selectId}-${startIndex}`
@@ -11354,8 +11476,8 @@ var QuizFill = ({ paddingBottom }) => {
     );
     if (!mockAnswer) return null;
     const action = mockAnswer.isCorrect ? "success" : "error";
-    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react24.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react24.XCircle, {});
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.XCircle, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       Badge_default,
       {
         variant: "solid",
@@ -11363,7 +11485,7 @@ var QuizFill = ({ paddingBottom }) => {
         iconRight: icon,
         size: "large",
         className: "py-3 w-[180px] justify-between mb-2.5",
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-text-900", children: mockAnswer.userAnswer })
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-text-900", children: mockAnswer.userAnswer })
       },
       selectId
     );
@@ -11419,25 +11541,25 @@ var QuizFill = ({ paddingBottom }) => {
     }
     return elements;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "div",
       {
         className: cn(
           "text-lg text-text-900 leading-8 h-auto",
           variant != "result" && paddingBottom
         ),
-        children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: element.element }, element.id))
+        children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: element.element }, element.id))
       }
     ) }) }),
-    variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizSubTitle, { subTitle: "Resultado" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizSubTitle, { subTitle: "Resultado" }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "div",
         {
           className: cn("text-lg text-text-900 leading-8", paddingBottom),
-          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: element.element }, element.id))
+          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: element.element }, element.id))
         }
       ) }) })
     ] })
@@ -11491,36 +11613,36 @@ var QuizImageQuestion = ({ paddingBottom }) => {
     }
     return "bg-success-600/70 border-white";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       "div",
       {
         "data-testid": "quiz-image-container",
         className: "space-y-6 p-3 relative inline-block",
         children: [
-          variant == "result" && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          variant == "result" && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
             "div",
             {
               "data-testid": "quiz-legend",
               className: "flex items-center gap-4 text-xs",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
             "button",
             {
               "data-testid": "quiz-image-button",
@@ -11535,7 +11657,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
               },
               "aria-label": "\xC1rea da imagem interativa",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "img",
                   {
                     "data-testid": "quiz-image",
@@ -11544,7 +11666,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
                     className: "w-full h-auto rounded-md"
                   }
                 ),
-                variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "div",
                   {
                     "data-testid": "quiz-correct-circle",
@@ -11559,7 +11681,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
                     }
                   }
                 ),
-                clickPositionRelative && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                clickPositionRelative && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "div",
                   {
                     "data-testid": "quiz-user-circle",
@@ -11584,7 +11706,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
 };
 
 // src/components/Quiz/Quiz.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var getQuizTypeConfig = (type) => {
   const QUIZ_TYPE_CONFIG = {
     ["SIMULADO" /* SIMULADO */]: {
@@ -11626,7 +11748,7 @@ var Quiz = (0, import_react36.forwardRef)(({ children, className, variant = "def
   (0, import_react36.useEffect)(() => {
     setVariant(variant);
   }, [variant, setVariant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children });
 });
 var QuizTitle = (0, import_react36.forwardRef)(({ className, onBack, ...props }, ref) => {
   const {
@@ -11662,8 +11784,8 @@ var QuizTitle = (0, import_react36.forwardRef)(({ className, onBack, ...props },
   const handleCancelExit = () => {
     setShowExitConfirmation(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
       "div",
       {
         ref,
@@ -11673,24 +11795,24 @@ var QuizTitle = (0, import_react36.forwardRef)(({ className, onBack, ...props },
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             IconButton_default,
             {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.CaretLeft, { size: 24 }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react26.CaretLeft, { size: 24 }),
               size: "md",
               "aria-label": "Voltar",
               onClick: handleBackClick
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react26.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       AlertDialog,
       {
         isOpen: showExitConfirmation,
@@ -11708,7 +11830,7 @@ var QuizTitle = (0, import_react36.forwardRef)(({ className, onBack, ...props },
 var QuizHeader = () => {
   const { getCurrentQuestion, currentQuestionIndex } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     HeaderAlternative,
     {
       title: currentQuestion ? `Quest\xE3o ${currentQuestionIndex + 1}` : "Quest\xE3o",
@@ -11730,7 +11852,7 @@ var QuizContent = ({ paddingBottom }) => {
     ["IMAGEM" /* IMAGEM */]: QuizImageQuestion
   };
   const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.questionType] : null;
-  return QuestionComponent ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuestionComponent, { paddingBottom }) : null;
+  return QuestionComponent ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuestionComponent, { paddingBottom }) : null;
 };
 var QuizQuestionList = ({
   filterType = "all",
@@ -11777,18 +11899,18 @@ var QuizQuestionList = ({
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-6 px-4 h-full", children: [
-    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-lg", children: "Nenhum resultado" }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "space-y-6 px-4 h-full", children: [
+    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-lg", children: "Nenhum resultado" }) }),
     Object.entries(filteredGroupedQuestions).map(
-      ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.BookOpen, { size: 17, className: "text-white" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
+      ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react26.BookOpen, { size: 17, className: "text-white" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
           const status = getQuestionStatus(question.id);
           const questionNumber = getQuestionIndex(question.id);
-          return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             CardStatus,
             {
               header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
@@ -11893,8 +12015,8 @@ var QuizFooter = (0, import_react36.forwardRef)(
         return;
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         "footer",
         {
           ref,
@@ -11903,17 +12025,17 @@ var QuizFooter = (0, import_react36.forwardRef)(
             className
           ),
           ...props,
-          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.SquaresFour, { size: 24, className: "text-text-950" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react26.SquaresFour, { size: 24, className: "text-text-950" }),
                   size: "md",
                   onClick: () => openModal("modalNavigate")
                 }
               ),
-              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -11924,13 +12046,13 @@ var QuizFooter = (0, import_react36.forwardRef)(
                   },
                   children: "Pular"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 Button_default,
                 {
                   size: "medium",
                   variant: "link",
                   action: "primary",
-                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.CaretLeft, { size: 18 }),
+                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react26.CaretLeft, { size: 18 }),
                   onClick: () => {
                     goToPreviousQuestion();
                   },
@@ -11938,7 +12060,7 @@ var QuizFooter = (0, import_react36.forwardRef)(
                 }
               )
             ] }),
-            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               Button_default,
               {
                 size: "small",
@@ -11951,7 +12073,7 @@ var QuizFooter = (0, import_react36.forwardRef)(
                 children: "Pular"
               }
             ),
-            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               Button_default,
               {
                 size: "medium",
@@ -11961,13 +12083,13 @@ var QuizFooter = (0, import_react36.forwardRef)(
                 onClick: handleFinishQuiz,
                 children: "Finalizar"
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               Button_default,
               {
                 size: "medium",
                 variant: "link",
                 action: "primary",
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.CaretRight, { size: 18 }),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react26.CaretRight, { size: 18 }),
                 disabled: !currentAnswer && !isCurrentQuestionSkipped,
                 onClick: () => {
                   goToNextQuestion();
@@ -11975,7 +12097,7 @@ var QuizFooter = (0, import_react36.forwardRef)(
                 children: "Avan\xE7ar"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-row items-center justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-row items-center justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             Button_default,
             {
               variant: "link",
@@ -11987,7 +12109,7 @@ var QuizFooter = (0, import_react36.forwardRef)(
           ) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         AlertDialog,
         {
           isOpen: isModalOpen("alertDialog"),
@@ -11999,7 +12121,7 @@ var QuizFooter = (0, import_react36.forwardRef)(
           onSubmit: handleAlertSubmit
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen("modalResult"),
@@ -12008,11 +12130,11 @@ var QuizFooter = (0, import_react36.forwardRef)(
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: getCompletionTitle(quizType) }),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-text-500 font-sm", children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: getCompletionTitle(quizType) }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("p", { className: "text-text-500 font-sm", children: [
                 "Voc\xEA acertou ",
                 correctAnswers ?? "--",
                 " de ",
@@ -12021,8 +12143,8 @@ var QuizFooter = (0, import_react36.forwardRef)(
                 "quest\xF5es."
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -12032,38 +12154,38 @@ var QuizFooter = (0, import_react36.forwardRef)(
                   children: quizTypeLabel === "Question\xE1rio" ? "Ir para aulas" : `Ir para ${quizTypeLabel.toLocaleLowerCase()}s`
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen("modalNavigate"),
           onClose: closeModal,
           title: "Quest\xF5es",
           size: "lg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   SelectTrigger,
                   {
                     variant: "rounded",
                     className: "max-w-[266px] min-w-[160px]",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(SelectContent, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectItem, { value: "all", children: "Todas" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(SelectContent, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectItem, { value: "all", children: "Todas" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               QuizQuestionList,
               {
                 filterType,
@@ -12073,7 +12195,7 @@ var QuizFooter = (0, import_react36.forwardRef)(
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen("modalResolution"),
@@ -12083,7 +12205,7 @@ var QuizFooter = (0, import_react36.forwardRef)(
           children: currentQuestion?.solutionExplanation
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen("modalQuestionnaireAllCorrect"),
@@ -12092,17 +12214,17 @@ var QuizFooter = (0, import_react36.forwardRef)(
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F389} Parab\xE9ns!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-500 font-sm", children: "Voc\xEA concluiu o m\xF3dulo Movimento Uniforme." })
+          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F389} Parab\xE9ns!" }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-500 font-sm", children: "Voc\xEA concluiu o m\xF3dulo Movimento Uniforme." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button_default, { className: "w-full", onClick: onGoToNextModule, children: "Pr\xF3ximo m\xF3dulo" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button_default, { className: "w-full", onClick: onGoToNextModule, children: "Pr\xF3ximo m\xF3dulo" }) })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen("modalQuestionnaireAllIncorrect"),
@@ -12111,16 +12233,16 @@ var QuizFooter = (0, import_react36.forwardRef)(
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            resultIncorrectImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-[282px] h-auto", children: resultIncorrectImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F615} N\xE3o foi dessa vez..." }),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-500 font-sm", children: "Voc\xEA tirou 0 no question\xE1rio, mas n\xE3o se preocupe! Isso \xE9 apenas uma oportunidade de aprendizado." }),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-500 font-sm", children: "Que tal tentar novamente para melhorar sua nota? Estamos aqui para te ajudar a entender o conte\xFAdo e evoluir." }),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-500 font-sm", children: "Clique em Repetir Question\xE1rio e mostre do que voc\xEA \xE9 capaz! \u{1F4AA}" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            resultIncorrectImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-[282px] h-auto", children: resultIncorrectImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F615} N\xE3o foi dessa vez..." }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-500 font-sm", children: "Voc\xEA tirou 0 no question\xE1rio, mas n\xE3o se preocupe! Isso \xE9 apenas uma oportunidade de aprendizado." }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-500 font-sm", children: "Que tal tentar novamente para melhorar sua nota? Estamos aqui para te ajudar a entender o conte\xFAdo e evoluir." }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-500 font-sm", children: "Clique em Repetir Question\xE1rio e mostre do que voc\xEA \xE9 capaz! \u{1F4AA}" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row justify-center items-center gap-2 w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-row justify-center items-center gap-2 w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 Button_default,
                 {
                   type: "button",
@@ -12134,7 +12256,7 @@ var QuizFooter = (0, import_react36.forwardRef)(
                   children: "Tentar depois"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -12144,7 +12266,7 @@ var QuizFooter = (0, import_react36.forwardRef)(
                   children: "Detalhar resultado"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 Button_default,
                 {
                   className: "w-auto",
@@ -12157,7 +12279,7 @@ var QuizFooter = (0, import_react36.forwardRef)(
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         AlertDialog,
         {
           isOpen: isModalOpen("alertDialogTryLater"),
@@ -12182,25 +12304,25 @@ var QuizFooter = (0, import_react36.forwardRef)(
 
 // src/components/Quiz/QuizResult.tsx
 var import_react37 = require("react");
-var import_phosphor_react26 = require("phosphor-react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_phosphor_react27 = require("phosphor-react");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var QuizBadge = ({
   subtype
 }) => {
   switch (subtype) {
     case "PROVA" /* PROVA */:
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
     case "ENEM_PROVA_1" /* ENEM_PROVA_1 */:
     case "ENEM_PROVA_2" /* ENEM_PROVA_2 */:
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
     case "VESTIBULAR" /* VESTIBULAR */:
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
     case "SIMULADO" /* SIMULADO */:
     case "SIMULADAO" /* SIMULADAO */:
     case void 0:
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
   }
 };
 var QuizHeaderResult = (0, import_react37.forwardRef)(
@@ -12245,7 +12367,7 @@ var QuizHeaderResult = (0, import_react37.forwardRef)(
           return "N\xE3o foi dessa vez...voc\xEA deixou a resposta em branco";
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
       "div",
       {
         ref,
@@ -12256,8 +12378,8 @@ var QuizHeaderResult = (0, import_react37.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
         ]
       }
     );
@@ -12265,7 +12387,7 @@ var QuizHeaderResult = (0, import_react37.forwardRef)(
 );
 var QuizResultHeaderTitle = (0, import_react37.forwardRef)(({ className, showBadge = true, onRepeat, canRetry, ...props }, ref) => {
   const { quiz } = useQuizStore();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     {
       ref,
@@ -12275,9 +12397,9 @@ var QuizResultHeaderTitle = (0, import_react37.forwardRef)(({ className, showBad
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-row gap-3 items-center", children: [
-          canRetry && onRepeat && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-row gap-3 items-center", children: [
+          canRetry && onRepeat && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             Button_default,
             {
               variant: "solid",
@@ -12287,7 +12409,7 @@ var QuizResultHeaderTitle = (0, import_react37.forwardRef)(({ className, showBad
               children: "Repetir question\xE1rio"
             }
           ),
-          showBadge && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuizBadge, { subtype: quiz?.subtype || void 0 })
+          showBadge && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(QuizBadge, { subtype: quiz?.subtype || void 0 })
         ] })
       ]
     }
@@ -12296,7 +12418,7 @@ var QuizResultHeaderTitle = (0, import_react37.forwardRef)(({ className, showBad
 var QuizResultTitle = (0, import_react37.forwardRef)(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "p",
     {
       className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
@@ -12348,7 +12470,7 @@ var QuizResultPerformance = (0, import_react37.forwardRef)(({ showDetails = true
   }
   const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
   const classesJustifyBetween = showDetails ? "justify-between" : "justify-center";
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     {
       className: cn(
@@ -12358,8 +12480,8 @@ var QuizResultPerformance = (0, import_react37.forwardRef)(({ showDetails = true
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             ProgressCircle_default,
             {
               size: "medium",
@@ -12369,24 +12491,24 @@ var QuizResultPerformance = (0, import_react37.forwardRef)(({ showDetails = true
               label: ""
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-            showDetails && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react26.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+            showDetails && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_phosphor_react27.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
                 (getQuestionResultStatistics()?.timeSpent ?? 0) * 60
               ) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
               getQuestionResultStatistics()?.correctAnswers ?? "--",
               " de",
               " ",
               totalQuestions
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
           ] })
         ] }),
-        showDetails && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        showDetails && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             ProgressBar_default,
             {
               className: "w-full",
@@ -12400,7 +12522,7 @@ var QuizResultPerformance = (0, import_react37.forwardRef)(({ showDetails = true
               percentageClassName: "text-xs font-medium leading-[14px] text-right"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             ProgressBar_default,
             {
               className: "w-full",
@@ -12414,7 +12536,7 @@ var QuizResultPerformance = (0, import_react37.forwardRef)(({ showDetails = true
               percentageClassName: "text-xs font-medium leading-[14px] text-right"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             ProgressBar_default,
             {
               className: "w-full",
@@ -12461,9 +12583,9 @@ var QuizListResult = (0, import_react37.forwardRef)(({ className, onSubjectClick
       };
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("section", { ref, className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("section", { ref, className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       CardResults,
       {
         onClick: () => onSubjectClick?.(subject.subject.id),
@@ -12487,16 +12609,16 @@ var QuizListResultByMateria = ({
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
   const formattedQuestions = subject == "all" ? Object.values(groupedQuestions).flat() : answeredQuestions;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subjectName || formattedQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name || "Sem mat\xE9ria" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("section", { className: "flex flex-col ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: formattedQuestions.map((question) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subjectName || formattedQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name || "Sem mat\xE9ria" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("section", { className: "flex flex-col ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: formattedQuestions.map((question) => {
         const questionIndex = getQuestionIndex(
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           question.questionId ?? question.id
         );
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           CardStatus,
           {
             className: "max-w-full",
@@ -12520,16 +12642,234 @@ var QuizListResultByMateria = ({
   ] });
 };
 
-// src/hooks/useAppInitialization.ts
+// src/components/BreadcrumbMenu/BreadcrumbMenu.tsx
+var import_react_router_dom3 = require("react-router-dom");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var BreadcrumbMenu = ({
+  breadcrumbs,
+  onBreadcrumbClick,
+  className = "!px-0 py-4 flex-wrap w-full"
+}) => {
+  const navigate = (0, import_react_router_dom3.useNavigate)();
+  const handleClick = (breadcrumb, index) => {
+    if (onBreadcrumbClick) {
+      onBreadcrumbClick(breadcrumb, index);
+    }
+    navigate(breadcrumb.url);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    Menu,
+    {
+      value: `breadcrumb-${breadcrumbs.length - 1}`,
+      defaultValue: "breadcrumb-0",
+      variant: "breadcrumb",
+      className,
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MenuContent, { className: "w-full flex flex-row flex-wrap gap-2 !px-0", children: breadcrumbs.map((breadcrumb, index) => {
+        const isLast = index === breadcrumbs.length - 1;
+        const hasSeparator = !isLast;
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          MenuItem,
+          {
+            variant: "breadcrumb",
+            value: `breadcrumb-${index}`,
+            className: "!p-0 whitespace-nowrap",
+            onClick: () => handleClick(breadcrumb, index),
+            separator: hasSeparator,
+            children: breadcrumb.name
+          },
+          breadcrumb.id
+        );
+      }) })
+    }
+  );
+};
+
+// src/components/BreadcrumbMenu/useBreadcrumbBuilder.ts
+var import_react38 = require("react");
+
+// src/components/BreadcrumbMenu/breadcrumbStore.ts
+var import_zustand10 = require("zustand");
+var useBreadcrumbStore = (0, import_zustand10.create)((set, get) => ({
+  breadcrumbs: {},
+  setBreadcrumbs: (namespace, items) => {
+    set((state) => ({
+      breadcrumbs: {
+        ...state.breadcrumbs,
+        [namespace]: items
+      }
+    }));
+  },
+  addBreadcrumb: (namespace, item) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: [...current, item]
+        }
+      };
+    });
+  },
+  updateBreadcrumb: (namespace, itemId, updates) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: current.map(
+            (item) => item.id === itemId ? { ...item, ...updates } : item
+          )
+        }
+      };
+    });
+  },
+  removeBreadcrumbFrom: (namespace, itemId) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      const index = current.findIndex((item) => item.id === itemId);
+      if (index === -1) return state;
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: current.slice(0, index)
+        }
+      };
+    });
+  },
+  sliceBreadcrumbs: (namespace, index) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: current.slice(0, index + 1)
+        }
+      };
+    });
+  },
+  clearBreadcrumbs: (namespace) => {
+    set((state) => {
+      const { [namespace]: _, ...rest } = state.breadcrumbs;
+      return {
+        breadcrumbs: rest
+      };
+    });
+  },
+  getBreadcrumbs: (namespace) => {
+    return get().breadcrumbs[namespace] || [];
+  }
+}));
+var useBreadcrumb = (namespace) => {
+  const store = useBreadcrumbStore();
+  const breadcrumbs = store.breadcrumbs[namespace] || [];
+  return {
+    breadcrumbs,
+    /**
+     * Define todos os breadcrumbs de uma vez
+     */
+    setBreadcrumbs: (items) => {
+      store.setBreadcrumbs(namespace, items);
+    },
+    /**
+     * Adiciona um novo breadcrumb ao final
+     */
+    addBreadcrumb: (item) => {
+      store.addBreadcrumb(namespace, item);
+    },
+    /**
+     * Atualiza um breadcrumb existente
+     */
+    updateBreadcrumb: (itemId, updates) => {
+      store.updateBreadcrumb(namespace, itemId, updates);
+    },
+    /**
+     * Remove um breadcrumb e todos os seguintes
+     */
+    removeBreadcrumbFrom: (itemId) => {
+      store.removeBreadcrumbFrom(namespace, itemId);
+    },
+    /**
+     * Mantém apenas os breadcrumbs até o índice especificado (inclusivo)
+     */
+    sliceBreadcrumbs: (index) => {
+      store.sliceBreadcrumbs(namespace, index);
+    },
+    /**
+     * Limpa todos os breadcrumbs
+     */
+    clearBreadcrumbs: () => {
+      store.clearBreadcrumbs(namespace);
+    }
+  };
+};
+
+// src/components/BreadcrumbMenu/useBreadcrumbBuilder.ts
+var isBreadcrumbWithData = (level) => {
+  return "data" in level;
+};
+var useBreadcrumbBuilder = (config) => {
+  const { namespace, root, levels } = config;
+  const { breadcrumbs, setBreadcrumbs, sliceBreadcrumbs } = useBreadcrumb(namespace);
+  const levelDependencies = levels.map(
+    (level) => isBreadcrumbWithData(level) ? level.data : null
+  );
+  const levelUrlIds = levels.map((level) => level.urlId);
+  (0, import_react38.useEffect)(() => {
+    const newBreadcrumbs = [root];
+    const previousIds = [];
+    for (const level of levels) {
+      const { urlId } = level;
+      if (isBreadcrumbWithData(level)) {
+        const { data, getId, getName, getUrl } = level;
+        if (!data) break;
+        const dataId = getId(data);
+        if (urlId === void 0 || dataId !== urlId) break;
+        newBreadcrumbs.push({
+          id: dataId,
+          name: getName(data),
+          url: getUrl(data, previousIds)
+        });
+        previousIds.push(dataId);
+      } else {
+        const { breadcrumb } = level;
+        if (urlId === void 0) break;
+        newBreadcrumbs.push(breadcrumb);
+        previousIds.push(breadcrumb.id);
+      }
+    }
+    setBreadcrumbs(newBreadcrumbs);
+  }, [namespace, ...levelDependencies, ...levelUrlIds, root.id]);
+  return {
+    breadcrumbs,
+    sliceBreadcrumbs
+  };
+};
+
+// src/components/BreadcrumbMenu/useUrlParams.ts
 var import_react39 = require("react");
+var import_react_router_dom4 = require("react-router-dom");
+var useUrlParams = (config) => {
+  const location = (0, import_react_router_dom4.useLocation)();
+  return (0, import_react39.useMemo)(() => {
+    const segments = location.pathname.split("/").filter(Boolean);
+    const params = {};
+    for (const [key, index] of Object.entries(config)) {
+      params[key] = segments[index];
+    }
+    return params;
+  }, [location.pathname, config]);
+};
+
+// src/hooks/useAppInitialization.ts
+var import_react41 = require("react");
 
 // src/hooks/useInstitution.ts
-var import_react38 = require("react");
+var import_react40 = require("react");
 function useInstitutionId() {
-  const [institutionId, setInstitutionId] = (0, import_react38.useState)(() => {
+  const [institutionId, setInstitutionId] = (0, import_react40.useState)(() => {
     return document.querySelector('meta[name="institution-id"]')?.getAttribute("content") ?? null;
   });
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const metaTag = document.querySelector('meta[name="institution-id"]');
     if (!metaTag) return;
     const observer = new MutationObserver(() => {
@@ -12546,9 +12886,9 @@ function useInstitutionId() {
 }
 
 // src/store/appStore.ts
-var import_zustand10 = require("zustand");
+var import_zustand11 = require("zustand");
 var import_middleware4 = require("zustand/middleware");
-var useAppStore = (0, import_zustand10.create)()(
+var useAppStore = (0, import_zustand11.create)()(
   (0, import_middleware4.persist)(
     (set, get) => ({
       institutionId: null,
@@ -12592,9 +12932,9 @@ var useAppStore = (0, import_zustand10.create)()(
 );
 
 // src/store/authStore.ts
-var import_zustand11 = require("zustand");
+var import_zustand12 = require("zustand");
 var import_middleware5 = require("zustand/middleware");
-var useAuthStore = (0, import_zustand11.create)()(
+var useAuthStore = (0, import_zustand12.create)()(
   (0, import_middleware5.persist)(
     (set, get) => ({
       user: null,
@@ -12696,7 +13036,7 @@ var useAuthStore = (0, import_zustand11.create)()(
 function useAppInitialization() {
   const getInstitutionId = useInstitutionId();
   const { initialize, initialized, institutionId } = useAppStore();
-  const authFunctions = (0, import_react39.useMemo)(
+  const authFunctions = (0, import_react41.useMemo)(
     () => ({
       checkAuth: async () => {
         const { sessionInfo, tokens } = useAuthStore.getState();
@@ -12733,10 +13073,10 @@ function useAppInitialization() {
 }
 
 // src/hooks/useAppContent.ts
-var import_react40 = require("react");
-var import_react_router_dom3 = require("react-router-dom");
+var import_react42 = require("react");
+var import_react_router_dom5 = require("react-router-dom");
 function useAppContent(config) {
-  const navigate = (0, import_react_router_dom3.useNavigate)();
+  const navigate = (0, import_react_router_dom5.useNavigate)();
   const { setTokens, setSessionInfo, setSelectedProfile } = useAuthStore();
   const {
     api,
@@ -12759,20 +13099,20 @@ function useAppContent(config) {
       navigate("/painel");
     }
   };
-  const handleSetSelectedProfile = (0, import_react40.useCallback)(
+  const handleSetSelectedProfile = (0, import_react42.useCallback)(
     (profile) => {
       setSelectedProfile(profile);
     },
     [setSelectedProfile]
   );
-  const handleClearParamsFromURL = (0, import_react40.useCallback)(() => {
+  const handleClearParamsFromURL = (0, import_react42.useCallback)(() => {
     if (onClearParamsFromURL) {
       onClearParamsFromURL();
     } else {
       globalThis.location.replace("/painel");
     }
   }, [onClearParamsFromURL]);
-  const handleError = (0, import_react40.useCallback)(
+  const handleError = (0, import_react42.useCallback)(
     (error) => {
       if (onError) {
         onError(error);
@@ -12783,7 +13123,7 @@ function useAppContent(config) {
     },
     [navigate, onError]
   );
-  const urlAuthConfig = (0, import_react40.useMemo)(
+  const urlAuthConfig = (0, import_react42.useMemo)(
     () => ({
       setTokens,
       setSessionInfo,
@@ -12809,10 +13149,10 @@ function useAppContent(config) {
   );
   useUrlAuthentication(urlAuthConfig);
   const { sessionInfo } = useAuth();
-  const institutionIdToUse = (0, import_react40.useMemo)(() => {
+  const institutionIdToUse = (0, import_react42.useMemo)(() => {
     return sessionInfo?.institutionId || getInstitutionId;
   }, [sessionInfo?.institutionId, getInstitutionId]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (institutionIdToUse && !initialized) {
       initialize(institutionIdToUse);
     }
@@ -12831,6 +13171,7 @@ function useAppContent(config) {
   AlternativesList,
   AuthProvider,
   Badge,
+  BreadcrumbMenu,
   Button,
   Calendar,
   CardAccordation,
@@ -12922,6 +13263,7 @@ function useAppContent(config) {
   SkeletonRounded,
   SkeletonTable,
   SkeletonText,
+  StatisticsCard,
   Stepper,
   SubjectEnum,
   SubjectInfo,
@@ -12956,6 +13298,8 @@ function useAppContent(config) {
   useAuth,
   useAuthGuard,
   useAuthStore,
+  useBreadcrumb,
+  useBreadcrumbBuilder,
   useInstitutionId,
   useMobile,
   useQuizStore,
@@ -12964,6 +13308,7 @@ function useAppContent(config) {
   useThemeStore,
   useToastStore,
   useUrlAuthentication,
+  useUrlParams,
   withAuth
 });
 //# sourceMappingURL=index.js.map