analytica-frontend-lib 1.1.49 → 1.1.51

package/dist/index.mjs

@@ -5987,42 +5987,217 @@ var useMobile = () => {
 };
 
 // src/hooks/useTheme.ts
-import { useEffect as useEffect10 } from "react";
+import { useEffect as useEffect10, useState as useState13, useCallback, useRef as useRef7 } from "react";
 var useTheme = () => {
-  useEffect10(() => {
+  const [themeMode, setThemeMode] = useState13("system");
+  const [isDark, setIsDark] = useState13(false);
+  const themeModeRef = useRef7("system");
+  const applyTheme = useCallback((mode) => {
     const htmlElement = document.documentElement;
-    const currentTheme = htmlElement.getAttribute("data-theme");
-    if (currentTheme && !htmlElement.getAttribute("data-original-theme")) {
-      htmlElement.setAttribute("data-original-theme", currentTheme);
-    }
-    const applyTheme = () => {
-      const isDarkMode = window.matchMedia(
+    const originalTheme = htmlElement.getAttribute("data-original-theme");
+    if (mode === "dark") {
+      htmlElement.setAttribute("data-theme", "dark");
+      setIsDark(true);
+    } else if (mode === "light") {
+      if (originalTheme) {
+        htmlElement.setAttribute("data-theme", originalTheme);
+      }
+      setIsDark(false);
+    } else if (mode === "system") {
+      const isSystemDark = window.matchMedia(
         "(prefers-color-scheme: dark)"
       ).matches;
-      const originalTheme = htmlElement.getAttribute("data-original-theme");
-      if (isDarkMode) {
+      if (isSystemDark) {
         htmlElement.setAttribute("data-theme", "dark");
+        setIsDark(true);
       } else if (originalTheme) {
         htmlElement.setAttribute("data-theme", originalTheme);
+        setIsDark(false);
       }
-    };
-    applyTheme();
+    }
   }, []);
+  const toggleTheme = useCallback(() => {
+    let newMode;
+    if (themeMode === "light") {
+      newMode = "dark";
+    } else if (themeMode === "dark") {
+      newMode = "light";
+    } else {
+      newMode = "dark";
+    }
+    setThemeMode(newMode);
+    themeModeRef.current = newMode;
+    applyTheme(newMode);
+    localStorage.setItem("theme-mode", newMode);
+  }, [themeMode, applyTheme]);
+  const setTheme = useCallback(
+    (mode) => {
+      setThemeMode(mode);
+      themeModeRef.current = mode;
+      applyTheme(mode);
+      localStorage.setItem("theme-mode", mode);
+    },
+    [applyTheme]
+  );
+  useEffect10(() => {
+    const htmlElement = document.documentElement;
+    const currentTheme = htmlElement.getAttribute("data-theme");
+    if (currentTheme && !htmlElement.getAttribute("data-original-theme")) {
+      htmlElement.setAttribute("data-original-theme", currentTheme);
+    }
+    const savedThemeMode = localStorage.getItem("theme-mode");
+    const initialMode = savedThemeMode || "system";
+    if (!savedThemeMode) {
+      localStorage.setItem("theme-mode", "system");
+    }
+    setThemeMode(initialMode);
+    themeModeRef.current = initialMode;
+    applyTheme(initialMode);
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleSystemThemeChange = () => {
+      if (themeModeRef.current === "system") {
+        applyTheme("system");
+      }
+    };
+    mediaQuery.addEventListener("change", handleSystemThemeChange);
+    return () => {
+      mediaQuery.removeEventListener("change", handleSystemThemeChange);
+    };
+  }, [applyTheme]);
+  return {
+    themeMode,
+    isDark,
+    toggleTheme,
+    setTheme
+  };
 };
 
+// src/components/ThemeToggle/ThemeToggle.tsx
+import { forwardRef as forwardRef16 } from "react";
+import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+var ThemeToggle = forwardRef16(
+  ({
+    variant = "simple",
+    size = "md",
+    showIcons = true,
+    showLabels = true,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const { themeMode, isDark, toggleTheme, setTheme } = useTheme();
+    const sizeClasses = {
+      sm: "text-sm px-3 py-1.5",
+      md: "text-md px-4 py-2",
+      lg: "text-lg px-5 py-2.5"
+    };
+    const activeClasses = "bg-primary-500 text-white";
+    const inactiveClasses = "bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600";
+    const baseButtonClasses = "inline-flex items-center justify-center gap-2 rounded-md border border-gray-300 dark:border-gray-600 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500";
+    const smallButtonClasses = "px-3 py-1.5 rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500";
+    const renderThemeButton = (theme, icon, label, isActive, buttonSize) => {
+      const buttonClasses = buttonSize ? cn(baseButtonClasses, sizeClasses[buttonSize]) : smallButtonClasses;
+      const stateClasses = isActive ? activeClasses : inactiveClasses;
+      return /* @__PURE__ */ jsxs26(
+        "button",
+        {
+          type: "button",
+          onClick: () => setTheme(theme),
+          className: cn(buttonClasses, stateClasses),
+          ...buttonSize ? props : {},
+          children: [
+            showIcons && icon,
+            showLabels && label
+          ]
+        }
+      );
+    };
+    if (variant === "simple") {
+      return /* @__PURE__ */ jsx32(
+        "button",
+        {
+          type: "button",
+          ref,
+          onClick: toggleTheme,
+          className: cn(
+            "inline-flex items-center justify-center gap-2 rounded-md border border-gray-300 dark:border-gray-600 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+            sizeClasses[size],
+            className
+          ),
+          ...props,
+          children: children || /* @__PURE__ */ jsxs26(Fragment6, { children: [
+            showIcons && (isDark ? "\u2600\uFE0F" : "\u{1F319}"),
+            showLabels && (isDark ? "Claro" : "Escuro")
+          ] })
+        }
+      );
+    }
+    if (variant === "detailed") {
+      const getLabel = () => {
+        if (themeMode === "system") return "Sistema";
+        if (isDark) return "Escuro";
+        return "Claro";
+      };
+      return /* @__PURE__ */ jsxs26("div", { className: cn("flex flex-col gap-2", className), children: [
+        /* @__PURE__ */ jsxs26("div", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [
+          "Tema: ",
+          getLabel()
+        ] }),
+        /* @__PURE__ */ jsxs26("div", { className: "flex gap-1", children: [
+          renderThemeButton("light", "\u2600\uFE0F ", "Claro", themeMode === "light"),
+          renderThemeButton("dark", "\u{1F319} ", "Escuro", themeMode === "dark"),
+          renderThemeButton(
+            "system",
+            "\u2699\uFE0F ",
+            "Sistema",
+            themeMode === "system"
+          )
+        ] })
+      ] });
+    }
+    if (variant === "buttons") {
+      return /* @__PURE__ */ jsxs26("div", { className: cn("flex gap-2", className), children: [
+        renderThemeButton(
+          "light",
+          "\u2600\uFE0F",
+          "Claro",
+          themeMode === "light",
+          size
+        ),
+        renderThemeButton(
+          "dark",
+          "\u{1F319}",
+          "Escuro",
+          themeMode === "dark",
+          size
+        ),
+        renderThemeButton(
+          "system",
+          "\u2699\uFE0F",
+          "Sistema",
+          themeMode === "system",
+          size
+        )
+      ] });
+    }
+    return null;
+  }
+);
+ThemeToggle.displayName = "ThemeToggle";
+
 // src/components/Select/Select.tsx
 import { create as create5, useStore as useStore4 } from "zustand";
 import {
   useEffect as useEffect11,
-  useRef as useRef7,
-  forwardRef as forwardRef16,
+  useRef as useRef8,
+  forwardRef as forwardRef17,
   isValidElement as isValidElement4,
   Children as Children4,
   cloneElement as cloneElement4,
   useId as useId9
 } from "react";
 import { CaretDown, Check as Check5, WarningCircle as WarningCircle5 } from "phosphor-react";
-import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 var VARIANT_CLASSES4 = {
   outlined: "border-2 rounded-lg focus:border-primary-950",
   underlined: "border-b-2 focus:border-primary-950",
@@ -6082,7 +6257,7 @@ function getLabelAsNode(children) {
   }
   const flattened = Children4.toArray(children);
   if (flattened.length === 1) return flattened[0];
-  return /* @__PURE__ */ jsx32(Fragment6, { children: flattened });
+  return /* @__PURE__ */ jsx33(Fragment7, { children: flattened });
 }
 var injectStore4 = (children, store, size, selectId) => {
   return Children4.map(children, (child) => {
@@ -6120,10 +6295,10 @@ var Select = ({
   errorMessage,
   id
 }) => {
-  const storeRef = useRef7(null);
+  const storeRef = useRef8(null);
   storeRef.current ??= createSelectStore(onValueChange);
   const store = storeRef.current;
-  const selectRef = useRef7(null);
+  const selectRef = useRef8(null);
   const { open, setOpen, setValue, selectedLabel } = useStore4(store, (s) => s);
   const generatedId = useId9();
   const selectId = id ?? `select-${generatedId}`;
@@ -6193,8 +6368,8 @@ var Select = ({
     }
   }, [propValue]);
   const sizeClasses = SIZE_CLASSES12[size];
-  return /* @__PURE__ */ jsxs26("div", { className: cn("w-full", className), children: [
-    label && /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs27("div", { className: cn("w-full", className), children: [
+    label && /* @__PURE__ */ jsx33(
       "label",
       {
         htmlFor: selectId,
@@ -6202,11 +6377,11 @@ var Select = ({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx32("div", { className: cn("relative w-full"), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
-    (helperText || errorMessage) && /* @__PURE__ */ jsxs26("div", { className: "mt-1.5 gap-1.5", children: [
-      helperText && /* @__PURE__ */ jsx32("p", { className: "text-sm text-text-500", children: helperText }),
-      errorMessage && /* @__PURE__ */ jsxs26("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
-        /* @__PURE__ */ jsx32(WarningCircle5, { size: 16 }),
+    /* @__PURE__ */ jsx33("div", { className: cn("relative w-full"), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
+    (helperText || errorMessage) && /* @__PURE__ */ jsxs27("div", { className: "mt-1.5 gap-1.5", children: [
+      helperText && /* @__PURE__ */ jsx33("p", { className: "text-sm text-text-500", children: helperText }),
+      errorMessage && /* @__PURE__ */ jsxs27("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
+        /* @__PURE__ */ jsx33(WarningCircle5, { size: 16 }),
         " ",
         errorMessage
       ] })
@@ -6220,9 +6395,9 @@ var SelectValue = ({
   const store = useSelectStore(externalStore);
   const selectedLabel = useStore4(store, (s) => s.selectedLabel);
   const value = useStore4(store, (s) => s.value);
-  return /* @__PURE__ */ jsx32("span", { className: "text-inherit flex gap-2 items-center", children: selectedLabel || placeholder || value });
+  return /* @__PURE__ */ jsx33("span", { className: "text-inherit flex gap-2 items-center", children: selectedLabel || placeholder || value });
 };
-var SelectTrigger = forwardRef16(
+var SelectTrigger = forwardRef17(
   ({
     className,
     invalid = false,
@@ -6239,7 +6414,7 @@ var SelectTrigger = forwardRef16(
     const variantClasses = VARIANT_CLASSES4[variant];
     const heightClasses = HEIGHT_CLASSES[size];
     const paddingClasses = PADDING_CLASSES[size];
-    return /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsxs27(
       "button",
       {
         ref,
@@ -6261,7 +6436,7 @@ var SelectTrigger = forwardRef16(
         ...props,
         children: [
           props.children,
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             CaretDown,
             {
               className: cn(
@@ -6276,7 +6451,7 @@ var SelectTrigger = forwardRef16(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = forwardRef16(
+var SelectContent = forwardRef17(
   ({
     children,
     className,
@@ -6289,7 +6464,7 @@ var SelectContent = forwardRef16(
     const open = useStore4(store, (s) => s.open);
     if (!open) return null;
     const getPositionClasses = () => `w-full min-w-full absolute ${SIDE_CLASSES2[side]} ${ALIGN_CLASSES2[align]}`;
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(
       "div",
       {
         role: "menu",
@@ -6306,7 +6481,7 @@ var SelectContent = forwardRef16(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = forwardRef16(
+var SelectItem = forwardRef17(
   ({
     className,
     children,
@@ -6333,7 +6508,7 @@ var SelectItem = forwardRef16(
       }
       props.onClick?.(e);
     };
-    return /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsxs27(
       "div",
       {
         role: "menuitem",
@@ -6353,7 +6528,7 @@ var SelectItem = forwardRef16(
         tabIndex: disabled ? -1 : 0,
         ...props,
         children: [
-          /* @__PURE__ */ jsx32("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ jsx32(Check5, { className: "" }) }),
+          /* @__PURE__ */ jsx33("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ jsx33(Check5, { className: "" }) }),
           children
         ]
       }
@@ -6367,15 +6542,15 @@ var Select_default = Select;
 import { create as create6, useStore as useStore5 } from "zustand";
 import {
   useEffect as useEffect12,
-  useRef as useRef8,
-  forwardRef as forwardRef17,
+  useRef as useRef9,
+  forwardRef as forwardRef18,
   isValidElement as isValidElement5,
   Children as Children5,
   cloneElement as cloneElement5,
-  useState as useState13
+  useState as useState14
 } from "react";
 import { CaretLeft as CaretLeft2, CaretRight as CaretRight3 } from "phosphor-react";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 var createMenuStore = (onValueChange) => create6((set) => ({
   value: "",
   setValue: (value) => {
@@ -6394,7 +6569,7 @@ var VARIANT_CLASSES5 = {
   "menu-overflow": "",
   breadcrumb: "bg-transparent shadow-none !px-0"
 };
-var Menu = forwardRef17(
+var Menu = forwardRef18(
   ({
     className,
     children,
@@ -6404,7 +6579,7 @@ var Menu = forwardRef17(
     onValueChange,
     ...props
   }, ref) => {
-    const storeRef = useRef8(null);
+    const storeRef = useRef9(null);
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
     const { setValue } = useStore5(store, (s) => s);
@@ -6413,7 +6588,7 @@ var Menu = forwardRef17(
     }, [defaultValue, propValue, setValue]);
     const baseClasses = variant === "menu-overflow" ? "w-fit py-2 flex flex-row items-center justify-center" : "w-full py-2 flex flex-row items-center justify-center";
     const variantClasses = VARIANT_CLASSES5[variant];
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(
       "div",
       {
         ref,
@@ -6429,11 +6604,11 @@ var Menu = forwardRef17(
   }
 );
 Menu.displayName = "Menu";
-var MenuContent = forwardRef17(
+var MenuContent = forwardRef18(
   ({ className, children, variant = "menu", ...props }, ref) => {
     const baseClasses = "w-full flex flex-row items-center gap-2";
     const variantClasses = variant === "menu2" || variant === "menu-overflow" ? "overflow-x-auto scroll-smooth" : "";
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(
       "ul",
       {
         ref,
@@ -6451,7 +6626,7 @@ var MenuContent = forwardRef17(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = forwardRef17(
+var MenuItem = forwardRef18(
   ({
     className,
     children,
@@ -6485,7 +6660,7 @@ var MenuItem = forwardRef17(
       ...props
     };
     const variants = {
-      menu: /* @__PURE__ */ jsx33(
+      menu: /* @__PURE__ */ jsx34(
         "li",
         {
           "data-variant": "menu",
@@ -6500,7 +6675,7 @@ var MenuItem = forwardRef17(
           children
         }
       ),
-      menu2: /* @__PURE__ */ jsxs27(
+      menu2: /* @__PURE__ */ jsxs28(
         "li",
         {
           "data-variant": "menu2",
@@ -6511,7 +6686,7 @@ var MenuItem = forwardRef17(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx34(
               "span",
               {
                 className: cn(
@@ -6521,11 +6696,11 @@ var MenuItem = forwardRef17(
                 children
               }
             ),
-            selectedValue === value && /* @__PURE__ */ jsx33("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+            selectedValue === value && /* @__PURE__ */ jsx34("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
           ]
         }
       ),
-      "menu-overflow": /* @__PURE__ */ jsxs27(
+      "menu-overflow": /* @__PURE__ */ jsxs28(
         "li",
         {
           "data-variant": "menu-overflow",
@@ -6536,7 +6711,7 @@ var MenuItem = forwardRef17(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx34(
               "span",
               {
                 className: cn(
@@ -6546,11 +6721,11 @@ var MenuItem = forwardRef17(
                 children
               }
             ),
-            selectedValue === value && /* @__PURE__ */ jsx33("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+            selectedValue === value && /* @__PURE__ */ jsx34("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
           ]
         }
       ),
-      breadcrumb: /* @__PURE__ */ jsxs27(
+      breadcrumb: /* @__PURE__ */ jsxs28(
         "li",
         {
           "data-variant": "breadcrumb",
@@ -6562,7 +6737,7 @@ var MenuItem = forwardRef17(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx34(
               "span",
               {
                 className: cn(
@@ -6572,7 +6747,7 @@ var MenuItem = forwardRef17(
                 children
               }
             ),
-            separator && /* @__PURE__ */ jsx33(
+            separator && /* @__PURE__ */ jsx34(
               CaretRight3,
               {
                 size: 16,
@@ -6609,9 +6784,9 @@ var MenuOverflow = ({
   onValueChange,
   ...props
 }) => {
-  const containerRef = useRef8(null);
-  const [showLeftArrow, setShowLeftArrow] = useState13(false);
-  const [showRightArrow, setShowRightArrow] = useState13(false);
+  const containerRef = useRef9(null);
+  const [showLeftArrow, setShowLeftArrow] = useState14(false);
+  const [showRightArrow, setShowRightArrow] = useState14(false);
   useEffect12(() => {
     const checkScroll = () => internalCheckScroll(
       containerRef.current,
@@ -6627,25 +6802,25 @@ var MenuOverflow = ({
       window.removeEventListener("resize", checkScroll);
     };
   }, []);
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       "data-testid": "menu-overflow-wrapper",
       className: cn("relative w-full overflow-hidden", className),
       children: [
-        showLeftArrow && /* @__PURE__ */ jsxs27(
+        showLeftArrow && /* @__PURE__ */ jsxs28(
           "button",
           {
             onClick: () => internalScroll(containerRef.current, "left"),
             className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
             "data-testid": "scroll-left-button",
             children: [
-              /* @__PURE__ */ jsx33(CaretLeft2, { size: 16 }),
-              /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Scroll left" })
+              /* @__PURE__ */ jsx34(CaretLeft2, { size: 16 }),
+              /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "Scroll left" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34(
           Menu,
           {
             defaultValue,
@@ -6653,18 +6828,18 @@ var MenuOverflow = ({
             value,
             variant: "menu2",
             ...props,
-            children: /* @__PURE__ */ jsx33(MenuContent, { ref: containerRef, variant: "menu2", children })
+            children: /* @__PURE__ */ jsx34(MenuContent, { ref: containerRef, variant: "menu2", children })
           }
         ),
-        showRightArrow && /* @__PURE__ */ jsxs27(
+        showRightArrow && /* @__PURE__ */ jsxs28(
           "button",
           {
             onClick: () => internalScroll(containerRef.current, "right"),
             className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
             "data-testid": "scroll-right-button",
             children: [
-              /* @__PURE__ */ jsx33(CaretRight3, { size: 16 }),
-              /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Scroll right" })
+              /* @__PURE__ */ jsx34(CaretRight3, { size: 16 }),
+              /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "Scroll right" })
             ]
           }
         )
@@ -6684,8 +6859,8 @@ var injectStore5 = (children, store) => Children5.map(children, (child) => {
 var Menu_default = Menu;
 
 // src/components/Skeleton/Skeleton.tsx
-import { forwardRef as forwardRef18 } from "react";
-import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+import { forwardRef as forwardRef19 } from "react";
+import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
 var SKELETON_ANIMATION_CLASSES = {
   pulse: "animate-pulse",
   none: ""
@@ -6702,7 +6877,7 @@ var SPACING_CLASSES = {
   medium: "space-y-2",
   large: "space-y-3"
 };
-var Skeleton = forwardRef18(
+var Skeleton = forwardRef19(
   ({
     variant = "text",
     width,
@@ -6722,13 +6897,13 @@ var Skeleton = forwardRef18(
       height: typeof height === "number" ? `${height}px` : height
     };
     if (variant === "text" && lines > 1) {
-      return /* @__PURE__ */ jsx34(
+      return /* @__PURE__ */ jsx35(
         "div",
         {
           ref,
           className: cn("flex flex-col", spacingClass, className),
           ...props,
-          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx34(
+          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx35(
             "div",
             {
               className: cn(variantClass, animationClass),
@@ -6739,7 +6914,7 @@ var Skeleton = forwardRef18(
         }
       );
     }
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx35(
       "div",
       {
         ref,
@@ -6751,13 +6926,13 @@ var Skeleton = forwardRef18(
     );
   }
 );
-var SkeletonText = forwardRef18(
-  (props, ref) => /* @__PURE__ */ jsx34(Skeleton, { ref, variant: "text", ...props })
+var SkeletonText = forwardRef19(
+  (props, ref) => /* @__PURE__ */ jsx35(Skeleton, { ref, variant: "text", ...props })
 );
-var SkeletonCircle = forwardRef18((props, ref) => /* @__PURE__ */ jsx34(Skeleton, { ref, variant: "circular", ...props }));
-var SkeletonRectangle = forwardRef18((props, ref) => /* @__PURE__ */ jsx34(Skeleton, { ref, variant: "rectangular", ...props }));
-var SkeletonRounded = forwardRef18((props, ref) => /* @__PURE__ */ jsx34(Skeleton, { ref, variant: "rounded", ...props }));
-var SkeletonCard = forwardRef18(
+var SkeletonCircle = forwardRef19((props, ref) => /* @__PURE__ */ jsx35(Skeleton, { ref, variant: "circular", ...props }));
+var SkeletonRectangle = forwardRef19((props, ref) => /* @__PURE__ */ jsx35(Skeleton, { ref, variant: "rectangular", ...props }));
+var SkeletonRounded = forwardRef19((props, ref) => /* @__PURE__ */ jsx35(Skeleton, { ref, variant: "rounded", ...props }));
+var SkeletonCard = forwardRef19(
   ({
     showAvatar = true,
     showTitle = true,
@@ -6767,7 +6942,7 @@ var SkeletonCard = forwardRef18(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs28(
+    return /* @__PURE__ */ jsxs29(
       "div",
       {
         ref,
@@ -6777,23 +6952,23 @@ var SkeletonCard = forwardRef18(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs28("div", { className: "flex items-start space-x-3", children: [
-            showAvatar && /* @__PURE__ */ jsx34(SkeletonCircle, { width: 40, height: 40 }),
-            /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2", children: [
-              showTitle && /* @__PURE__ */ jsx34(SkeletonText, { width: "60%", height: 20 }),
-              showDescription && /* @__PURE__ */ jsx34(SkeletonText, { lines, spacing: "small" })
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-start space-x-3", children: [
+            showAvatar && /* @__PURE__ */ jsx35(SkeletonCircle, { width: 40, height: 40 }),
+            /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2", children: [
+              showTitle && /* @__PURE__ */ jsx35(SkeletonText, { width: "60%", height: 20 }),
+              showDescription && /* @__PURE__ */ jsx35(SkeletonText, { lines, spacing: "small" })
             ] })
           ] }),
-          showActions && /* @__PURE__ */ jsxs28("div", { className: "flex justify-end space-x-2 mt-4", children: [
-            /* @__PURE__ */ jsx34(SkeletonRectangle, { width: 80, height: 32 }),
-            /* @__PURE__ */ jsx34(SkeletonRectangle, { width: 80, height: 32 })
+          showActions && /* @__PURE__ */ jsxs29("div", { className: "flex justify-end space-x-2 mt-4", children: [
+            /* @__PURE__ */ jsx35(SkeletonRectangle, { width: 80, height: 32 }),
+            /* @__PURE__ */ jsx35(SkeletonRectangle, { width: 80, height: 32 })
           ] })
         ]
       }
     );
   }
 );
-var SkeletonList = forwardRef18(
+var SkeletonList = forwardRef19(
   ({
     items = 3,
     showAvatar = true,
@@ -6803,19 +6978,19 @@ var SkeletonList = forwardRef18(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx34("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs28("div", { className: "flex items-start space-x-3 p-3", children: [
-      showAvatar && /* @__PURE__ */ jsx34(SkeletonCircle, { width: 32, height: 32 }),
-      /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2", children: [
-        showTitle && /* @__PURE__ */ jsx34(SkeletonText, { width: "40%", height: 16 }),
-        showDescription && /* @__PURE__ */ jsx34(SkeletonText, { lines, spacing: "small" })
+    return /* @__PURE__ */ jsx35("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs29("div", { className: "flex items-start space-x-3 p-3", children: [
+      showAvatar && /* @__PURE__ */ jsx35(SkeletonCircle, { width: 32, height: 32 }),
+      /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2", children: [
+        showTitle && /* @__PURE__ */ jsx35(SkeletonText, { width: "40%", height: 16 }),
+        showDescription && /* @__PURE__ */ jsx35(SkeletonText, { lines, spacing: "small" })
       ] })
     ] }, index)) });
   }
 );
-var SkeletonTable = forwardRef18(
+var SkeletonTable = forwardRef19(
   ({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
-    return /* @__PURE__ */ jsxs28("div", { ref, className: cn("w-full", className), ...props, children: [
-      showHeader && /* @__PURE__ */ jsx34("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsxs29("div", { ref, className: cn("w-full", className), ...props, children: [
+      showHeader && /* @__PURE__ */ jsx35("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx35(
         SkeletonText,
         {
           width: `${100 / columns}%`,
@@ -6823,7 +6998,7 @@ var SkeletonTable = forwardRef18(
         },
         index
       )) }),
-      /* @__PURE__ */ jsx34("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx34("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx35("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx35(
         SkeletonText,
         {
           width: `${100 / columns}%`,
@@ -6836,7 +7011,7 @@ var SkeletonTable = forwardRef18(
 );
 
 // src/components/NotFound/NotFound.tsx
-import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
 var NotFound = ({
   title,
   description,
@@ -6879,22 +7054,22 @@ var NotFound = ({
   const errorTitle = title || getDefaultTitle();
   const errorDescription = description || getDefaultDescription();
   const errorCode = getErrorCode();
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       className: cn(
         "flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4",
         className
       ),
-      children: /* @__PURE__ */ jsx35(
+      children: /* @__PURE__ */ jsx36(
         "main",
         {
           role: "main",
           "aria-labelledby": "error-title",
           "aria-describedby": "error-description",
           className: "flex flex-col items-center text-center max-w-md space-y-6",
-          children: /* @__PURE__ */ jsxs29("section", { "aria-label": `Erro ${errorCode}`, children: [
-            /* @__PURE__ */ jsx35(
+          children: /* @__PURE__ */ jsxs30("section", { "aria-label": `Erro ${errorCode}`, children: [
+            /* @__PURE__ */ jsx36(
               "div",
               {
                 className: "text-8xl font-bold text-primary-300 select-none",
@@ -6902,8 +7077,8 @@ var NotFound = ({
                 children: errorCode
               }
             ),
-            /* @__PURE__ */ jsxs29("header", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsxs30("header", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx36(
                 Text_default,
                 {
                   size: "xl",
@@ -6914,9 +7089,9 @@ var NotFound = ({
                   children: errorTitle
                 }
               ),
-              /* @__PURE__ */ jsx35(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
+              /* @__PURE__ */ jsx36(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
             ] }),
-            onButtonClick && /* @__PURE__ */ jsx35("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ jsx35(
+            onButtonClick && /* @__PURE__ */ jsx36("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ jsx36(
               Button_default,
               {
                 onClick: handleButtonClick,
@@ -6938,11 +7113,12 @@ var NotFound_default = NotFound;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
 import {
-  useRef as useRef9,
-  useState as useState14,
+  useRef as useRef10,
+  useState as useState15,
   useEffect as useEffect13,
-  useCallback
+  useCallback as useCallback2
 } from "react";
+import { createPortal } from "react-dom";
 import {
   Play as Play2,
   Pause,
@@ -6953,7 +7129,7 @@ import {
   ClosedCaptioning,
   DotsThreeVertical as DotsThreeVertical2
 } from "phosphor-react";
-import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 var CONTROLS_HIDE_TIMEOUT = 3e3;
 var LEAVE_HIDE_TIMEOUT = 1e3;
 var INIT_DELAY = 100;
@@ -6968,7 +7144,7 @@ var ProgressBar2 = ({
   duration,
   progressPercentage,
   onSeek
-}) => /* @__PURE__ */ jsx36("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx36(
+}) => /* @__PURE__ */ jsx37("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx37(
   "input",
   {
     type: "range",
@@ -6988,17 +7164,17 @@ var VolumeControls = ({
   isMuted,
   onVolumeChange,
   onToggleMute
-}) => /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ jsx36(
+}) => /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ jsx37(
     IconButton_default,
     {
-      icon: isMuted ? /* @__PURE__ */ jsx36(SpeakerSlash, { size: 24 }) : /* @__PURE__ */ jsx36(SpeakerHigh2, { size: 24 }),
+      icon: isMuted ? /* @__PURE__ */ jsx37(SpeakerSlash, { size: 24 }) : /* @__PURE__ */ jsx37(SpeakerHigh2, { size: 24 }),
       onClick: onToggleMute,
       "aria-label": isMuted ? "Unmute" : "Mute",
       className: "!bg-transparent !text-white hover:!bg-white/20"
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "input",
     {
       type: "range",
@@ -7018,30 +7194,63 @@ var SpeedMenu = ({
   showSpeedMenu,
   playbackRate,
   onToggleMenu,
-  onSpeedChange
-}) => /* @__PURE__ */ jsxs30("div", { className: "relative", children: [
-  /* @__PURE__ */ jsx36(
-    IconButton_default,
+  onSpeedChange,
+  isFullscreen
+}) => {
+  const buttonRef = useRef10(null);
+  const getMenuPosition = () => {
+    if (!buttonRef.current) return { top: 0, left: 0 };
+    const rect = buttonRef.current.getBoundingClientRect();
+    return {
+      // Fixed coords are viewport-based — no scroll offsets.
+      top: Math.max(8, rect.top - 180),
+      left: Math.max(8, rect.right - 80)
+    };
+  };
+  const position = getMenuPosition();
+  const menuContent = /* @__PURE__ */ jsx37(
+    "div",
     {
-      icon: /* @__PURE__ */ jsx36(DotsThreeVertical2, { size: 24 }),
-      onClick: onToggleMenu,
+      role: "menu",
       "aria-label": "Playback speed",
-      className: "!bg-transparent !text-white hover:!bg-white/20"
+      className: isFullscreen ? "absolute bottom-12 right-0 bg-black/90 rounded-lg p-2 min-w-20 z-[9999]" : "fixed bg-black/90 rounded-lg p-2 min-w-20 z-[9999]",
+      style: !isFullscreen ? {
+        top: `${position.top}px`,
+        left: `${position.left}px`
+      } : void 0,
+      children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ jsxs31(
+        "button",
+        {
+          role: "menuitemradio",
+          "aria-checked": playbackRate === speed,
+          onClick: () => onSpeedChange(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
+      ))
     }
-  ),
-  showSpeedMenu && /* @__PURE__ */ jsx36("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__ */ jsxs30(
-    "button",
-    {
-      onClick: () => onSpeedChange(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
-  )) })
-] });
+  );
+  const portalContent = typeof window !== "undefined" && typeof document !== "undefined" ? createPortal(menuContent, document.body) : null;
+  return /* @__PURE__ */ jsxs31("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx37(
+      IconButton_default,
+      {
+        ref: buttonRef,
+        icon: /* @__PURE__ */ jsx37(DotsThreeVertical2, { size: 24 }),
+        onClick: onToggleMenu,
+        "aria-label": "Playback speed",
+        "aria-haspopup": "menu",
+        "aria-expanded": showSpeedMenu,
+        className: "!bg-transparent !text-white hover:!bg-white/20"
+      }
+    ),
+    showSpeedMenu && (isFullscreen ? menuContent : portalContent)
+  ] });
+};
 var VideoPlayer = ({
   src,
   poster,
@@ -7056,26 +7265,26 @@ var VideoPlayer = ({
   autoSave = true,
   storageKey = "video-progress"
 }) => {
-  const videoRef = useRef9(null);
-  const [isPlaying, setIsPlaying] = useState14(false);
-  const [currentTime, setCurrentTime] = useState14(0);
-  const [duration, setDuration] = useState14(0);
-  const [isMuted, setIsMuted] = useState14(false);
-  const [volume, setVolume] = useState14(1);
-  const [isFullscreen, setIsFullscreen] = useState14(false);
-  const [showControls, setShowControls] = useState14(true);
-  const [hasCompleted, setHasCompleted] = useState14(false);
-  const [showCaptions, setShowCaptions] = useState14(false);
+  const videoRef = useRef10(null);
+  const [isPlaying, setIsPlaying] = useState15(false);
+  const [currentTime, setCurrentTime] = useState15(0);
+  const [duration, setDuration] = useState15(0);
+  const [isMuted, setIsMuted] = useState15(false);
+  const [volume, setVolume] = useState15(1);
+  const [isFullscreen, setIsFullscreen] = useState15(false);
+  const [showControls, setShowControls] = useState15(true);
+  const [hasCompleted, setHasCompleted] = useState15(false);
+  const [showCaptions, setShowCaptions] = useState15(false);
   useEffect13(() => {
     setHasCompleted(false);
   }, [src]);
-  const [playbackRate, setPlaybackRate] = useState14(1);
-  const [showSpeedMenu, setShowSpeedMenu] = useState14(false);
-  const lastSaveTimeRef = useRef9(0);
-  const trackRef = useRef9(null);
-  const controlsTimeoutRef = useRef9(null);
-  const lastMousePositionRef = useRef9({ x: 0, y: 0 });
-  const isUserInteracting = useCallback(() => {
+  const [playbackRate, setPlaybackRate] = useState15(1);
+  const [showSpeedMenu, setShowSpeedMenu] = useState15(false);
+  const lastSaveTimeRef = useRef10(0);
+  const trackRef = useRef10(null);
+  const controlsTimeoutRef = useRef10(null);
+  const lastMousePositionRef = useRef10({ x: 0, y: 0 });
+  const isUserInteracting = useCallback2(() => {
     if (showSpeedMenu) {
       return true;
     }
@@ -7092,13 +7301,13 @@ var VideoPlayer = ({
     }
     return false;
   }, [showSpeedMenu]);
-  const clearControlsTimeout = useCallback(() => {
+  const clearControlsTimeout = useCallback2(() => {
     if (controlsTimeoutRef.current) {
       clearTimeout(controlsTimeoutRef.current);
       controlsTimeoutRef.current = null;
     }
   }, []);
-  const showControlsWithTimer = useCallback(() => {
+  const showControlsWithTimer = useCallback2(() => {
     setShowControls(true);
     clearControlsTimeout();
     if (isFullscreen) {
@@ -7113,7 +7322,7 @@ var VideoPlayer = ({
       }, CONTROLS_HIDE_TIMEOUT);
     }
   }, [isFullscreen, isPlaying, clearControlsTimeout]);
-  const handleMouseMove = useCallback(
+  const handleMouseMove = useCallback2(
     (event) => {
       const currentX = event.clientX;
       const currentY = event.clientY;
@@ -7126,10 +7335,10 @@ var VideoPlayer = ({
     },
     [showControlsWithTimer]
   );
-  const handleMouseEnter = useCallback(() => {
+  const handleMouseEnter = useCallback2(() => {
     showControlsWithTimer();
   }, [showControlsWithTimer]);
-  const handleMouseLeave = useCallback(() => {
+  const handleMouseLeave = useCallback2(() => {
     const userInteracting = isUserInteracting();
     clearControlsTimeout();
     if (!isFullscreen && !userInteracting) {
@@ -7206,7 +7415,7 @@ var VideoPlayer = ({
       };
     }
   }, []);
-  const getInitialTime = useCallback(() => {
+  const getInitialTime = useCallback2(() => {
     if (!autoSave || !storageKey) {
       return Number.isFinite(initialTime) && initialTime >= 0 ? initialTime : void 0;
     }
@@ -7224,7 +7433,7 @@ var VideoPlayer = ({
       setCurrentTime(start);
     }
   }, [getInitialTime]);
-  const saveProgress = useCallback(
+  const saveProgress = useCallback2(
     (time) => {
       if (!autoSave || !storageKey) return;
       const now = Date.now();
@@ -7235,7 +7444,7 @@ var VideoPlayer = ({
     },
     [autoSave, storageKey, src]
   );
-  const togglePlayPause = useCallback(async () => {
+  const togglePlayPause = useCallback2(async () => {
     const video = videoRef.current;
     if (!video) return;
     if (!video.paused) {
@@ -7247,7 +7456,7 @@ var VideoPlayer = ({
     } catch {
     }
   }, []);
-  const handleVolumeChange = useCallback(
+  const handleVolumeChange = useCallback2(
     (newVolume) => {
       const video = videoRef.current;
       if (!video) return;
@@ -7266,7 +7475,7 @@ var VideoPlayer = ({
     },
     [isMuted]
   );
-  const toggleMute = useCallback(() => {
+  const toggleMute = useCallback2(() => {
     const video = videoRef.current;
     if (!video) return;
     if (isMuted) {
@@ -7280,13 +7489,13 @@ var VideoPlayer = ({
       setIsMuted(true);
     }
   }, [isMuted, volume]);
-  const handleSeek = useCallback((newTime) => {
+  const handleSeek = useCallback2((newTime) => {
     const video = videoRef.current;
     if (video) {
       video.currentTime = newTime;
     }
   }, []);
-  const toggleFullscreen = useCallback(() => {
+  const toggleFullscreen = useCallback2(() => {
     const container = videoRef.current?.parentElement;
     if (!container) return;
     if (!isFullscreen && container.requestFullscreen) {
@@ -7295,23 +7504,23 @@ var VideoPlayer = ({
       document.exitFullscreen();
     }
   }, [isFullscreen]);
-  const handleSpeedChange = useCallback((speed) => {
+  const handleSpeedChange = useCallback2((speed) => {
     if (videoRef.current) {
       videoRef.current.playbackRate = speed;
       setPlaybackRate(speed);
       setShowSpeedMenu(false);
     }
   }, []);
-  const toggleSpeedMenu = useCallback(() => {
+  const toggleSpeedMenu = useCallback2(() => {
     setShowSpeedMenu(!showSpeedMenu);
   }, [showSpeedMenu]);
-  const toggleCaptions = useCallback(() => {
+  const toggleCaptions = useCallback2(() => {
     if (!trackRef.current?.track || !subtitles) return;
     const newShowCaptions = !showCaptions;
     setShowCaptions(newShowCaptions);
     trackRef.current.track.mode = newShowCaptions && subtitles ? "showing" : "hidden";
   }, [showCaptions, subtitles]);
-  const checkVideoCompletion = useCallback(
+  const checkVideoCompletion = useCallback2(
     (progressPercent) => {
       if (progressPercent >= 95 && !hasCompleted) {
         setHasCompleted(true);
@@ -7320,7 +7529,7 @@ var VideoPlayer = ({
     },
     [hasCompleted, onVideoComplete]
   );
-  const handleTimeUpdate = useCallback(() => {
+  const handleTimeUpdate = useCallback2(() => {
     const video = videoRef.current;
     if (!video) return;
     const current = video.currentTime;
@@ -7333,7 +7542,7 @@ var VideoPlayer = ({
       checkVideoCompletion(progressPercent);
     }
   }, [duration, saveProgress, onTimeUpdate, onProgress, checkVideoCompletion]);
-  const handleLoadedMetadata = useCallback(() => {
+  const handleLoadedMetadata = useCallback2(() => {
     if (videoRef.current) {
       setDuration(videoRef.current.duration);
     }
@@ -7365,13 +7574,13 @@ var VideoPlayer = ({
     };
   }, [isPlaying, clearControlsTimeout]);
   const progressPercentage = duration > 0 ? currentTime / duration * 100 : 0;
-  const getTopControlsOpacity = useCallback(() => {
+  const getTopControlsOpacity = useCallback2(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const getBottomControlsOpacity = useCallback(() => {
+  const getBottomControlsOpacity = useCallback2(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const handleVideoKeyDown = useCallback(
+  const handleVideoKeyDown = useCallback2(
     (e) => {
       if (e.key) {
         e.stopPropagation();
@@ -7426,9 +7635,9 @@ var VideoPlayer = ({
       toggleFullscreen
     ]
   );
-  return /* @__PURE__ */ jsxs30("div", { className: cn("flex flex-col", className), children: [
-    (title || subtitleText) && /* @__PURE__ */ jsx36("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
-      title && /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs31("div", { className: cn("flex flex-col", className), children: [
+    (title || subtitleText) && /* @__PURE__ */ jsx37("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+      title && /* @__PURE__ */ jsx37(
         Text_default,
         {
           as: "h2",
@@ -7439,7 +7648,7 @@ var VideoPlayer = ({
           children: title
         }
       ),
-      subtitleText && /* @__PURE__ */ jsx36(
+      subtitleText && /* @__PURE__ */ jsx37(
         Text_default,
         {
           as: "p",
@@ -7451,7 +7660,7 @@ var VideoPlayer = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsxs30(
+    /* @__PURE__ */ jsxs31(
       "section",
       {
         className: cn(
@@ -7466,7 +7675,7 @@ var VideoPlayer = ({
         onTouchStart: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             "video",
             {
               ref: videoRef,
@@ -7480,7 +7689,7 @@ var VideoPlayer = ({
               onKeyDown: handleVideoKeyDown,
               tabIndex: 0,
               "aria-label": title ? `Video: ${title}` : "Video player",
-              children: /* @__PURE__ */ jsx36(
+              children: /* @__PURE__ */ jsx37(
                 "track",
                 {
                   ref: trackRef,
@@ -7493,26 +7702,26 @@ var VideoPlayer = ({
               )
             }
           ),
-          !isPlaying && /* @__PURE__ */ jsx36("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30 transition-opacity", children: /* @__PURE__ */ jsx36(
+          !isPlaying && /* @__PURE__ */ jsx37("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30 transition-opacity", children: /* @__PURE__ */ jsx37(
             IconButton_default,
             {
-              icon: /* @__PURE__ */ jsx36(Play2, { size: 32, weight: "regular", className: "ml-1" }),
+              icon: /* @__PURE__ */ jsx37(Play2, { 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__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             "div",
             {
               className: cn(
                 "absolute top-0 left-0 right-0 p-4 bg-gradient-to-b from-black/70 to-transparent transition-opacity",
                 getTopControlsOpacity()
               ),
-              children: /* @__PURE__ */ jsx36("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx36(
+              children: /* @__PURE__ */ jsx37("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx37(
                 IconButton_default,
                 {
-                  icon: isFullscreen ? /* @__PURE__ */ jsx36(ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ jsx36(ArrowsOutSimple, { size: 24 }),
+                  icon: isFullscreen ? /* @__PURE__ */ jsx37(ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ jsx37(ArrowsOutSimple, { size: 24 }),
                   onClick: toggleFullscreen,
                   "aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
                   className: "!bg-transparent !text-white hover:!bg-white/20"
@@ -7520,7 +7729,7 @@ var VideoPlayer = ({
               ) })
             }
           ),
-          /* @__PURE__ */ jsxs30(
+          /* @__PURE__ */ jsxs31(
             "div",
             {
               className: cn(
@@ -7528,7 +7737,7 @@ var VideoPlayer = ({
                 getBottomControlsOpacity()
               ),
               children: [
-                /* @__PURE__ */ jsx36(
+                /* @__PURE__ */ jsx37(
                   ProgressBar2,
                   {
                     currentTime,
@@ -7537,18 +7746,18 @@ var VideoPlayer = ({
                     onSeek: handleSeek
                   }
                 ),
-                /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between px-4 pb-4", children: [
-                  /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-4", children: [
-                    /* @__PURE__ */ jsx36(
+                /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between px-4 pb-4", children: [
+                  /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-4", children: [
+                    /* @__PURE__ */ jsx37(
                       IconButton_default,
                       {
-                        icon: isPlaying ? /* @__PURE__ */ jsx36(Pause, { size: 24 }) : /* @__PURE__ */ jsx36(Play2, { size: 24 }),
+                        icon: isPlaying ? /* @__PURE__ */ jsx37(Pause, { size: 24 }) : /* @__PURE__ */ jsx37(Play2, { size: 24 }),
                         onClick: togglePlayPause,
                         "aria-label": isPlaying ? "Pause" : "Play",
                         className: "!bg-transparent !text-white hover:!bg-white/20"
                       }
                     ),
-                    /* @__PURE__ */ jsx36(
+                    /* @__PURE__ */ jsx37(
                       VolumeControls,
                       {
                         volume,
@@ -7557,10 +7766,10 @@ var VideoPlayer = ({
                         onToggleMute: toggleMute
                       }
                     ),
-                    subtitles && /* @__PURE__ */ jsx36(
+                    subtitles && /* @__PURE__ */ jsx37(
                       IconButton_default,
                       {
-                        icon: /* @__PURE__ */ jsx36(ClosedCaptioning, { size: 24 }),
+                        icon: /* @__PURE__ */ jsx37(ClosedCaptioning, { size: 24 }),
                         onClick: toggleCaptions,
                         "aria-label": showCaptions ? "Hide captions" : "Show captions",
                         className: cn(
@@ -7569,19 +7778,20 @@ var VideoPlayer = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsxs30(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
+                    /* @__PURE__ */ jsxs31(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
                       formatTime(currentTime),
                       " / ",
                       formatTime(duration)
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx36("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx36(
+                  /* @__PURE__ */ jsx37("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx37(
                     SpeedMenu,
                     {
                       showSpeedMenu,
                       playbackRate,
                       onToggleMenu: toggleSpeedMenu,
-                      onSpeedChange: handleSpeedChange
+                      onSpeedChange: handleSpeedChange,
+                      isFullscreen
                     }
                   ) })
                 ] })
@@ -7596,9 +7806,9 @@ var VideoPlayer = ({
 var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
-import { useCallback as useCallback2, useState as useState15 } from "react";
+import { useCallback as useCallback3, useState as useState16 } from "react";
 import { ArrowsOut } from "phosphor-react";
-import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 var IMAGE_WIDTH = 225;
 var IMAGE_HEIGHT = 90;
 var Whiteboard = ({
@@ -7609,8 +7819,8 @@ var Whiteboard = ({
   imagesPerRow = 2,
   ...rest
 }) => {
-  const [imageErrors, setImageErrors] = useState15(/* @__PURE__ */ new Set());
-  const handleDownload = useCallback2(
+  const [imageErrors, setImageErrors] = useState16(/* @__PURE__ */ new Set());
+  const handleDownload = useCallback3(
     (image) => {
       if (onDownload) {
         onDownload(image);
@@ -7627,7 +7837,7 @@ var Whiteboard = ({
     },
     [onDownload]
   );
-  const handleImageError = useCallback2((imageId) => {
+  const handleImageError = useCallback3((imageId) => {
     setImageErrors((prev) => new Set(prev).add(imageId));
   }, []);
   const gridColsClass = images?.length === 1 ? "grid-cols-1" : {
@@ -7636,7 +7846,7 @@ var Whiteboard = ({
     4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
   }[imagesPerRow];
   if (!images || images.length === 0) {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       "div",
       {
         className: cn(
@@ -7644,11 +7854,11 @@ var Whiteboard = ({
           className
         ),
         ...rest,
-        children: /* @__PURE__ */ jsx37("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
+        children: /* @__PURE__ */ jsx38("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
       }
     );
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: cn(
@@ -7656,7 +7866,7 @@ var Whiteboard = ({
         className
       ),
       ...rest,
-      children: /* @__PURE__ */ jsx37("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ jsxs31(
+      children: /* @__PURE__ */ jsx38("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ jsxs32(
         "div",
         {
           className: "relative group overflow-hidden bg-gray-100 rounded-lg",
@@ -7664,7 +7874,7 @@ var Whiteboard = ({
             width: `${IMAGE_WIDTH}px`
           },
           children: [
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(
               "div",
               {
                 className: "relative",
@@ -7672,8 +7882,8 @@ var Whiteboard = ({
                   width: `${IMAGE_WIDTH}px`,
                   height: `${IMAGE_HEIGHT}px`
                 },
-                children: imageErrors.has(image.id) ? /* @__PURE__ */ jsx37("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ jsx37("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ jsxs31(Fragment7, { children: [
-                  /* @__PURE__ */ jsx37(
+                children: imageErrors.has(image.id) ? /* @__PURE__ */ jsx38("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ jsx38("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ jsxs32(Fragment8, { children: [
+                  /* @__PURE__ */ jsx38(
                     "img",
                     {
                       src: image.imageUrl,
@@ -7683,18 +7893,18 @@ var Whiteboard = ({
                       onError: () => handleImageError(image.id)
                     }
                   ),
-                  /* @__PURE__ */ jsx37("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
+                  /* @__PURE__ */ jsx38("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
                 ] })
               }
             ),
-            showDownload && /* @__PURE__ */ jsx37(
+            showDownload && /* @__PURE__ */ jsx38(
               "button",
               {
                 type: "button",
                 onClick: () => handleDownload(image),
                 className: "cursor-pointer absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6",
                 "aria-label": `Download ${image.title || "imagem"}`,
-                children: /* @__PURE__ */ jsx37(
+                children: /* @__PURE__ */ jsx38(
                   ArrowsOut,
                   {
                     size: 24,
@@ -7718,12 +7928,12 @@ import {
   createContext,
   useContext,
   useEffect as useEffect14,
-  useState as useState16,
-  useCallback as useCallback3,
+  useState as useState17,
+  useCallback as useCallback4,
   useMemo as useMemo4
 } from "react";
 import { useLocation, Navigate } from "react-router-dom";
-import { Fragment as Fragment8, jsx as jsx38 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx39 } from "react/jsx-runtime";
 var AuthContext = createContext(void 0);
 var AuthProvider = ({
   children,
@@ -7734,12 +7944,12 @@ var AuthProvider = ({
   getSessionFn,
   getTokensFn
 }) => {
-  const [authState, setAuthState] = useState16({
+  const [authState, setAuthState] = useState17({
     isAuthenticated: false,
     isLoading: true,
     ...initialAuthState
   });
-  const checkAuth = useCallback3(async () => {
+  const checkAuth = useCallback4(async () => {
     try {
       setAuthState((prev) => ({ ...prev, isLoading: true }));
       if (!checkAuthFn) {
@@ -7770,7 +7980,7 @@ var AuthProvider = ({
       return false;
     }
   }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);
-  const signOut = useCallback3(() => {
+  const signOut = useCallback4(() => {
     if (signOutFn) {
       signOutFn();
     }
@@ -7793,7 +8003,7 @@ var AuthProvider = ({
     }),
     [authState, checkAuth, signOut]
   );
-  return /* @__PURE__ */ jsx38(AuthContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx39(AuthContext.Provider, { value: contextValue, children });
 };
 var useAuth = () => {
   const context = useContext(AuthContext);
@@ -7809,9 +8019,9 @@ var ProtectedRoute = ({
   additionalCheck
 }) => {
   const { isAuthenticated, isLoading, ...authState } = useAuth();
-  const defaultLoadingComponent = /* @__PURE__ */ jsx38("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx38("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  const defaultLoadingComponent = /* @__PURE__ */ jsx39("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx39("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   if (isLoading) {
-    return /* @__PURE__ */ jsx38(Fragment8, { children: loadingComponent || defaultLoadingComponent });
+    return /* @__PURE__ */ jsx39(Fragment9, { children: loadingComponent || defaultLoadingComponent });
   }
   if (!isAuthenticated) {
     if (typeof window !== "undefined") {
@@ -7822,12 +8032,12 @@ var ProtectedRoute = ({
         return null;
       }
     }
-    return /* @__PURE__ */ jsx38(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx39(Navigate, { to: redirectTo, replace: true });
   }
   if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
-    return /* @__PURE__ */ jsx38(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx39(Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ jsx38(Fragment8, { children });
+  return /* @__PURE__ */ jsx39(Fragment9, { children });
 };
 var PublicRoute = ({
   children,
@@ -7837,15 +8047,15 @@ var PublicRoute = ({
 }) => {
   const { isAuthenticated, isLoading } = useAuth();
   if (checkAuthBeforeRender && isLoading) {
-    return /* @__PURE__ */ jsx38("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx38("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+    return /* @__PURE__ */ jsx39("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx39("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   }
   if (isAuthenticated && redirectIfAuthenticated) {
-    return /* @__PURE__ */ jsx38(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx39(Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ jsx38(Fragment8, { children });
+  return /* @__PURE__ */ jsx39(Fragment9, { children });
 };
 var withAuth = (Component, options = {}) => {
-  return (props) => /* @__PURE__ */ jsx38(ProtectedRoute, { ...options, children: /* @__PURE__ */ jsx38(Component, { ...props }) });
+  return (props) => /* @__PURE__ */ jsx39(ProtectedRoute, { ...options, children: /* @__PURE__ */ jsx39(Component, { ...props }) });
 };
 var useAuthGuard = (options = {}) => {
   const authState = useAuth();
@@ -7860,7 +8070,7 @@ var useAuthGuard = (options = {}) => {
 var useRouteAuth = (fallbackPath = "/") => {
   const { isAuthenticated, isLoading } = useAuth();
   const location = useLocation();
-  const redirectToLogin = () => /* @__PURE__ */ jsx38(Navigate, { to: fallbackPath, state: { from: location }, replace: true });
+  const redirectToLogin = () => /* @__PURE__ */ jsx39(Navigate, { to: fallbackPath, state: { from: location }, replace: true });
   return {
     isAuthenticated,
     isLoading,
@@ -7936,7 +8146,7 @@ function createZustandAuthAdapter(useAuthStore) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-import { useEffect as useEffect15, useRef as useRef10 } from "react";
+import { useEffect as useEffect15, useRef as useRef11 } from "react";
 import { useLocation as useLocation2 } from "react-router-dom";
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -7984,7 +8194,7 @@ var handleUserData = (responseData, setUser) => {
 };
 function useUrlAuthentication(options) {
   const location = useLocation2();
-  const processedRef = useRef10(false);
+  const processedRef = useRef11(false);
   useEffect15(() => {
     const handleAuthentication = async () => {
       if (processedRef.current) {
@@ -8077,13 +8287,13 @@ import {
   XCircle as XCircle5
 } from "phosphor-react";
 import {
-  forwardRef as forwardRef19,
+  forwardRef as forwardRef20,
   useEffect as useEffect16,
   useMemo as useMemo6,
   useId as useId10,
-  useState as useState17,
-  useCallback as useCallback4,
-  useRef as useRef11
+  useState as useState18,
+  useCallback as useCallback5,
+  useRef as useRef12
 } from "react";
 
 // src/components/Quiz/useQuizStore.ts
@@ -8720,13 +8930,13 @@ var useQuizStore = create7()(
 var mock_image_question_default = "./mock-image-question-HEZCLFDL.png";
 
 // src/components/Quiz/Quiz.tsx
-import { Fragment as Fragment9, jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
 var getStatusBadge = (status) => {
   switch (status) {
     case "correct":
-      return /* @__PURE__ */ jsx39(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx39(CheckCircle6, {}), children: "Resposta correta" });
+      return /* @__PURE__ */ jsx40(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx40(CheckCircle6, {}), children: "Resposta correta" });
     case "incorrect":
-      return /* @__PURE__ */ jsx39(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx39(XCircle5, {}), children: "Resposta incorreta" });
+      return /* @__PURE__ */ jsx40(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx40(XCircle5, {}), children: "Resposta incorreta" });
     default:
       return null;
   }
@@ -8739,17 +8949,17 @@ var getStatusStyles = (variantCorrect) => {
       return "bg-error-background border-error-300";
   }
 };
-var Quiz = forwardRef19(({ children, className, variant = "default", ...props }, ref) => {
+var Quiz = forwardRef20(({ children, className, variant = "default", ...props }, ref) => {
   const { setVariant } = useQuizStore();
   useEffect16(() => {
     setVariant(variant);
   }, [variant, setVariant]);
-  return /* @__PURE__ */ jsx39("div", { ref, className: cn("flex flex-col", className), ...props, children });
+  return /* @__PURE__ */ jsx40("div", { ref, className: cn("flex flex-col", className), ...props, children });
 });
-var QuizHeaderResult = forwardRef19(
+var QuizHeaderResult = forwardRef20(
   ({ className, ...props }, ref) => {
     const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
-    const [status, setStatus] = useState17(void 0);
+    const [status, setStatus] = useState18(void 0);
     useEffect16(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
@@ -8785,7 +8995,7 @@ var QuizHeaderResult = forwardRef19(
           return "N\xE3o foi dessa vez...voc\xEA deixou a resposta em branco";
       }
     };
-    return /* @__PURE__ */ jsxs32(
+    return /* @__PURE__ */ jsxs33(
       "div",
       {
         ref,
@@ -8796,14 +9006,14 @@ var QuizHeaderResult = forwardRef19(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ jsx39("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
+          /* @__PURE__ */ jsx40("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
+          /* @__PURE__ */ jsx40("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
         ]
       }
     );
   }
 );
-var QuizTitle = forwardRef19(
+var QuizTitle = forwardRef20(
   ({ className, ...props }, ref) => {
     const {
       currentQuestionIndex,
@@ -8813,7 +9023,7 @@ var QuizTitle = forwardRef19(
       formatTime: formatTime2,
       isStarted
     } = useQuizStore();
-    const [showExitConfirmation, setShowExitConfirmation] = useState17(false);
+    const [showExitConfirmation, setShowExitConfirmation] = useState18(false);
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
     const handleBackClick = () => {
@@ -8830,8 +9040,8 @@ var QuizTitle = forwardRef19(
     const handleCancelExit = () => {
       setShowExitConfirmation(false);
     };
-    return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-      /* @__PURE__ */ jsxs32(
+    return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+      /* @__PURE__ */ jsxs33(
         "div",
         {
           ref,
@@ -8841,24 +9051,24 @@ var QuizTitle = forwardRef19(
           ),
           ...props,
           children: [
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(
               IconButton_default,
               {
-                icon: /* @__PURE__ */ jsx39(CaretLeft3, { size: 24 }),
+                icon: /* @__PURE__ */ jsx40(CaretLeft3, { size: 24 }),
                 size: "md",
                 "aria-label": "Voltar",
                 onClick: handleBackClick
               }
             ),
-            /* @__PURE__ */ jsxs32("span", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-              /* @__PURE__ */ jsx39("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+            /* @__PURE__ */ jsxs33("span", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ jsx40("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+              /* @__PURE__ */ jsx40("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
             ] }),
-            /* @__PURE__ */ jsx39("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ jsx39(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx39(Clock2, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
+            /* @__PURE__ */ jsx40("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ jsx40(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx40(Clock2, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         AlertDialog,
         {
           isOpen: showExitConfirmation,
@@ -8874,15 +9084,15 @@ var QuizTitle = forwardRef19(
     ] });
   }
 );
-var QuizSubTitle = forwardRef19(
+var QuizSubTitle = forwardRef20(
   ({ subTitle, ...props }, ref) => {
-    return /* @__PURE__ */ jsx39("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ jsx39("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
+    return /* @__PURE__ */ jsx40("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ jsx40("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
   }
 );
 var QuizHeader = () => {
   const { getCurrentQuestion, currentQuestionIndex } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     HeaderAlternative,
     {
       title: currentQuestion ? `Quest\xE3o ${currentQuestionIndex + 1}` : "Quest\xE3o",
@@ -8891,8 +9101,8 @@ var QuizHeader = () => {
     }
   );
 };
-var QuizContainer = forwardRef19(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx39(
+var QuizContainer = forwardRef20(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       ref,
@@ -8905,7 +9115,7 @@ var QuizContainer = forwardRef19(({ children, className, ...props }, ref) => {
     }
   );
 });
-var QuizContent = forwardRef19(({ paddingBottom }) => {
+var QuizContent = forwardRef20(({ paddingBottom }) => {
   const { getCurrentQuestion } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const questionComponents = {
@@ -8918,7 +9128,7 @@ var QuizContent = forwardRef19(({ paddingBottom }) => {
     ["IMAGEM" /* IMAGEM */]: QuizImageQuestion
   };
   const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.questionType] : null;
-  return QuestionComponent ? /* @__PURE__ */ jsx39(QuestionComponent, { paddingBottom }) : null;
+  return QuestionComponent ? /* @__PURE__ */ jsx40(QuestionComponent, { paddingBottom }) : null;
 });
 var QuizAlternative = ({ paddingBottom }) => {
   const {
@@ -8955,10 +9165,10 @@ var QuizAlternative = ({ paddingBottom }) => {
     };
   });
   if (!alternatives)
-    return /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsx39("p", { children: "N\xE3o h\xE1 Alternativas" }) });
-  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx39("div", { className: "space-y-4", children: /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("p", { children: "N\xE3o h\xE1 Alternativas" }) });
+  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx40("div", { className: "space-y-4", children: /* @__PURE__ */ jsx40(
       AlternativesList,
       {
         mode: variant === "default" ? "interactive" : "readonly",
@@ -8990,8 +9200,8 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
   const currentQuestionResult = getQuestionResultByQuestionId(
     currentQuestion?.id || ""
   );
-  const prevSelectedValuesRef = useRef11([]);
-  const prevQuestionIdRef = useRef11("");
+  const prevSelectedValuesRef = useRef12([]);
+  const prevQuestionIdRef = useRef12("");
   const allCurrentAnswerIds = useMemo6(() => {
     return allCurrentAnswers?.map((answer) => answer.optionId) || [];
   }, [allCurrentAnswers]);
@@ -9022,7 +9232,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     variant,
     currentQuestionResult?.selectedOptions
   ]);
-  const handleSelectedValues = useCallback4(
+  const handleSelectedValues = useCallback5(
     (values) => {
       if (currentQuestion) {
         selectMultipleAnswer(currentQuestion.id, values);
@@ -9056,10 +9266,10 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     };
   });
   if (!choices)
-    return /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsx39("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
-  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx39("div", { className: "space-y-4", children: /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
+  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx40("div", { className: "space-y-4", children: /* @__PURE__ */ jsx40(
       MultipleChoiceList,
       {
         choices,
@@ -9085,13 +9295,13 @@ var QuizDissertative = ({ paddingBottom }) => {
     currentQuestion?.id || ""
   );
   const currentAnswer = getCurrentAnswer();
-  const textareaRef = useRef11(null);
+  const textareaRef = useRef12(null);
   const handleAnswerChange = (value) => {
     if (currentQuestion) {
       selectDissertativeAnswer(currentQuestion.id, value);
     }
   };
-  const adjustTextareaHeight = useCallback4(() => {
+  const adjustTextareaHeight = useCallback5(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       const scrollHeight = textareaRef.current.scrollHeight;
@@ -9105,12 +9315,12 @@ var QuizDissertative = ({ paddingBottom }) => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
-    return /* @__PURE__ */ jsx39("div", { className: "space-y-4", children: /* @__PURE__ */ jsx39("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
+    return /* @__PURE__ */ jsx40("div", { className: "space-y-4", children: /* @__PURE__ */ jsx40("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
   }
   const localAnswer = (variant == "result" ? currentQuestionResult?.answer : currentAnswer?.answer) || "";
-  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Resposta" }),
-    /* @__PURE__ */ jsx39(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ jsx39("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ jsx39("div", { className: "space-y-4", children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Resposta" }),
+    /* @__PURE__ */ jsx40(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ jsx40("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ jsx40("div", { className: "space-y-4", children: /* @__PURE__ */ jsx40(
       TextArea_default,
       {
         ref: textareaRef,
@@ -9120,10 +9330,10 @@ var QuizDissertative = ({ paddingBottom }) => {
         rows: 4,
         className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto"
       }
-    ) }) : /* @__PURE__ */ jsx39("div", { className: "space-y-4", children: /* @__PURE__ */ jsx39("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
-    variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs32(Fragment9, { children: [
-      /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
-      /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx39("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__ */ jsx40("div", { className: "space-y-4", children: /* @__PURE__ */ jsx40("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
+    variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs33(Fragment10, { children: [
+      /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
+      /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx40("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." }) })
     ] })
   ] });
 };
@@ -9149,16 +9359,16 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
   ];
   const getLetterByIndex = (index) => String.fromCharCode(97 + index);
   const isDefaultVariant = variant == "default";
-  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx39("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx40("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
       const variantCorrect = option.isCorrect ? "correct" : "incorrect";
-      return /* @__PURE__ */ jsxs32(
+      return /* @__PURE__ */ jsxs33(
         "section",
         {
           className: "flex flex-col gap-2",
           children: [
-            /* @__PURE__ */ jsxs32(
+            /* @__PURE__ */ jsxs33(
               "div",
               {
                 className: cn(
@@ -9166,20 +9376,20 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
                   !isDefaultVariant ? getStatusStyles(variantCorrect) : ""
                 ),
                 children: [
-                  /* @__PURE__ */ jsx39("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
-                  isDefaultVariant ? /* @__PURE__ */ jsxs32(Select_default, { size: "medium", children: [
-                    /* @__PURE__ */ jsx39(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
-                    /* @__PURE__ */ jsxs32(SelectContent, { children: [
-                      /* @__PURE__ */ jsx39(SelectItem, { value: "V", children: "Verdadeiro" }),
-                      /* @__PURE__ */ jsx39(SelectItem, { value: "F", children: "Falso" })
+                  /* @__PURE__ */ jsx40("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
+                  isDefaultVariant ? /* @__PURE__ */ jsxs33(Select_default, { size: "medium", children: [
+                    /* @__PURE__ */ jsx40(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
+                    /* @__PURE__ */ jsxs33(SelectContent, { children: [
+                      /* @__PURE__ */ jsx40(SelectItem, { value: "V", children: "Verdadeiro" }),
+                      /* @__PURE__ */ jsx40(SelectItem, { value: "F", children: "Falso" })
                     ] })
-                  ] }) : /* @__PURE__ */ jsx39("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
+                  ] }) : /* @__PURE__ */ jsx40("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
                 ]
               }
             ),
-            !isDefaultVariant && /* @__PURE__ */ jsxs32("span", { className: "flex flex-row gap-2 items-center", children: [
-              /* @__PURE__ */ jsx39("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
-              !option.isCorrect && /* @__PURE__ */ jsx39("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
+            !isDefaultVariant && /* @__PURE__ */ jsxs33("span", { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ jsx40("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
+              !option.isCorrect && /* @__PURE__ */ jsx40("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
             ] })
           ]
         },
@@ -9240,7 +9450,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
       isCorrect: false
     }
   ];
-  const [userAnswers, setUserAnswers] = useState17(() => {
+  const [userAnswers, setUserAnswers] = useState18(() => {
     if (variant === "result") {
       return mockUserAnswers;
     }
@@ -9269,13 +9479,13 @@ var QuizConnectDots = ({ paddingBottom }) => {
   const assignedDots = new Set(
     userAnswers.map((a) => a.dotOption).filter(Boolean)
   );
-  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx39("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx40("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__ */ jsxs32("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs32(
+      return /* @__PURE__ */ jsxs33("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs33(
           "div",
           {
             className: cn(
@@ -9283,30 +9493,30 @@ var QuizConnectDots = ({ paddingBottom }) => {
               !isDefaultVariant ? getStatusStyles(variantCorrect) : ""
             ),
             children: [
-              /* @__PURE__ */ jsx39("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
-              isDefaultVariant ? /* @__PURE__ */ jsxs32(
+              /* @__PURE__ */ jsx40("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
+              isDefaultVariant ? /* @__PURE__ */ jsxs33(
                 Select_default,
                 {
                   size: "medium",
                   value: answer.dotOption || void 0,
                   onValueChange: (value) => handleSelectDot(index, value),
                   children: [
-                    /* @__PURE__ */ jsx39(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-                    /* @__PURE__ */ jsx39(SelectContent, { children: dotsOptions.filter(
+                    /* @__PURE__ */ jsx40(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+                    /* @__PURE__ */ jsx40(SelectContent, { children: dotsOptions.filter(
                       (dot) => !assignedDots.has(dot.label) || answer.dotOption === dot.label
-                    ).map((dot) => /* @__PURE__ */ jsx39(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
+                    ).map((dot) => /* @__PURE__ */ jsx40(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
                   ]
                 }
-              ) : /* @__PURE__ */ jsx39("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
+              ) : /* @__PURE__ */ jsx40("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
             ]
           }
         ),
-        !isDefaultVariant && /* @__PURE__ */ jsxs32("span", { className: "flex flex-row gap-2 items-center", children: [
-          /* @__PURE__ */ jsxs32("p", { className: "text-text-800 text-2xs", children: [
+        !isDefaultVariant && /* @__PURE__ */ jsxs33("span", { className: "flex flex-row gap-2 items-center", children: [
+          /* @__PURE__ */ jsxs33("p", { className: "text-text-800 text-2xs", children: [
             "Resposta selecionada: ",
             answer.dotOption || "Nenhuma"
           ] }),
-          !answer.isCorrect && /* @__PURE__ */ jsxs32("p", { className: "text-text-800 text-2xs", children: [
+          !answer.isCorrect && /* @__PURE__ */ jsxs33("p", { className: "text-text-800 text-2xs", children: [
             "Resposta correta: ",
             answer.correctOption
           ] })
@@ -9359,7 +9569,7 @@ var QuizFill = ({ paddingBottom }) => {
       isCorrect: true
     }
   ];
-  const [answers, setAnswers] = useState17({});
+  const [answers, setAnswers] = useState18({});
   const baseId = useId10();
   const getAvailableOptionsForSelect = (selectId) => {
     const usedOptions = Object.entries(answers).filter(([key]) => key !== selectId).map(([, value]) => value);
@@ -9373,18 +9583,18 @@ var QuizFill = ({ paddingBottom }) => {
     const mockAnswer = mockUserAnswers.find(
       (answer) => answer.selectId === selectId
     );
-    return /* @__PURE__ */ jsx39("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__ */ jsx40("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__ */ jsxs32(
+    return /* @__PURE__ */ jsxs33(
       Select_default,
       {
         value: selectedValue,
         onValueChange: (value) => handleSelectChange(selectId, value),
         className: "inline-flex mb-2.5",
         children: [
-          /* @__PURE__ */ jsx39(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-white border-gray-300", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-          /* @__PURE__ */ jsx39(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ jsx39(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
+          /* @__PURE__ */ jsx40(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-white border-gray-300", children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+          /* @__PURE__ */ jsx40(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ jsx40(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
         ]
       },
       `${selectId}-${startIndex}`
@@ -9396,8 +9606,8 @@ var QuizFill = ({ paddingBottom }) => {
     );
     if (!mockAnswer) return null;
     const action = mockAnswer.isCorrect ? "success" : "error";
-    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ jsx39(CheckCircle6, {}) : /* @__PURE__ */ jsx39(XCircle5, {});
-    return /* @__PURE__ */ jsx39(
+    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ jsx40(CheckCircle6, {}) : /* @__PURE__ */ jsx40(XCircle5, {});
+    return /* @__PURE__ */ jsx40(
       Badge_default,
       {
         variant: "solid",
@@ -9405,7 +9615,7 @@ var QuizFill = ({ paddingBottom }) => {
         iconRight: icon,
         size: "large",
         className: "py-3 w-[180px] justify-between mb-2.5",
-        children: /* @__PURE__ */ jsx39("span", { className: "text-text-900", children: mockAnswer.userAnswer })
+        children: /* @__PURE__ */ jsx40("span", { className: "text-text-900", children: mockAnswer.userAnswer })
       },
       selectId
     );
@@ -9461,25 +9671,25 @@ var QuizFill = ({ paddingBottom }) => {
     }
     return elements;
   };
-  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ jsx39(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx39("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ jsx40(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx40("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ jsx40(
       "div",
       {
         className: cn(
           "text-lg text-text-900 leading-8 h-auto",
           variant != "result" && paddingBottom
         ),
-        children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ jsx39("span", { children: element.element }, element.id))
+        children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ jsx40("span", { children: element.element }, element.id))
       }
     ) }) }),
-    variant === "result" && /* @__PURE__ */ jsxs32(Fragment9, { children: [
-      /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Resultado" }),
-      /* @__PURE__ */ jsx39(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx39("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ jsx39(
+    variant === "result" && /* @__PURE__ */ jsxs33(Fragment10, { children: [
+      /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Resultado" }),
+      /* @__PURE__ */ jsx40(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx40("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ jsx40(
         "div",
         {
           className: cn("text-lg text-text-900 leading-8", paddingBottom),
-          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ jsx39("span", { children: element.element }, element.id))
+          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ jsx40("span", { children: element.element }, element.id))
         }
       ) }) })
     ] })
@@ -9497,7 +9707,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
   };
   const correctRadiusRelative = calculateCorrectRadiusRelative();
   const mockUserAnswerRelative = { x: 0.72, y: 0.348 };
-  const [clickPositionRelative, setClickPositionRelative] = useState17(variant == "result" ? mockUserAnswerRelative : null);
+  const [clickPositionRelative, setClickPositionRelative] = useState18(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);
@@ -9533,36 +9743,36 @@ var QuizImageQuestion = ({ paddingBottom }) => {
     }
     return "bg-success-600/70 border-white";
   };
-  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
-    /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
+    /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsxs33(
       "div",
       {
         "data-testid": "quiz-image-container",
         className: "space-y-6 p-3 relative inline-block",
         children: [
-          variant == "result" && /* @__PURE__ */ jsxs32(
+          variant == "result" && /* @__PURE__ */ jsxs33(
             "div",
             {
               "data-testid": "quiz-legend",
               className: "flex items-center gap-4 text-xs",
               children: [
-                /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx39("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
-                  /* @__PURE__ */ jsx39("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
+                /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx40("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
+                  /* @__PURE__ */ jsx40("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
                 ] }),
-                /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx39("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
-                  /* @__PURE__ */ jsx39("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
+                /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx40("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
+                  /* @__PURE__ */ jsx40("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
                 ] }),
-                /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx39("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
-                  /* @__PURE__ */ jsx39("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
+                /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx40("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
+                  /* @__PURE__ */ jsx40("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs32(
+          /* @__PURE__ */ jsxs33(
             "button",
             {
               "data-testid": "quiz-image-button",
@@ -9577,7 +9787,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
               },
               "aria-label": "\xC1rea da imagem interativa",
               children: [
-                /* @__PURE__ */ jsx39(
+                /* @__PURE__ */ jsx40(
                   "img",
                   {
                     "data-testid": "quiz-image",
@@ -9586,7 +9796,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
                     className: "w-full h-auto rounded-md"
                   }
                 ),
-                variant === "result" && /* @__PURE__ */ jsx39(
+                variant === "result" && /* @__PURE__ */ jsx40(
                   "div",
                   {
                     "data-testid": "quiz-correct-circle",
@@ -9601,7 +9811,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
                     }
                   }
                 ),
-                clickPositionRelative && /* @__PURE__ */ jsx39(
+                clickPositionRelative && /* @__PURE__ */ jsx40(
                   "div",
                   {
                     "data-testid": "quiz-user-circle",
@@ -9669,18 +9879,18 @@ var QuizQuestionList = ({
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ jsxs32("div", { className: "space-y-6 px-4 h-full", children: [
-    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ jsx39("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ jsx39("p", { className: "text-lg", children: "Nenhum resultado" }) }),
+  return /* @__PURE__ */ jsxs33("div", { className: "space-y-6 px-4 h-full", children: [
+    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ jsx40("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ jsx40("p", { className: "text-lg", children: "Nenhum resultado" }) }),
     Object.entries(filteredGroupedQuestions).map(
-      ([subjectId, questions]) => /* @__PURE__ */ jsxs32("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs32("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-          /* @__PURE__ */ jsx39("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx39(BookOpen, { size: 17, className: "text-white" }) }),
-          /* @__PURE__ */ jsx39("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
+      ([subjectId, questions]) => /* @__PURE__ */ jsxs33("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs33("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+          /* @__PURE__ */ jsx40("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx40(BookOpen, { size: 17, className: "text-white" }) }),
+          /* @__PURE__ */ jsx40("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
         ] }),
-        /* @__PURE__ */ jsx39("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
+        /* @__PURE__ */ jsx40("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
           const status = getQuestionStatus(question.id);
           const questionNumber = getQuestionIndex(question.id);
-          return /* @__PURE__ */ jsx39(
+          return /* @__PURE__ */ jsx40(
             CardStatus,
             {
               header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
@@ -9697,7 +9907,7 @@ var QuizQuestionList = ({
     )
   ] });
 };
-var QuizFooter = forwardRef19(
+var QuizFooter = forwardRef20(
   ({
     className,
     onGoToSimulated,
@@ -9725,11 +9935,11 @@ var QuizFooter = forwardRef19(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [alertDialogOpen, setAlertDialogOpen] = useState17(false);
-    const [modalResultOpen, setModalResultOpen] = useState17(false);
-    const [modalNavigateOpen, setModalNavigateOpen] = useState17(false);
-    const [modalResolutionOpen, setModalResolutionOpen] = useState17(false);
-    const [filterType, setFilterType] = useState17("all");
+    const [alertDialogOpen, setAlertDialogOpen] = useState18(false);
+    const [modalResultOpen, setModalResultOpen] = useState18(false);
+    const [modalNavigateOpen, setModalNavigateOpen] = useState18(false);
+    const [modalResolutionOpen, setModalResolutionOpen] = useState18(false);
+    const [filterType, setFilterType] = useState18("all");
     const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const allQuestions = getTotalQuestions();
     const handleFinishQuiz = async () => {
@@ -9760,8 +9970,8 @@ var QuizFooter = forwardRef19(
         return;
       }
     };
-    return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-      /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+      /* @__PURE__ */ jsx40(
         "footer",
         {
           ref,
@@ -9770,17 +9980,17 @@ var QuizFooter = forwardRef19(
             className
           ),
           ...props,
-          children: variant === "default" ? /* @__PURE__ */ jsxs32(Fragment9, { children: [
-            /* @__PURE__ */ jsxs32("div", { className: "flex flex-row items-center gap-1", children: [
-              /* @__PURE__ */ jsx39(
+          children: variant === "default" ? /* @__PURE__ */ jsxs33(Fragment10, { children: [
+            /* @__PURE__ */ jsxs33("div", { className: "flex flex-row items-center gap-1", children: [
+              /* @__PURE__ */ jsx40(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ jsx39(SquaresFour, { size: 24, className: "text-text-950" }),
+                  icon: /* @__PURE__ */ jsx40(SquaresFour, { size: 24, className: "text-text-950" }),
                   size: "md",
                   onClick: () => setModalNavigateOpen(true)
                 }
               ),
-              isFirstQuestion ? /* @__PURE__ */ jsx39(
+              isFirstQuestion ? /* @__PURE__ */ jsx40(
                 Button_default,
                 {
                   variant: "outline",
@@ -9791,13 +10001,13 @@ var QuizFooter = forwardRef19(
                   },
                   children: "Pular"
                 }
-              ) : /* @__PURE__ */ jsx39(
+              ) : /* @__PURE__ */ jsx40(
                 Button_default,
                 {
                   size: "medium",
                   variant: "link",
                   action: "primary",
-                  iconLeft: /* @__PURE__ */ jsx39(CaretLeft3, { size: 18 }),
+                  iconLeft: /* @__PURE__ */ jsx40(CaretLeft3, { size: 18 }),
                   onClick: () => {
                     goToPreviousQuestion();
                   },
@@ -9805,7 +10015,7 @@ var QuizFooter = forwardRef19(
                 }
               )
             ] }),
-            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ jsx39(
+            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ jsx40(
               Button_default,
               {
                 size: "small",
@@ -9818,7 +10028,7 @@ var QuizFooter = forwardRef19(
                 children: "Pular"
               }
             ),
-            isLastQuestion ? /* @__PURE__ */ jsx39(
+            isLastQuestion ? /* @__PURE__ */ jsx40(
               Button_default,
               {
                 size: "medium",
@@ -9828,13 +10038,13 @@ var QuizFooter = forwardRef19(
                 onClick: handleFinishQuiz,
                 children: "Finalizar"
               }
-            ) : /* @__PURE__ */ jsx39(
+            ) : /* @__PURE__ */ jsx40(
               Button_default,
               {
                 size: "medium",
                 variant: "link",
                 action: "primary",
-                iconRight: /* @__PURE__ */ jsx39(CaretRight4, { size: 18 }),
+                iconRight: /* @__PURE__ */ jsx40(CaretRight4, { size: 18 }),
                 disabled: !currentAnswer && !isCurrentQuestionSkipped,
                 onClick: () => {
                   goToNextQuestion();
@@ -9842,7 +10052,7 @@ var QuizFooter = forwardRef19(
                 children: "Avan\xE7ar"
               }
             )
-          ] }) : /* @__PURE__ */ jsx39("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ jsx39(
+          ] }) : /* @__PURE__ */ jsx40("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ jsx40(
             Button_default,
             {
               variant: "solid",
@@ -9854,7 +10064,7 @@ var QuizFooter = forwardRef19(
           ) })
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         AlertDialog,
         {
           isOpen: alertDialogOpen,
@@ -9866,7 +10076,7 @@ var QuizFooter = forwardRef19(
           onSubmit: handleAlertSubmit
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         Modal_default,
         {
           isOpen: modalResultOpen,
@@ -9876,11 +10086,11 @@ var QuizFooter = forwardRef19(
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            resultImageComponent ? /* @__PURE__ */ jsx39("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ jsx39("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ jsx39("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
-            /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ jsx39("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
-              /* @__PURE__ */ jsxs32("p", { className: "text-text-500 font-sm", children: [
+          children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            resultImageComponent ? /* @__PURE__ */ jsx40("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ jsx40("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ jsx40("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
+            /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ jsx40("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
+              /* @__PURE__ */ jsxs33("p", { className: "text-text-500 font-sm", children: [
                 "Voc\xEA acertou",
                 " ",
                 getQuestionResultStatistics()?.correctAnswers ?? "--",
@@ -9890,8 +10100,8 @@ var QuizFooter = forwardRef19(
                 " quest\xF5es."
               ] })
             ] }),
-            /* @__PURE__ */ jsxs32("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
-              /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsxs33("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
+              /* @__PURE__ */ jsx40(
                 Button_default,
                 {
                   variant: "outline",
@@ -9901,38 +10111,38 @@ var QuizFooter = forwardRef19(
                   children: "Ir para simulados"
                 }
               ),
-              /* @__PURE__ */ jsx39(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
+              /* @__PURE__ */ jsx40(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         Modal_default,
         {
           isOpen: modalNavigateOpen,
           onClose: () => setModalNavigateOpen(false),
           title: "Quest\xF5es",
           size: "lg",
-          children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
-            /* @__PURE__ */ jsxs32("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
-              /* @__PURE__ */ jsx39("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs32(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-                /* @__PURE__ */ jsx39(
+          children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
+            /* @__PURE__ */ jsxs33("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx40("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
+              /* @__PURE__ */ jsx40("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs33(Select_default, { value: filterType, onValueChange: setFilterType, children: [
+                /* @__PURE__ */ jsx40(
                   SelectTrigger,
                   {
                     variant: "rounded",
                     className: "max-w-[266px] min-w-[160px]",
-                    children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
+                    children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
                   }
                 ),
-                /* @__PURE__ */ jsxs32(SelectContent, { children: [
-                  /* @__PURE__ */ jsx39(SelectItem, { value: "all", children: "Todas" }),
-                  /* @__PURE__ */ jsx39(SelectItem, { value: "unanswered", children: "Em branco" }),
-                  /* @__PURE__ */ jsx39(SelectItem, { value: "answered", children: "Respondidas" })
+                /* @__PURE__ */ jsxs33(SelectContent, { children: [
+                  /* @__PURE__ */ jsx40(SelectItem, { value: "all", children: "Todas" }),
+                  /* @__PURE__ */ jsx40(SelectItem, { value: "unanswered", children: "Em branco" }),
+                  /* @__PURE__ */ jsx40(SelectItem, { value: "answered", children: "Respondidas" })
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ jsx39("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsx40(
               QuizQuestionList,
               {
                 filterType,
@@ -9942,7 +10152,7 @@ var QuizFooter = forwardRef19(
           ] })
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         Modal_default,
         {
           isOpen: modalResolutionOpen,
@@ -9960,40 +10170,40 @@ var QuizBadge = ({
 }) => {
   switch (subtype) {
     case "PROVA" /* PROVA */:
-      return /* @__PURE__ */ jsx39(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
+      return /* @__PURE__ */ jsx40(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
     case "ENEM_PROVA_1" /* ENEM_PROVA_1 */:
     case "ENEM_PROVA_2" /* ENEM_PROVA_2 */:
-      return /* @__PURE__ */ jsx39(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
+      return /* @__PURE__ */ jsx40(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
     case "VESTIBULAR" /* VESTIBULAR */:
-      return /* @__PURE__ */ jsx39(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
+      return /* @__PURE__ */ jsx40(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
     case "SIMULADO" /* SIMULADO */:
     case "SIMULADAO" /* SIMULADAO */:
     case void 0:
-      return /* @__PURE__ */ jsx39(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
+      return /* @__PURE__ */ jsx40(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
     default:
-      return /* @__PURE__ */ jsx39(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
+      return /* @__PURE__ */ jsx40(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
   }
 };
-var QuizResultHeaderTitle = forwardRef19(({ className, ...props }, ref) => {
+var QuizResultHeaderTitle = forwardRef20(({ className, ...props }, ref) => {
   const { getActiveQuiz } = useQuizStore();
   const activeQuiz = getActiveQuiz();
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       ref,
       className: cn("flex flex-row pt-4 justify-between", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        /* @__PURE__ */ jsx39(QuizBadge, { subtype: activeQuiz?.quiz.subtype || void 0 })
+        /* @__PURE__ */ jsx40("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
+        /* @__PURE__ */ jsx40(QuizBadge, { subtype: activeQuiz?.quiz.subtype || void 0 })
       ]
     }
   );
 });
-var QuizResultTitle = forwardRef19(({ className, ...props }, ref) => {
+var QuizResultTitle = forwardRef20(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "p",
     {
       className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
@@ -10003,7 +10213,7 @@ var QuizResultTitle = forwardRef19(({ className, ...props }, ref) => {
     }
   );
 });
-var QuizResultPerformance = forwardRef19(
+var QuizResultPerformance = forwardRef20(
   ({ ...props }, ref) => {
     const {
       getTotalQuestions,
@@ -10045,15 +10255,15 @@ var QuizResultPerformance = forwardRef19(
       });
     }
     const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
-    return /* @__PURE__ */ jsxs32(
+    return /* @__PURE__ */ jsxs33(
       "div",
       {
         className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxs32("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsxs33("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx40(
               ProgressCircle_default,
               {
                 size: "medium",
@@ -10063,24 +10273,24 @@ var QuizResultPerformance = forwardRef19(
                 label: ""
               }
             ),
-            /* @__PURE__ */ jsxs32("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-              /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1 mb-1", children: [
-                /* @__PURE__ */ jsx39(Clock2, { size: 12, weight: "regular", className: "text-text-800" }),
-                /* @__PURE__ */ jsx39("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
+            /* @__PURE__ */ jsxs33("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1 mb-1", children: [
+                /* @__PURE__ */ jsx40(Clock2, { size: 12, weight: "regular", className: "text-text-800" }),
+                /* @__PURE__ */ jsx40("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
                   (getQuestionResultStatistics()?.timeSpent ?? 0) * 60
                 ) })
               ] }),
-              /* @__PURE__ */ jsxs32("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+              /* @__PURE__ */ jsxs33("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
                 getQuestionResultStatistics()?.correctAnswers ?? "--",
                 " de",
                 " ",
                 totalQuestions
               ] }),
-              /* @__PURE__ */ jsx39("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
+              /* @__PURE__ */ jsx40("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ jsx40(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -10094,7 +10304,7 @@ var QuizResultPerformance = forwardRef19(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -10108,7 +10318,7 @@ var QuizResultPerformance = forwardRef19(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -10128,7 +10338,7 @@ var QuizResultPerformance = forwardRef19(
     );
   }
 );
-var QuizListResult = forwardRef19(({ className, onSubjectClick, ...props }, ref) => {
+var QuizListResult = forwardRef20(({ className, onSubjectClick, ...props }, ref) => {
   const { getQuestionsGroupedBySubject } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const subjectsStats = Object.entries(groupedQuestions).map(
@@ -10155,9 +10365,9 @@ var QuizListResult = forwardRef19(({ className, onSubjectClick, ...props }, ref)
       };
     }
   );
-  return /* @__PURE__ */ jsxs32("section", { ref, className, ...props, children: [
-    /* @__PURE__ */ jsx39("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
-    /* @__PURE__ */ jsx39("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ jsx39("li", { children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs33("section", { ref, className, ...props, children: [
+    /* @__PURE__ */ jsx40("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
+    /* @__PURE__ */ jsx40("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ jsx40("li", { children: /* @__PURE__ */ jsx40(
       CardResults,
       {
         onClick: () => onSubjectClick?.(subject.subject.id),
@@ -10179,16 +10389,16 @@ var QuizListResultByMateria = ({
   const { getQuestionsGroupedBySubject, getQuestionIndex } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
-  return /* @__PURE__ */ jsxs32("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsx39("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-2xl", children: answeredQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" }) }),
-    /* @__PURE__ */ jsxs32("section", { className: "flex flex-col ", children: [
-      /* @__PURE__ */ jsx39("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
-      /* @__PURE__ */ jsx39("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
+  return /* @__PURE__ */ jsxs33("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsx40("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ jsx40("p", { className: "text-text-950 font-bold text-2xl", children: answeredQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" }) }),
+    /* @__PURE__ */ jsxs33("section", { className: "flex flex-col ", children: [
+      /* @__PURE__ */ jsx40("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
+      /* @__PURE__ */ jsx40("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
         const questionIndex = getQuestionIndex(
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           question.questionId ?? question.id
         );
-        return /* @__PURE__ */ jsx39("li", { children: /* @__PURE__ */ jsx39(
+        return /* @__PURE__ */ jsx40("li", { children: /* @__PURE__ */ jsx40(
           CardStatus,
           {
             className: "max-w-full",
@@ -10211,12 +10421,12 @@ var QuizListResultByMateria = ({
 };
 
 // src/components/LoadingModal/loadingModal.tsx
-import { forwardRef as forwardRef20 } from "react";
-import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
-var LoadingModal = forwardRef20(
+import { forwardRef as forwardRef21 } from "react";
+import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
+var LoadingModal = forwardRef21(
   ({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
     if (!open) return null;
-    return /* @__PURE__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       "div",
       {
         ref,
@@ -10225,8 +10435,8 @@ var LoadingModal = forwardRef20(
         "aria-describedby": "loading-modal-subtitle",
         className: "fixed inset-0 z-50 flex items-center justify-center bg-background/90 backdrop-blur-xs",
         ...props,
-        children: /* @__PURE__ */ jsxs33("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
-          /* @__PURE__ */ jsx40("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ jsxs33(
+        children: /* @__PURE__ */ jsxs34("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
+          /* @__PURE__ */ jsx41("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ jsxs34(
             "svg",
             {
               width: "102",
@@ -10237,14 +10447,14 @@ var LoadingModal = forwardRef20(
               "aria-hidden": "true",
               focusable: false,
               children: [
-                /* @__PURE__ */ jsx40(
+                /* @__PURE__ */ jsx41(
                   "path",
                   {
                     d: "M101.5 51C101.5 78.8904 78.8904 101.5 51 101.5C23.1096 101.5 0.5 78.8904 0.5 51C0.5 23.1096 23.1096 0.5 51 0.5C78.8904 0.5 101.5 23.1096 101.5 51ZM8.62286 51C8.62286 74.4043 27.5957 93.3771 51 93.3771C74.4043 93.3771 93.3771 74.4043 93.3771 51C93.3771 27.5957 74.4043 8.62286 51 8.62286C27.5957 8.62286 8.62286 27.5957 8.62286 51Z",
                     className: "fill-primary-100"
                   }
                 ),
-                /* @__PURE__ */ jsx40(
+                /* @__PURE__ */ jsx41(
                   "path",
                   {
                     d: "M97.4386 51C99.6816 51 101.517 52.8213 101.337 55.0571C100.754 62.2833 98.6212 69.3162 95.0643 75.6696C90.8444 83.207 84.7616 89.536 77.3975 94.0514C70.0333 98.5668 61.6339 101.118 53.0024 101.46C44.371 101.803 35.7959 99.9255 28.0971 96.0078C20.3982 92.0902 13.833 86.2631 9.02917 79.0838C4.22529 71.9045 1.34332 63.6129 0.658804 55.0017C-0.0257159 46.3906 1.51009 37.7479 5.1194 29.8997C8.16173 23.2845 12.5915 17.4202 18.0904 12.6959C19.7917 11.2341 22.3444 11.6457 23.6647 13.459C24.9851 15.2723 24.5702 17.7988 22.8916 19.2866C18.5048 23.1747 14.9608 27.9413 12.4992 33.2937C9.47048 39.8794 8.1817 47.132 8.75612 54.3581C9.33053 61.5841 11.7489 68.542 15.7801 74.5666C19.8113 80.5911 25.3205 85.4809 31.781 88.7684C38.2414 92.0559 45.4372 93.6312 52.6804 93.3438C59.9235 93.0564 66.9718 90.9158 73.1515 87.1267C79.3311 83.3375 84.4355 78.0266 87.9766 71.7015C90.8546 66.561 92.6217 60.8903 93.1827 55.0553C93.3973 52.8225 95.1955 51 97.4386 51Z",
@@ -10254,9 +10464,9 @@ var LoadingModal = forwardRef20(
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs33("span", { className: "flex flex-col gap-4 text-center", children: [
-            /* @__PURE__ */ jsx40("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
-            /* @__PURE__ */ jsx40("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
+          /* @__PURE__ */ jsxs34("span", { className: "flex flex-col gap-4 text-center", children: [
+            /* @__PURE__ */ jsx41("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
+            /* @__PURE__ */ jsx41("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
           ] })
         ] })
       }
@@ -10267,7 +10477,7 @@ var loadingModal_default = LoadingModal;
 
 // src/components/NotificationCard/NotificationCard.tsx
 import { DotsThreeVertical as DotsThreeVertical3, Bell as Bell2 } from "phosphor-react";
-import { useState as useState18, useEffect as useEffect17 } from "react";
+import { useState as useState19, useEffect as useEffect17 } from "react";
 
 // src/store/notificationStore.ts
 import { create as create8 } from "zustand";
@@ -10510,14 +10720,14 @@ var createNotificationStore = (apiClient) => {
 };
 
 // src/components/NotificationCard/NotificationCard.tsx
-import { Fragment as Fragment10, jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
 var NotificationEmpty = ({
   emptyStateImage,
   emptyStateTitle = "Nenhuma notifica\xE7\xE3o no momento",
   emptyStateDescription = "Voc\xEA est\xE1 em dia com todas as novidades. Volte depois para conferir atualiza\xE7\xF5es!"
 }) => {
-  return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
-    emptyStateImage && /* @__PURE__ */ jsx41("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
+    emptyStateImage && /* @__PURE__ */ jsx42("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ jsx42(
       "img",
       {
         src: emptyStateImage,
@@ -10527,17 +10737,17 @@ var NotificationEmpty = ({
         className: "object-contain"
       }
     ) }),
-    /* @__PURE__ */ jsx41("h3", { className: "text-xl font-semibold text-text-950 text-center leading-[23px]", children: emptyStateTitle }),
-    /* @__PURE__ */ jsx41("p", { className: "text-sm font-normal text-text-400 text-center max-w-[316px] leading-[21px]", children: emptyStateDescription })
+    /* @__PURE__ */ jsx42("h3", { className: "text-xl font-semibold text-text-950 text-center leading-[23px]", children: emptyStateTitle }),
+    /* @__PURE__ */ jsx42("p", { className: "text-sm font-normal text-text-400 text-center max-w-[316px] leading-[21px]", children: emptyStateDescription })
   ] });
 };
 var NotificationHeader = ({
   unreadCount,
   variant = "modal"
 }) => {
-  return /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between", children: [
-    variant === "modal" ? /* @__PURE__ */ jsx41(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ jsx41("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
-    unreadCount > 0 && /* @__PURE__ */ jsxs34("span", { className: "px-2 py-1 bg-info-100 text-info-700 text-xs rounded-full", children: [
+  return /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between", children: [
+    variant === "modal" ? /* @__PURE__ */ jsx42(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ jsx42("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
+    unreadCount > 0 && /* @__PURE__ */ jsxs35("span", { className: "px-2 py-1 bg-info-100 text-info-700 text-xs rounded-full", children: [
       unreadCount,
       " n\xE3o lidas"
     ] })
@@ -10572,7 +10782,7 @@ var SingleNotificationCard = ({
       onNavigate();
     }
   };
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       className: cn(
@@ -10581,20 +10791,20 @@ var SingleNotificationCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2 w-full", children: [
-          !isRead && /* @__PURE__ */ jsx41("div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
-          /* @__PURE__ */ jsx41("h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
-          /* @__PURE__ */ jsxs34(DropdownMenu_default, { children: [
-            /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2 w-full", children: [
+          !isRead && /* @__PURE__ */ jsx42("div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
+          /* @__PURE__ */ jsx42("h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
+          /* @__PURE__ */ jsxs35(DropdownMenu_default, { children: [
+            /* @__PURE__ */ jsx42(
               DropdownMenuTrigger,
               {
                 className: "flex-shrink-0 inline-flex items-center justify-center font-medium bg-transparent text-text-950 cursor-pointer hover:bg-info-50 w-6 h-6 rounded-lg",
                 "aria-label": "Menu de a\xE7\xF5es",
-                children: /* @__PURE__ */ jsx41(DotsThreeVertical3, { size: 24 })
+                children: /* @__PURE__ */ jsx42(DotsThreeVertical3, { size: 24 })
               }
             ),
-            /* @__PURE__ */ jsxs34(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
-              !isRead && /* @__PURE__ */ jsx41(
+            /* @__PURE__ */ jsxs35(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
+              !isRead && /* @__PURE__ */ jsx42(
                 DropdownMenuItem,
                 {
                   onClick: handleMarkAsRead,
@@ -10602,14 +10812,14 @@ var SingleNotificationCard = ({
                   children: "Marcar como lida"
                 }
               ),
-              /* @__PURE__ */ jsx41(DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
+              /* @__PURE__ */ jsx42(DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx41("p", { className: "text-sm leading-[21px] text-text-800 w-full", children: message }),
-        /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between w-full", children: [
-          /* @__PURE__ */ jsx41("span", { className: "text-sm font-medium text-text-400", children: time }),
-          onNavigate && actionLabel && /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42("p", { className: "text-sm leading-[21px] text-text-800 w-full", children: message }),
+        /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between w-full", children: [
+          /* @__PURE__ */ jsx42("span", { className: "text-sm font-medium text-text-400", children: time }),
+          onNavigate && actionLabel && /* @__PURE__ */ jsx42(
             "button",
             {
               type: "button",
@@ -10636,9 +10846,9 @@ var NotificationList = ({
   className
 }) => {
   if (error) {
-    return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
-      /* @__PURE__ */ jsx41("p", { className: "text-sm text-error-600", children: error }),
-      onRetry && /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
+      /* @__PURE__ */ jsx42("p", { className: "text-sm text-error-600", children: error }),
+      onRetry && /* @__PURE__ */ jsx42(
         "button",
         {
           type: "button",
@@ -10650,8 +10860,8 @@ var NotificationList = ({
     ] });
   }
   if (loading) {
-    return /* @__PURE__ */ jsx41("div", { className: "flex flex-col gap-0 w-full", children: ["skeleton-first", "skeleton-second", "skeleton-third"].map(
-      (skeletonId) => /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42("div", { className: "flex flex-col gap-0 w-full", children: ["skeleton-first", "skeleton-second", "skeleton-third"].map(
+      (skeletonId) => /* @__PURE__ */ jsx42(
         SkeletonCard,
         {
           className: "p-4 border-b border-border-200"
@@ -10661,11 +10871,11 @@ var NotificationList = ({
     ) });
   }
   if (!groupedNotifications || groupedNotifications.length === 0) {
-    return renderEmpty ? /* @__PURE__ */ jsx41("div", { className: "w-full", children: renderEmpty() }) : /* @__PURE__ */ jsx41(NotificationEmpty, {});
+    return renderEmpty ? /* @__PURE__ */ jsx42("div", { className: "w-full", children: renderEmpty() }) : /* @__PURE__ */ jsx42(NotificationEmpty, {});
   }
-  return /* @__PURE__ */ jsx41("div", { className: cn("flex flex-col gap-0 w-full", className), children: groupedNotifications.map((group, idx) => /* @__PURE__ */ jsxs34("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsx41("div", { className: "flex items-end px-4 py-6 pb-4", children: /* @__PURE__ */ jsx41("h4", { className: "text-lg font-bold text-text-500 flex-grow", children: group.label }) }),
-    group.notifications.map((notification) => /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42("div", { className: cn("flex flex-col gap-0 w-full", className), children: groupedNotifications.map((group, idx) => /* @__PURE__ */ jsxs35("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsx42("div", { className: "flex items-end px-4 py-6 pb-4", children: /* @__PURE__ */ jsx42("h4", { className: "text-lg font-bold text-text-500 flex-grow", children: group.label }) }),
+    group.notifications.map((notification) => /* @__PURE__ */ jsx42(
       SingleNotificationCard,
       {
         title: notification.title,
@@ -10706,7 +10916,7 @@ var NotificationCenter = ({
   className
 }) => {
   const { isMobile } = useMobile();
-  const [isModalOpen, setIsModalOpen] = useState18(false);
+  const [isModalOpen, setIsModalOpen] = useState19(false);
   const handleMobileClick = () => {
     setIsModalOpen(true);
     onFetchNotifications?.();
@@ -10723,7 +10933,7 @@ var NotificationCenter = ({
     onCleanup?.();
     onNavigateById?.(entityType, entityId);
   };
-  const renderEmptyState = () => /* @__PURE__ */ jsx41(
+  const renderEmptyState = () => /* @__PURE__ */ jsx42(
     NotificationEmpty,
     {
       emptyStateImage,
@@ -10732,17 +10942,17 @@ var NotificationCenter = ({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ jsxs34(Fragment10, { children: [
-      /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsxs35(Fragment11, { children: [
+      /* @__PURE__ */ jsx42(
         IconButton_default,
         {
           active: isModalOpen,
           onClick: handleMobileClick,
-          icon: /* @__PURE__ */ jsx41(Bell2, { size: 24, className: "text-primary" }),
+          icon: /* @__PURE__ */ jsx42(Bell2, { size: 24, className: "text-primary" }),
           className
         }
       ),
-      /* @__PURE__ */ jsx41(
+      /* @__PURE__ */ jsx42(
         Modal_default,
         {
           isOpen: isModalOpen,
@@ -10752,10 +10962,10 @@ var NotificationCenter = ({
           hideCloseButton: false,
           closeOnBackdropClick: true,
           closeOnEscape: true,
-          children: /* @__PURE__ */ jsxs34("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
-            /* @__PURE__ */ jsx41("div", { className: "px-0 pb-3 border-b border-border-200", children: /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx41(NotificationHeader, { unreadCount, variant: "modal" }),
-              unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ jsx41(
+          children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
+            /* @__PURE__ */ jsx42("div", { className: "px-0 pb-3 border-b border-border-200", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx42(NotificationHeader, { unreadCount, variant: "modal" }),
+              unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ jsx42(
                 "button",
                 {
                   type: "button",
@@ -10765,7 +10975,7 @@ var NotificationCenter = ({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ jsx41("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx41(
+            /* @__PURE__ */ jsx42("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx42(
               NotificationList,
               {
                 groupedNotifications,
@@ -10788,13 +10998,13 @@ var NotificationCenter = ({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs34(DropdownMenu_default, { children: [
-    /* @__PURE__ */ jsx41(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs35(DropdownMenu_default, { children: [
+    /* @__PURE__ */ jsx42(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ jsx42(
       IconButton_default,
       {
         active: isActive,
         onClick: handleDesktopClick,
-        icon: /* @__PURE__ */ jsx41(
+        icon: /* @__PURE__ */ jsx42(
           Bell2,
           {
             size: 24,
@@ -10804,22 +11014,22 @@ var NotificationCenter = ({
         className
       }
     ) }),
-    /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx42(
       DropdownMenuContent,
       {
         className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
         side: "bottom",
         align: "end",
-        children: /* @__PURE__ */ jsxs34("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx41("div", { className: "px-4 py-3 border-b border-border-200", children: /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx41(
+        children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx42("div", { className: "px-4 py-3 border-b border-border-200", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx42(
               NotificationHeader,
               {
                 unreadCount,
                 variant: "dropdown"
               }
             ),
-            unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ jsx41(
+            unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ jsx42(
               "button",
               {
                 type: "button",
@@ -10829,7 +11039,7 @@ var NotificationCenter = ({
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx41("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx42("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ jsx42(
             NotificationList,
             {
               groupedNotifications,
@@ -10851,7 +11061,7 @@ var NotificationCenter = ({
 var NotificationCard = (props) => {
   switch (props.mode) {
     case "single":
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         SingleNotificationCard,
         {
           title: props.title,
@@ -10866,7 +11076,7 @@ var NotificationCard = (props) => {
         }
       );
     case "list":
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         NotificationList,
         {
           groupedNotifications: props.groupedNotifications ?? (props.notifications ? [
@@ -10887,9 +11097,9 @@ var NotificationCard = (props) => {
         }
       );
     case "center":
-      return /* @__PURE__ */ jsx41(NotificationCenter, { ...props });
+      return /* @__PURE__ */ jsx42(NotificationCenter, { ...props });
     default:
-      return /* @__PURE__ */ jsx41("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: /* @__PURE__ */ jsx41("p", { className: "text-sm text-text-600", children: "Modo de notifica\xE7\xE3o n\xE3o reconhecido" }) });
+      return /* @__PURE__ */ jsx42("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: /* @__PURE__ */ jsx42("p", { className: "text-sm text-text-600", children: "Modo de notifica\xE7\xE3o n\xE3o reconhecido" }) });
   }
 };
 var NotificationCard_default = NotificationCard;
@@ -10900,7 +11110,7 @@ var createUseNotificationStore = (apiClient) => {
 };
 
 // src/hooks/useNotifications.ts
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback6 } from "react";
 var createUseNotifications = (apiClient) => {
   const useNotificationStore = createUseNotificationStore(apiClient);
   return () => {
@@ -10919,7 +11129,7 @@ var createUseNotifications = (apiClient) => {
       resetError,
       getGroupedNotifications
     } = useNotificationStore();
-    const handleNavigate = useCallback5(
+    const handleNavigate = useCallback6(
       (entityType, entityId, onAfterNavigate) => {
         if (entityType && entityId) {
           switch (entityType.toUpperCase()) {
@@ -10937,7 +11147,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const getActionLabel = useCallback5(
+    const getActionLabel = useCallback6(
       (entityType) => {
         if (!entityType) return void 0;
         switch (entityType.toUpperCase()) {
@@ -10951,7 +11161,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const markAsReadAndNavigate = useCallback5(
+    const markAsReadAndNavigate = useCallback6(
       async (id, entityType, entityId, onAfterNavigate) => {
         await markAsRead(id);
         if (entityType && entityId) {
@@ -10960,11 +11170,11 @@ var createUseNotifications = (apiClient) => {
       },
       [markAsRead, handleNavigate]
     );
-    const refreshNotifications = useCallback5(async () => {
+    const refreshNotifications = useCallback6(async () => {
       resetError();
       await fetchNotifications();
     }, [resetError, fetchNotifications]);
-    const formatNotification = useCallback5(
+    const formatNotification = useCallback6(
       (notification) => ({
         ...notification,
         time: formatTimeAgo(notification.createdAt),
@@ -10973,7 +11183,7 @@ var createUseNotifications = (apiClient) => {
       }),
       []
     );
-    const getFormattedGroupedNotifications = useCallback5(() => {
+    const getFormattedGroupedNotifications = useCallback6(() => {
       const groups = getGroupedNotifications();
       return groups.map((group) => ({
         ...group,
@@ -11108,6 +11318,7 @@ export {
   Table_default as Table,
   Text_default as Text,
   TextArea_default as TextArea,
+  ThemeToggle,
   Toast_default as Toast,
   Toaster_default as Toaster,
   VideoPlayer_default as VideoPlayer,