analytica-frontend-lib 1.1.5 → 1.1.6

package/dist/index.js

@@ -121,6 +121,7 @@ __export(src_exports, {
   TextArea: () => TextArea_default,
   Toast: () => Toast_default,
   Toaster: () => Toaster_default,
+  VideoPlayer: () => VideoPlayer_default,
   createZustandAuthAdapter: () => createZustandAuthAdapter,
   getRootDomain: () => getRootDomain,
   getStatusBadge: () => getStatusBadge,
@@ -4723,7 +4724,7 @@ var CardAudio = (0, import_react14.forwardRef)(
     const [volume, setVolume] = (0, import_react14.useState)(1);
     const [showVolumeControl, setShowVolumeControl] = (0, import_react14.useState)(false);
     const audioRef = (0, import_react14.useRef)(null);
-    const formatTime = (time) => {
+    const formatTime2 = (time) => {
       const minutes = Math.floor(time / 60);
       const seconds = Math.floor(time % 60);
       return `${minutes}:${seconds.toString().padStart(2, "0")}`;
@@ -4841,7 +4842,7 @@ var CardAudio = (0, import_react14.forwardRef)(
               ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.Play, { size: 24 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime2(currentTime) }),
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "button",
             {
@@ -4868,7 +4869,7 @@ var CardAudio = (0, import_react14.forwardRef)(
               )
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(duration) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime2(duration) }),
           /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative", children: [
             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               "button",
@@ -6819,11 +6820,436 @@ var NotFound = ({
 };
 var NotFound_default = NotFound;
 
-// src/components/Auth/Auth.tsx
+// src/components/VideoPlayer/VideoPlayer.tsx
 var import_react22 = require("react");
-var import_react_router_dom = require("react-router-dom");
+var import_phosphor_react18 = require("phosphor-react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var AuthContext = (0, import_react22.createContext)(void 0);
+var formatTime = (seconds) => {
+  if (!seconds || isNaN(seconds)) return "0:00";
+  const mins = Math.floor(seconds / 60);
+  const secs = Math.floor(seconds % 60);
+  return `${mins}:${secs.toString().padStart(2, "0")}`;
+};
+var VideoPlayer = ({
+  src,
+  poster,
+  subtitles,
+  title,
+  subtitle: subtitleText,
+  initialTime = 0,
+  onTimeUpdate,
+  onProgress,
+  onVideoComplete,
+  className,
+  autoSave = true,
+  storageKey = "video-progress"
+}) => {
+  const videoRef = (0, import_react22.useRef)(null);
+  const [isPlaying, setIsPlaying] = (0, import_react22.useState)(false);
+  const [currentTime, setCurrentTime] = (0, import_react22.useState)(0);
+  const [duration, setDuration] = (0, import_react22.useState)(0);
+  const [isMuted, setIsMuted] = (0, import_react22.useState)(false);
+  const [volume, setVolume] = (0, import_react22.useState)(1);
+  const [isFullscreen, setIsFullscreen] = (0, import_react22.useState)(false);
+  const [showControls, setShowControls] = (0, import_react22.useState)(true);
+  const [hasCompleted, setHasCompleted] = (0, import_react22.useState)(false);
+  const [showCaptions, setShowCaptions] = (0, import_react22.useState)(false);
+  const [playbackRate, setPlaybackRate] = (0, import_react22.useState)(1);
+  const [showSpeedMenu, setShowSpeedMenu] = (0, import_react22.useState)(false);
+  const lastSaveTimeRef = (0, import_react22.useRef)(0);
+  const trackRef = (0, import_react22.useRef)(null);
+  (0, import_react22.useEffect)(() => {
+    if (videoRef.current) {
+      videoRef.current.volume = volume;
+      videoRef.current.muted = isMuted;
+    }
+  }, [volume, isMuted]);
+  (0, import_react22.useEffect)(() => {
+    if (!autoSave || !storageKey) return;
+    const raw = localStorage.getItem(`${storageKey}-${src}`);
+    const saved = raw !== null ? Number(raw) : NaN;
+    const hasValidSaved = Number.isFinite(saved) && saved >= 0;
+    const hasValidInitial = Number.isFinite(initialTime) && initialTime >= 0;
+    let start;
+    if (hasValidInitial) {
+      start = initialTime;
+    } else if (hasValidSaved) {
+      start = saved;
+    } else {
+      start = void 0;
+    }
+    if (start !== void 0 && videoRef.current) {
+      videoRef.current.currentTime = start;
+      setCurrentTime(start);
+    }
+  }, [src, storageKey, autoSave, initialTime]);
+  const saveProgress = (0, import_react22.useCallback)(() => {
+    if (!autoSave || !storageKey) return;
+    const now = Date.now();
+    if (now - lastSaveTimeRef.current > 5e3) {
+      localStorage.setItem(`${storageKey}-${src}`, currentTime.toString());
+      lastSaveTimeRef.current = now;
+    }
+  }, [autoSave, storageKey, src, currentTime]);
+  const togglePlayPause = (0, import_react22.useCallback)(() => {
+    if (videoRef.current) {
+      if (isPlaying) {
+        videoRef.current.pause();
+      } else {
+        videoRef.current.play();
+      }
+      setIsPlaying(!isPlaying);
+    }
+  }, [isPlaying]);
+  const handleVolumeChange = (0, import_react22.useCallback)(
+    (newVolume) => {
+      if (videoRef.current) {
+        const volumeValue = newVolume / 100;
+        videoRef.current.volume = volumeValue;
+        setVolume(volumeValue);
+        if (volumeValue === 0) {
+          videoRef.current.muted = true;
+          setIsMuted(true);
+        } else if (isMuted) {
+          videoRef.current.muted = false;
+          setIsMuted(false);
+        }
+      }
+    },
+    [isMuted]
+  );
+  const toggleMute = (0, import_react22.useCallback)(() => {
+    if (videoRef.current) {
+      if (isMuted) {
+        const restoreVolume = volume > 0 ? volume : 0.5;
+        videoRef.current.volume = restoreVolume;
+        videoRef.current.muted = false;
+        setVolume(restoreVolume);
+        setIsMuted(false);
+      } else {
+        videoRef.current.muted = true;
+        setIsMuted(true);
+      }
+    }
+  }, [isMuted, volume]);
+  const toggleFullscreen = (0, import_react22.useCallback)(() => {
+    const container = videoRef.current?.parentElement;
+    if (!container) return;
+    if (!isFullscreen) {
+      if (container.requestFullscreen) {
+        container.requestFullscreen();
+      }
+    } else if (document.exitFullscreen) {
+      document.exitFullscreen();
+    }
+    setIsFullscreen(!isFullscreen);
+  }, [isFullscreen]);
+  const handleSpeedChange = (0, import_react22.useCallback)((speed) => {
+    if (videoRef.current) {
+      videoRef.current.playbackRate = speed;
+      setPlaybackRate(speed);
+      setShowSpeedMenu(false);
+    }
+  }, []);
+  const toggleSpeedMenu = (0, import_react22.useCallback)(() => {
+    setShowSpeedMenu(!showSpeedMenu);
+  }, [showSpeedMenu]);
+  const toggleCaptions = (0, import_react22.useCallback)(() => {
+    if (!trackRef.current?.track) return;
+    const newShowCaptions = !showCaptions;
+    setShowCaptions(newShowCaptions);
+    trackRef.current.track.mode = newShowCaptions ? "showing" : "hidden";
+  }, [showCaptions]);
+  const handleTimeUpdate = (0, import_react22.useCallback)(() => {
+    if (videoRef.current) {
+      const current = videoRef.current.currentTime;
+      setCurrentTime(current);
+      saveProgress();
+      onTimeUpdate?.(current);
+      if (duration > 0) {
+        const progressPercent = current / duration * 100;
+        onProgress?.(progressPercent);
+        if (progressPercent >= 95 && !hasCompleted) {
+          setHasCompleted(true);
+          onVideoComplete?.();
+        }
+      }
+    }
+  }, [
+    duration,
+    saveProgress,
+    onTimeUpdate,
+    onProgress,
+    onVideoComplete,
+    hasCompleted
+  ]);
+  const handleLoadedMetadata = (0, import_react22.useCallback)(() => {
+    if (videoRef.current) {
+      setDuration(videoRef.current.duration);
+    }
+  }, []);
+  (0, import_react22.useEffect)(() => {
+    const handleVisibilityChange = () => {
+      if (document.hidden && isPlaying && videoRef.current) {
+        videoRef.current.pause();
+        setIsPlaying(false);
+      }
+    };
+    const handleBlur = () => {
+      if (isPlaying && videoRef.current) {
+        videoRef.current.pause();
+        setIsPlaying(false);
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    window.addEventListener("blur", handleBlur);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+      window.removeEventListener("blur", handleBlur);
+    };
+  }, [isPlaying]);
+  const progressPercentage = duration > 0 ? currentTime / duration * 100 : 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn("flex flex-col", className), children: [
+    (title || subtitleText) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-subject-1 rounded-t-xl px-8 py-4 flex items-end justify-between min-h-20", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        Text_default,
+        {
+          as: "h2",
+          size: "lg",
+          weight: "bold",
+          color: "text-text-900",
+          className: "leading-5 tracking-wide",
+          children: title
+        }
+      ),
+      subtitleText && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        Text_default,
+        {
+          as: "p",
+          size: "sm",
+          weight: "normal",
+          color: "text-text-600",
+          className: "leading-5",
+          children: subtitleText
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      "div",
+      {
+        className: cn(
+          "relative w-full bg-background overflow-hidden group",
+          title || subtitleText ? "rounded-b-xl" : "rounded-xl"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            "video",
+            {
+              ref: videoRef,
+              src,
+              poster,
+              className: "w-full h-full object-contain",
+              controlsList: "nodownload",
+              onTimeUpdate: handleTimeUpdate,
+              onLoadedMetadata: handleLoadedMetadata,
+              onClick: togglePlayPause,
+              onKeyDown: (e) => {
+                if (e.key) {
+                  setShowControls(true);
+                }
+                if (e.key === " " || e.key === "Enter") {
+                  e.preventDefault();
+                  togglePlayPause();
+                }
+                if (e.key === "ArrowLeft" && videoRef.current) {
+                  e.preventDefault();
+                  videoRef.current.currentTime -= 10;
+                }
+                if (e.key === "ArrowRight" && videoRef.current) {
+                  e.preventDefault();
+                  videoRef.current.currentTime += 10;
+                }
+                if (e.key === "ArrowUp") {
+                  e.preventDefault();
+                  handleVolumeChange(Math.min(100, volume * 100 + 10));
+                }
+                if (e.key === "ArrowDown") {
+                  e.preventDefault();
+                  handleVolumeChange(Math.max(0, volume * 100 - 10));
+                }
+                if (e.key === "m" || e.key === "M") {
+                  e.preventDefault();
+                  toggleMute();
+                }
+                if (e.key === "f" || e.key === "F") {
+                  e.preventDefault();
+                  toggleFullscreen();
+                }
+              },
+              tabIndex: 0,
+              "aria-label": title ? `Video: ${title}` : "Video player",
+              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                "track",
+                {
+                  ref: trackRef,
+                  kind: "captions",
+                  src: subtitles || "data:text/vtt;charset=utf-8,WEBVTT%0A%0ANOTE%20No%20captions%20available",
+                  srcLang: "en",
+                  label: subtitles ? "Subtitles" : "No captions available",
+                  default: false
+                }
+              )
+            }
+          ),
+          !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30 transition-opacity", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            IconButton_default,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.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"
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            "div",
+            {
+              className: cn(
+                "absolute top-0 left-0 right-0 p-4 bg-gradient-to-b from-black/70 to-transparent transition-opacity",
+                !isPlaying || showControls ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "ml-auto block", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                IconButton_default,
+                {
+                  icon: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.ArrowsOutSimple, { size: 24 }),
+                  onClick: toggleFullscreen,
+                  "aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
+                  className: "!bg-transparent !text-white hover:!bg-white/20"
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+            "div",
+            {
+              className: cn(
+                "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/90 to-transparent transition-opacity",
+                !isPlaying || showControls ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "px-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                  "input",
+                  {
+                    type: "range",
+                    min: 0,
+                    max: duration || 100,
+                    value: currentTime,
+                    onChange: (e) => {
+                      const newTime = parseFloat(e.target.value);
+                      if (videoRef.current) {
+                        videoRef.current.currentTime = newTime;
+                      }
+                    },
+                    className: "w-full h-1 bg-neutral-600 rounded-full appearance-none cursor-pointer slider:bg-primary-600 focus:outline-none focus:ring-2 focus:ring-primary-500",
+                    "aria-label": "Video progress",
+                    style: {
+                      background: `linear-gradient(to right, #2271C4 ${progressPercentage}%, #D5D4D4 ${progressPercentage}%)`
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between px-4 pb-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                      IconButton_default,
+                      {
+                        icon: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.Pause, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.Play, { size: 24 }),
+                        onClick: togglePlayPause,
+                        "aria-label": isPlaying ? "Pause" : "Play",
+                        className: "!bg-transparent !text-white hover:!bg-white/20"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                        IconButton_default,
+                        {
+                          icon: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.SpeakerSlash, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.SpeakerHigh, { size: 24 }),
+                          onClick: toggleMute,
+                          "aria-label": isMuted ? "Unmute" : "Mute",
+                          className: "!bg-transparent !text-white hover:!bg-white/20"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                        "input",
+                        {
+                          type: "range",
+                          min: 0,
+                          max: 100,
+                          value: Math.round(volume * 100),
+                          onChange: (e) => handleVolumeChange(parseInt(e.target.value)),
+                          className: "w-20 h-1 bg-neutral-600 rounded-full appearance-none cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-500",
+                          "aria-label": "Volume control",
+                          style: {
+                            background: `linear-gradient(to right, #2271C4 ${volume * 100}%, #D5D4D4 ${volume * 100}%)`
+                          }
+                        }
+                      )
+                    ] }),
+                    subtitles && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                      IconButton_default,
+                      {
+                        icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.ClosedCaptioning, { size: 24 }),
+                        onClick: toggleCaptions,
+                        "aria-label": showCaptions ? "Hide captions" : "Show captions",
+                        className: cn(
+                          "!bg-transparent hover:!bg-white/20",
+                          showCaptions ? "!text-primary-400" : "!text-white"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
+                      formatTime(currentTime),
+                      " / ",
+                      formatTime(duration)
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                      IconButton_default,
+                      {
+                        icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.DotsThreeVertical, { size: 24 }),
+                        onClick: toggleSpeedMenu,
+                        "aria-label": "Playback speed",
+                        className: "!bg-transparent !text-white hover:!bg-white/20"
+                      }
+                    ),
+                    showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "absolute bottom-12 right-0 bg-black/90 rounded-lg p-2 min-w-20", children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+                      "button",
+                      {
+                        onClick: () => handleSpeedChange(speed),
+                        className: `block w-full text-left px-3 py-1 text-sm rounded hover:bg-white/20 transition-colors ${playbackRate === speed ? "text-primary-400" : "text-white"}`,
+                        children: [
+                          speed,
+                          "x"
+                        ]
+                      },
+                      speed
+                    )) })
+                  ] }) })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var VideoPlayer_default = VideoPlayer;
+
+// src/components/Auth/Auth.tsx
+var import_react23 = require("react");
+var import_react_router_dom = require("react-router-dom");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var AuthContext = (0, import_react23.createContext)(void 0);
 var AuthProvider = ({
   children,
   checkAuthFn,
@@ -6833,12 +7259,12 @@ var AuthProvider = ({
   getSessionFn,
   getTokensFn
 }) => {
-  const [authState, setAuthState] = (0, import_react22.useState)({
+  const [authState, setAuthState] = (0, import_react23.useState)({
     isAuthenticated: false,
     isLoading: true,
     ...initialAuthState
   });
-  const checkAuth = (0, import_react22.useCallback)(async () => {
+  const checkAuth = (0, import_react23.useCallback)(async () => {
     try {
       setAuthState((prev) => ({ ...prev, isLoading: true }));
       if (!checkAuthFn) {
@@ -6869,7 +7295,7 @@ var AuthProvider = ({
       return false;
     }
   }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);
-  const signOut = (0, import_react22.useCallback)(() => {
+  const signOut = (0, import_react23.useCallback)(() => {
     if (signOutFn) {
       signOutFn();
     }
@@ -6881,10 +7307,10 @@ var AuthProvider = ({
       tokens: void 0
     }));
   }, [signOutFn]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     checkAuth();
   }, [checkAuth]);
-  const contextValue = (0, import_react22.useMemo)(
+  const contextValue = (0, import_react23.useMemo)(
     () => ({
       ...authState,
       checkAuth,
@@ -6892,10 +7318,10 @@ var AuthProvider = ({
     }),
     [authState, checkAuth, signOut]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AuthContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AuthContext.Provider, { value: contextValue, children });
 };
 var useAuth = () => {
-  const context = (0, import_react22.useContext)(AuthContext);
+  const context = (0, import_react23.useContext)(AuthContext);
   if (context === void 0) {
     throw new Error("useAuth deve ser usado dentro de um AuthProvider");
   }
@@ -6908,9 +7334,9 @@ var ProtectedRoute = ({
   additionalCheck
 }) => {
   const { isAuthenticated, isLoading, ...authState } = useAuth();
-  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: loadingComponent || defaultLoadingComponent });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: loadingComponent || defaultLoadingComponent });
   }
   if (!isAuthenticated) {
     if (typeof window !== "undefined") {
@@ -6921,12 +7347,12 @@ var ProtectedRoute = ({
         return null;
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
   if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children });
 };
 var PublicRoute = ({
   children,
@@ -6936,15 +7362,15 @@ var PublicRoute = ({
 }) => {
   const { isAuthenticated, isLoading } = useAuth();
   if (checkAuthBeforeRender && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   }
   if (isAuthenticated && redirectIfAuthenticated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children });
 };
 var withAuth = (Component, options = {}) => {
-  return (props) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Component, { ...props }) });
+  return (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Component, { ...props }) });
 };
 var useAuthGuard = (options = {}) => {
   const authState = useAuth();
@@ -6959,7 +7385,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_runtime36.jsx)(import_react_router_dom.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
+  const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_router_dom.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
   return {
     isAuthenticated,
     isLoading,
@@ -7023,7 +7449,7 @@ function createZustandAuthAdapter(useAuthStore) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_react_router_dom2 = require("react-router-dom");
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -7071,7 +7497,7 @@ var handleUserData = (responseData, setUser) => {
 };
 function useUrlAuthentication(options) {
   const location = (0, import_react_router_dom2.useLocation)();
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const handleAuthentication = async () => {
       const authParams = getAuthParams(location, options.extractParams);
       if (!hasValidAuthParams(authParams)) {
@@ -7110,9 +7536,9 @@ function useUrlAuthentication(options) {
 }
 
 // src/components/Auth/useApiConfig.ts
-var import_react24 = require("react");
+var import_react25 = require("react");
 function useApiConfig(api) {
-  return (0, import_react24.useMemo)(
+  return (0, import_react25.useMemo)(
     () => ({
       get: (endpoint, config) => api.get(endpoint, config)
     }),
@@ -7121,8 +7547,8 @@ function useApiConfig(api) {
 }
 
 // src/components/Quiz/Quiz.tsx
-var import_phosphor_react18 = require("phosphor-react");
-var import_react25 = require("react");
+var import_phosphor_react19 = require("phosphor-react");
+var import_react26 = require("react");
 
 // src/components/Quiz/useQuizStore.ts
 var import_zustand7 = require("zustand");
@@ -7158,6 +7584,7 @@ var useQuizStore = (0, import_zustand7.create)()(
         isStarted: false,
         isFinished: false,
         userId: "",
+        variant: "default",
         // Setters
         setBySimulated: (simulado) => set({ bySimulated: simulado }),
         setByActivity: (atividade) => set({ byActivity: atividade }),
@@ -7165,6 +7592,7 @@ var useQuizStore = (0, import_zustand7.create)()(
         setUserId: (userId) => set({ userId }),
         setUserAnswers: (userAnswers) => set({ userAnswers }),
         getUserId: () => get().userId,
+        setVariant: (variant) => set({ variant }),
         // Navigation
         goToNextQuestion: () => {
           const { currentQuestionIndex, getTotalQuestions } = get();
@@ -7620,13 +8048,13 @@ var simulated_result_default = "./simulated-result-QN5HCUY5.png";
 var mock_image_question_default = "./mock-image-question-HEZCLFDL.png";
 
 // src/components/Quiz/Quiz.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var getStatusBadge = (status) => {
   switch (status) {
     case "correct":
-      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.CheckCircle, {}), children: "Resposta correta" });
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react19.CheckCircle, {}), children: "Resposta correta" });
     case "incorrect":
-      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.XCircle, {}), children: "Resposta incorreta" });
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react19.XCircle, {}), children: "Resposta incorreta" });
     default:
       return null;
   }
@@ -7639,8 +8067,12 @@ var getStatusStyles = (variantCorrect) => {
       return "bg-error-background border-error-300";
   }
 };
-var Quiz = (0, import_react25.forwardRef)(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var Quiz = (0, import_react26.forwardRef)(({ children, className, variant = "default", ...props }, ref) => {
+  const { setVariant } = useQuizStore();
+  (0, import_react26.useEffect)(() => {
+    setVariant(variant);
+  }, [variant, setVariant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       ref,
@@ -7653,12 +8085,12 @@ var Quiz = (0, import_react25.forwardRef)(({ children, className, ...props }, re
     }
   );
 });
-var QuizHeaderResult = (0, import_react25.forwardRef)(
+var QuizHeaderResult = (0, import_react26.forwardRef)(
   ({ className, ...props }, ref) => {
     const { getAllCurrentAnswer } = useQuizStore();
     const usersAnswer = getAllCurrentAnswer();
-    const [isCorrect, setIsCorrect] = (0, import_react25.useState)(false);
-    (0, import_react25.useEffect)(() => {
+    const [isCorrect, setIsCorrect] = (0, import_react26.useState)(false);
+    (0, import_react26.useEffect)(() => {
       if (usersAnswer) {
         setIsCorrect(
           usersAnswer.length > 0 ? usersAnswer.map(
@@ -7667,7 +8099,7 @@ var QuizHeaderResult = (0, import_react25.forwardRef)(
         );
       }
     }, [usersAnswer]);
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "div",
       {
         ref,
@@ -7678,26 +8110,26 @@ var QuizHeaderResult = (0, import_react25.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
         ]
       }
     );
   }
 );
-var QuizTitle = (0, import_react25.forwardRef)(
+var QuizTitle = (0, import_react26.forwardRef)(
   ({ className, ...props }, ref) => {
     const {
       currentQuestionIndex,
       getTotalQuestions,
       getQuizTitle,
       timeElapsed,
-      formatTime,
+      formatTime: formatTime2,
       isStarted
     } = useQuizStore();
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "div",
       {
         ref,
@@ -7707,25 +8139,25 @@ var QuizTitle = (0, import_react25.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "absolute right-2", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.Clock, {}), children: isStarted ? formatTime(timeElapsed) : "00:00" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "absolute right-2", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react19.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
         ]
       }
     );
   }
 );
-var QuizSubTitle = (0, import_react25.forwardRef)(
+var QuizSubTitle = (0, import_react26.forwardRef)(
   ({ subTitle, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
   }
 );
 var QuizHeader = () => {
   const { getCurrentQuestion, currentQuestionIndex } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     HeaderAlternative,
     {
       title: currentQuestion ? `Quest\xE3o ${currentQuestionIndex + 1}` : "Quest\xE3o",
@@ -7734,8 +8166,8 @@ var QuizHeader = () => {
     }
   );
 };
-var QuizContainer = (0, import_react25.forwardRef)(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var QuizContainer = (0, import_react26.forwardRef)(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       ref,
@@ -7748,8 +8180,8 @@ var QuizContainer = (0, import_react25.forwardRef)(({ children, className, ...pr
     }
   );
 });
-var QuizContent = (0, import_react25.forwardRef)(({ variant, paddingBottom }) => {
-  const { getCurrentQuestion } = useQuizStore();
+var QuizContent = (0, import_react26.forwardRef)(({ paddingBottom }) => {
+  const { getCurrentQuestion, variant } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const questionComponents = {
     ["ALTERNATIVA" /* ALTERNATIVA */]: QuizAlternative,
@@ -7761,7 +8193,7 @@ var QuizContent = (0, import_react25.forwardRef)(({ variant, paddingBottom }) =>
     ["IMAGEM" /* IMAGEM */]: QuizImageQuestion
   };
   const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.type] : null;
-  return QuestionComponent ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuestionComponent, { variant, paddingBottom }) : null;
+  return QuestionComponent ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuestionComponent, { variant, paddingBottom }) : null;
 });
 var QuizAlternative = ({
   variant = "default",
@@ -7789,10 +8221,10 @@ var QuizAlternative = ({
     };
   });
   if (!alternatives)
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       AlternativesList,
       {
         mode: variant === "default" ? "interactive" : "readonly",
@@ -7818,15 +8250,15 @@ var QuizMultipleChoice = ({
   const { getCurrentQuestion, selectMultipleAnswer, getAllCurrentAnswer } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const allCurrentAnswers = getAllCurrentAnswer();
-  const prevSelectedValuesRef = (0, import_react25.useRef)([]);
-  const prevQuestionIdRef = (0, import_react25.useRef)("");
-  const allCurrentAnswerIds = (0, import_react25.useMemo)(() => {
+  const prevSelectedValuesRef = (0, import_react26.useRef)([]);
+  const prevQuestionIdRef = (0, import_react26.useRef)("");
+  const allCurrentAnswerIds = (0, import_react26.useMemo)(() => {
     return allCurrentAnswers?.map((answer) => answer.optionId) || [];
   }, [allCurrentAnswers]);
-  const selectedValues = (0, import_react25.useMemo)(() => {
+  const selectedValues = (0, import_react26.useMemo)(() => {
     return allCurrentAnswerIds?.filter((id) => id !== null) || [];
   }, [allCurrentAnswerIds]);
-  const stableSelectedValues = (0, import_react25.useMemo)(() => {
+  const stableSelectedValues = (0, import_react26.useMemo)(() => {
     const currentQuestionId = currentQuestion?.id || "";
     const hasQuestionChanged = prevQuestionIdRef.current !== currentQuestionId;
     if (hasQuestionChanged) {
@@ -7841,7 +8273,7 @@ var QuizMultipleChoice = ({
     }
     return prevSelectedValuesRef.current;
   }, [selectedValues, currentQuestion?.id]);
-  const handleSelectedValues = (0, import_react25.useCallback)(
+  const handleSelectedValues = (0, import_react26.useCallback)(
     (values) => {
       if (currentQuestion) {
         selectMultipleAnswer(currentQuestion.id, values);
@@ -7849,7 +8281,7 @@ var QuizMultipleChoice = ({
     },
     [currentQuestion, selectMultipleAnswer]
   );
-  const questionKey = (0, import_react25.useMemo)(
+  const questionKey = (0, import_react26.useMemo)(
     () => `question-${currentQuestion?.id || "1"}`,
     [currentQuestion?.id]
   );
@@ -7870,10 +8302,10 @@ var QuizMultipleChoice = ({
     };
   });
   if (!choices)
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       MultipleChoiceList,
       {
         choices,
@@ -7893,13 +8325,13 @@ var QuizDissertative = ({
   const { getCurrentQuestion, getCurrentAnswer, selectDissertativeAnswer } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const currentAnswer = getCurrentAnswer();
-  const textareaRef = (0, import_react25.useRef)(null);
+  const textareaRef = (0, import_react26.useRef)(null);
   const handleAnswerChange = (value) => {
     if (currentQuestion) {
       selectDissertativeAnswer(currentQuestion.id, value);
     }
   };
-  const adjustTextareaHeight = (0, import_react25.useCallback)(() => {
+  const adjustTextareaHeight = (0, import_react26.useCallback)(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       const scrollHeight = textareaRef.current.scrollHeight;
@@ -7909,15 +8341,15 @@ var QuizDissertative = ({
       textareaRef.current.style.height = `${newHeight}px`;
     }
   }, []);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizSubTitle, { subTitle: "Resposta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizSubTitle, { subTitle: "Resposta" }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       TextArea_default,
       {
         ref: textareaRef,
@@ -7927,10 +8359,10 @@ var QuizDissertative = ({
         rows: 4,
         className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto"
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentAnswer?.answer || "Nenhuma resposta fornecida" }) }) }) }),
-    variant === "result" && currentAnswer?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Mauris euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim." }) })
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentAnswer?.answer || "Nenhuma resposta fornecida" }) }) }) }),
+    variant === "result" && currentAnswer?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Mauris euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim." }) })
     ] })
   ] });
 };
@@ -7958,16 +8390,16 @@ var QuizTrueOrFalse = ({
   ];
   const getLetterByIndex = (index) => String.fromCharCode(97 + index);
   const isDefaultVariant = variant == "default";
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime37.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
         "section",
         {
           className: "flex flex-col gap-2",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
               "div",
               {
                 className: cn(
@@ -7975,20 +8407,20 @@ var QuizTrueOrFalse = ({
                   !isDefaultVariant ? getStatusStyles(variantCorrect) : ""
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
-                  isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Select_default, { size: "medium", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(SelectContent, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectItem, { value: "V", children: "Verdadeiro" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectItem, { value: "F", children: "Falso" })
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
+                  isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Select_default, { size: "medium", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(SelectContent, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectItem, { value: "V", children: "Verdadeiro" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectItem, { value: "F", children: "Falso" })
                     ] })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
                 ]
               }
             ),
-            !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
-              !option.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
+            !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
+              !option.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
             ] })
           ]
         },
@@ -8051,7 +8483,7 @@ var QuizConnectDots = ({
       isCorrect: false
     }
   ];
-  const [userAnswers, setUserAnswers] = (0, import_react25.useState)(() => {
+  const [userAnswers, setUserAnswers] = (0, import_react26.useState)(() => {
     if (variant === "result") {
       return mockUserAnswers;
     }
@@ -8080,13 +8512,13 @@ var QuizConnectDots = ({
   const assignedDots = new Set(
     userAnswers.map((a) => a.dotOption).filter(Boolean)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime37.jsxs)("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
           "div",
           {
             className: cn(
@@ -8094,30 +8526,30 @@ var QuizConnectDots = ({
               !isDefaultVariant ? getStatusStyles(variantCorrect) : ""
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
-              isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
+              isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
                 Select_default,
                 {
                   size: "medium",
                   value: answer.dotOption || void 0,
                   onValueChange: (value) => handleSelectDot(index, value),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectContent, { children: dotsOptions.filter(
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectContent, { children: dotsOptions.filter(
                       (dot) => !assignedDots.has(dot.label) || answer.dotOption === dot.label
-                    ).map((dot) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
+                    ).map((dot) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
                   ]
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
             ]
           }
         ),
-        !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "text-text-800 text-2xs", children: [
+        !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { className: "text-text-800 text-2xs", children: [
             "Resposta selecionada: ",
             answer.dotOption || "Nenhuma"
           ] }),
-          !answer.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "text-text-800 text-2xs", children: [
+          !answer.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { className: "text-text-800 text-2xs", children: [
             "Resposta correta: ",
             answer.correctOption
           ] })
@@ -8172,8 +8604,8 @@ var QuizFill = ({
       isCorrect: true
     }
   ];
-  const [answers, setAnswers] = (0, import_react25.useState)({});
-  const baseId = (0, import_react25.useId)();
+  const [answers, setAnswers] = (0, import_react26.useState)({});
+  const baseId = (0, import_react26.useId)();
   const getAvailableOptionsForSelect = (selectId) => {
     const usedOptions = Object.entries(answers).filter(([key]) => key !== selectId).map(([, value]) => value);
     return options.filter((option) => !usedOptions.includes(option));
@@ -8186,18 +8618,18 @@ var QuizFill = ({
     const mockAnswer = mockUserAnswers.find(
       (answer) => answer.selectId === selectId
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime38.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_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       Select_default,
       {
         value: selectedValue,
         onValueChange: (value) => handleSelectChange(selectId, value),
         className: "inline-flex mb-2.5",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-white border-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-white border-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
         ]
       },
       `${selectId}-${startIndex}`
@@ -8209,8 +8641,8 @@ var QuizFill = ({
     );
     if (!mockAnswer) return null;
     const action = mockAnswer.isCorrect ? "success" : "error";
-    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.XCircle, {});
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react19.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react19.XCircle, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       Badge_default,
       {
         variant: "solid",
@@ -8218,7 +8650,7 @@ var QuizFill = ({
         iconRight: icon,
         size: "large",
         className: "py-3 w-[180px] justify-between mb-2.5",
-        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-text-900", children: mockAnswer.userAnswer })
+        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-text-900", children: mockAnswer.userAnswer })
       },
       selectId
     );
@@ -8274,25 +8706,25 @@ var QuizFill = ({
     }
     return elements;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime37.jsx)("span", { children: element.element }, element.id))
+        children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: element.element }, element.id))
       }
     ) }) }),
-    variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizSubTitle, { subTitle: "Resultado" }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizSubTitle, { subTitle: "Resultado" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "div",
         {
           className: cn("text-lg text-text-900 leading-8", paddingBottom),
-          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: element.element }, element.id))
+          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: element.element }, element.id))
         }
       ) }) })
     ] })
@@ -8312,7 +8744,7 @@ var QuizImageQuestion = ({
   };
   const correctRadiusRelative = calculateCorrectRadiusRelative();
   const mockUserAnswerRelative = { x: 0.72, y: 0.348 };
-  const [clickPositionRelative, setClickPositionRelative] = (0, import_react25.useState)(variant == "result" ? mockUserAnswerRelative : null);
+  const [clickPositionRelative, setClickPositionRelative] = (0, import_react26.useState)(variant == "result" ? mockUserAnswerRelative : null);
   const convertToRelativeCoordinates = (x, y, rect) => {
     const safeWidth = Math.max(rect.width, 1e-3);
     const safeHeight = Math.max(rect.height, 1e-3);
@@ -8348,36 +8780,36 @@ var QuizImageQuestion = ({
     }
     return "bg-success-600/70 border-white";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "div",
       {
         "data-testid": "quiz-image-container",
         className: "space-y-6 p-3 relative inline-block",
         children: [
-          variant == "result" && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+          variant == "result" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
             "div",
             {
               "data-testid": "quiz-legend",
               className: "flex items-center gap-4 text-xs",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
             "button",
             {
               "data-testid": "quiz-image-button",
@@ -8392,7 +8824,7 @@ var QuizImageQuestion = ({
               },
               "aria-label": "\xC1rea da imagem interativa",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "img",
                   {
                     "data-testid": "quiz-image",
@@ -8401,7 +8833,7 @@ var QuizImageQuestion = ({
                     className: "w-full h-auto rounded-md"
                   }
                 ),
-                variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "div",
                   {
                     "data-testid": "quiz-correct-circle",
@@ -8416,7 +8848,7 @@ var QuizImageQuestion = ({
                     }
                   }
                 ),
-                clickPositionRelative && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                clickPositionRelative && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "div",
                   {
                     "data-testid": "quiz-user-circle",
@@ -8484,16 +8916,16 @@ var QuizQuestionList = ({
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
-    ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("section", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.BookOpen, { size: 17, className: "text-white" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-800 font-bold text-lg", children: subjectId })
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
+    ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("section", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react19.BookOpen, { size: 17, className: "text-white" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-800 font-bold text-lg", children: subjectId })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
+      /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime37.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           CardStatus,
           {
             header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
@@ -8509,13 +8941,12 @@ var QuizQuestionList = ({
     ] }, subjectId)
   ) });
 };
-var QuizFooter = (0, import_react25.forwardRef)(
+var QuizFooter = (0, import_react26.forwardRef)(
   ({
     className,
     onGoToSimulated,
     onDetailResult,
     handleFinishSimulated,
-    variant = "default",
     ...props
   }, ref) => {
     const {
@@ -8529,6 +8960,7 @@ var QuizFooter = (0, import_react25.forwardRef)(
       skipQuestion,
       getCurrentQuestion,
       getQuestionStatusFromUserAnswers,
+      variant,
       getActiveQuiz
     } = useQuizStore();
     const totalQuestions = getTotalQuestions();
@@ -8537,10 +8969,11 @@ var QuizFooter = (0, import_react25.forwardRef)(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [alertDialogOpen, setAlertDialogOpen] = (0, import_react25.useState)(false);
-    const [modalResultOpen, setModalResultOpen] = (0, import_react25.useState)(false);
-    const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react25.useState)(false);
-    const [filterType, setFilterType] = (0, import_react25.useState)("all");
+    const [alertDialogOpen, setAlertDialogOpen] = (0, import_react26.useState)(false);
+    const [modalResultOpen, setModalResultOpen] = (0, import_react26.useState)(false);
+    const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react26.useState)(false);
+    const [modalResolutionOpen, setModalResolutionOpen] = (0, import_react26.useState)(false);
+    const [filterType, setFilterType] = (0, import_react26.useState)("all");
     const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const userAnswers = getUserAnswers();
     const allQuestions = getTotalQuestions();
@@ -8572,8 +9005,8 @@ var QuizFooter = (0, import_react25.forwardRef)(
         setAlertDialogOpen(false);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "footer",
         {
           ref,
@@ -8582,17 +9015,17 @@ var QuizFooter = (0, import_react25.forwardRef)(
             className
           ),
           ...props,
-          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.SquaresFour, { size: 24, className: "text-text-950" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react19.SquaresFour, { size: 24, className: "text-text-950" }),
                   size: "md",
                   onClick: () => setModalNavigateOpen(true)
                 }
               ),
-              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -8603,13 +9036,13 @@ var QuizFooter = (0, import_react25.forwardRef)(
                   },
                   children: "Pular"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 Button_default,
                 {
                   size: "medium",
                   variant: "link",
                   action: "primary",
-                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.CaretLeft, { size: 18 }),
+                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react19.CaretLeft, { size: 18 }),
                   onClick: () => {
                     goToPreviousQuestion();
                   },
@@ -8617,7 +9050,7 @@ var QuizFooter = (0, import_react25.forwardRef)(
                 }
               )
             ] }),
-            !isFirstQuestion && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            !isFirstQuestion && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               Button_default,
               {
                 size: "small",
@@ -8630,7 +9063,7 @@ var QuizFooter = (0, import_react25.forwardRef)(
                 children: "Pular"
               }
             ),
-            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               Button_default,
               {
                 size: "medium",
@@ -8640,13 +9073,13 @@ var QuizFooter = (0, import_react25.forwardRef)(
                 onClick: handleFinishQuiz,
                 children: "Finalizar"
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               Button_default,
               {
                 size: "medium",
                 variant: "link",
                 action: "primary",
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.CaretRight, { size: 18 }),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react19.CaretRight, { size: 18 }),
                 disabled: !currentAnswer && !isCurrentQuestionSkipped,
                 onClick: () => {
                   goToNextQuestion();
@@ -8654,10 +9087,19 @@ var QuizFooter = (0, import_react25.forwardRef)(
                 children: "Avan\xE7ar"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button_default, { variant: "solid", action: "primary", size: "medium", children: "Ver Resolu\xE7\xE3o" }) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            Button_default,
+            {
+              variant: "solid",
+              action: "primary",
+              size: "medium",
+              onClick: () => setModalResolutionOpen(true),
+              children: "Ver Resolu\xE7\xE3o"
+            }
+          ) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         AlertDialog,
         {
           isOpen: alertDialogOpen,
@@ -8669,7 +9111,7 @@ var QuizFooter = (0, import_react25.forwardRef)(
           onSubmit: handleAlertSubmit
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Modal_default,
         {
           isOpen: modalResultOpen,
@@ -8679,8 +9121,8 @@ var QuizFooter = (0, import_react25.forwardRef)(
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "img",
               {
                 src: simulated_result_default,
@@ -8688,9 +9130,9 @@ var QuizFooter = (0, import_react25.forwardRef)(
                 className: "w-[282px] h-auto object-cover"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "text-text-500 font-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { className: "text-text-500 font-sm", children: [
                 "Voc\xEA acertou",
                 " ",
                 (() => {
@@ -8712,8 +9154,8 @@ var QuizFooter = (0, import_react25.forwardRef)(
                 " quest\xF5es."
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -8723,31 +9165,31 @@ var QuizFooter = (0, import_react25.forwardRef)(
                   children: "Ir para simulados"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Modal_default,
         {
           isOpen: modalNavigateOpen,
           onClose: () => setModalNavigateOpen(false),
           title: "Quest\xF5es",
           size: "lg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col w-full h-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(SelectContent, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectItem, { value: "all", children: "Todas" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col w-full h-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(SelectContent, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectItem, { value: "all", children: "Todas" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               QuizQuestionList,
               {
                 filterType,
@@ -8756,29 +9198,39 @@ var QuizFooter = (0, import_react25.forwardRef)(
             ) })
           ] })
         }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        Modal_default,
+        {
+          isOpen: modalResolutionOpen,
+          onClose: () => setModalResolutionOpen(false),
+          title: "Resolu\xE7\xE3o",
+          size: "lg",
+          children: currentQuestion?.answerKey
+        }
       )
     ] });
   }
 );
-var QuizResultHeaderTitle = (0, import_react25.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultHeaderTitle = (0, import_react26.forwardRef)(({ className, ...props }, ref) => {
   const { bySimulated } = useQuizStore();
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "div",
     {
       ref,
       className: cn("flex flex-row pt-4 justify-between", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        bySimulated && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Badge_default, { variant: "solid", action: "info", children: bySimulated.category })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
+        bySimulated && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Badge_default, { variant: "solid", action: "info", children: bySimulated.category })
       ]
     }
   );
 });
-var QuizResultTitle = (0, import_react25.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultTitle = (0, import_react26.forwardRef)(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "p",
     {
       className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
@@ -8788,12 +9240,12 @@ var QuizResultTitle = (0, import_react25.forwardRef)(({ className, ...props }, r
     }
   );
 });
-var QuizResultPerformance = (0, import_react25.forwardRef)(
+var QuizResultPerformance = (0, import_react26.forwardRef)(
   ({ ...props }, ref) => {
     const {
       getTotalQuestions,
       timeElapsed,
-      formatTime,
+      formatTime: formatTime2,
       bySimulated,
       byActivity,
       byQuestionary,
@@ -8834,15 +9286,15 @@ var QuizResultPerformance = (0, import_react25.forwardRef)(
       });
     }
     const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "div",
       {
         className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               ProgressCircle_default,
               {
                 size: "medium",
@@ -8852,21 +9304,21 @@ var QuizResultPerformance = (0, import_react25.forwardRef)(
                 label: ""
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime(timeElapsed) })
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react19.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(timeElapsed) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
                 correctAnswers,
                 " de ",
                 totalQuestions
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -8880,7 +9332,7 @@ var QuizResultPerformance = (0, import_react25.forwardRef)(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -8894,7 +9346,7 @@ var QuizResultPerformance = (0, import_react25.forwardRef)(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -8914,7 +9366,7 @@ var QuizResultPerformance = (0, import_react25.forwardRef)(
     );
   }
 );
-var QuizListResult = (0, import_react25.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
+var QuizListResult = (0, import_react26.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
   const {
     getQuestionsGroupedBySubject,
     isQuestionAnswered,
@@ -8943,9 +9395,9 @@ var QuizListResult = (0, import_react25.forwardRef)(({ className, onSubjectClick
       };
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("section", { ref, className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("section", { ref, className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       CardResults,
       {
         onClick: () => onSubjectClick?.(subject.subject),
@@ -8953,7 +9405,7 @@ var QuizListResult = (0, import_react25.forwardRef)(({ className, onSubjectClick
         header: subject.subject,
         correct_answers: subject.correct,
         incorrect_answers: subject.incorrect,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.Book, { size: 20 }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react19.Book, { size: 20 }),
         direction: "row"
       }
     ) }, subject.subject)) })
@@ -8970,13 +9422,13 @@ var QuizListResultByMateria = ({
   } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subject }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("section", { className: "flex flex-col ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subject }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("section", { className: "flex flex-col ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
         const questionIndex = getQuestionIndex(question.id);
-        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           CardStatus,
           {
             className: "max-w-full",
@@ -9089,6 +9541,7 @@ var QuizListResultByMateria = ({
   TextArea,
   Toast,
   Toaster,
+  VideoPlayer,
   createZustandAuthAdapter,
   getRootDomain,
   getStatusBadge,