analytica-frontend-lib 1.1.49 → 1.1.51

package/dist/index.js

@@ -128,6 +128,7 @@ __export(src_exports, {
   Table: () => Table_default,
   Text: () => Text_default,
   TextArea: () => TextArea_default,
+  ThemeToggle: () => ThemeToggle,
   Toast: () => Toast_default,
   Toaster: () => Toaster_default,
   VideoPlayer: () => VideoPlayer_default,
@@ -6072,32 +6073,207 @@ var useMobile = () => {
 // src/hooks/useTheme.ts
 var import_react20 = require("react");
 var useTheme = () => {
-  (0, import_react20.useEffect)(() => {
+  const [themeMode, setThemeMode] = (0, import_react20.useState)("system");
+  const [isDark, setIsDark] = (0, import_react20.useState)(false);
+  const themeModeRef = (0, import_react20.useRef)("system");
+  const applyTheme = (0, import_react20.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 = (0, import_react20.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 = (0, import_react20.useCallback)(
+    (mode) => {
+      setThemeMode(mode);
+      themeModeRef.current = mode;
+      applyTheme(mode);
+      localStorage.setItem("theme-mode", mode);
+    },
+    [applyTheme]
+  );
+  (0, import_react20.useEffect)(() => {
+    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
+var import_react21 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var ThemeToggle = (0, import_react21.forwardRef)(
+  ({
+    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__ */ (0, import_jsx_runtime32.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setTheme(theme),
+          className: cn(buttonClasses, stateClasses),
+          ...buttonSize ? props : {},
+          children: [
+            showIcons && icon,
+            showLabels && label
+          ]
+        }
+      );
+    };
+    if (variant === "simple") {
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        "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__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { 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__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("flex flex-col gap-2", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [
+          "Tema: ",
+          getLabel()
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("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__ */ (0, import_jsx_runtime32.jsxs)("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
 var import_zustand5 = require("zustand");
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_phosphor_react16 = require("phosphor-react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var VARIANT_CLASSES4 = {
   outlined: "border-2 rounded-lg focus:border-primary-950",
   underlined: "border-b-2 focus:border-primary-950",
@@ -6155,13 +6331,13 @@ function getLabelAsNode(children) {
   if (typeof children === "string" || typeof children === "number") {
     return children;
   }
-  const flattened = import_react21.Children.toArray(children);
+  const flattened = import_react22.Children.toArray(children);
   if (flattened.length === 1) return flattened[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: flattened });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: flattened });
 }
 var injectStore4 = (children, store, size, selectId) => {
-  return import_react21.Children.map(children, (child) => {
-    if ((0, import_react21.isValidElement)(child)) {
+  return import_react22.Children.map(children, (child) => {
+    if ((0, import_react22.isValidElement)(child)) {
       const typedChild = child;
       const newProps = {
         store
@@ -6178,7 +6354,7 @@ var injectStore4 = (children, store, size, selectId) => {
           selectId
         );
       }
-      return (0, import_react21.cloneElement)(typedChild, newProps);
+      return (0, import_react22.cloneElement)(typedChild, newProps);
     }
     return child;
   });
@@ -6195,18 +6371,18 @@ var Select = ({
   errorMessage,
   id
 }) => {
-  const storeRef = (0, import_react21.useRef)(null);
+  const storeRef = (0, import_react22.useRef)(null);
   storeRef.current ??= createSelectStore(onValueChange);
   const store = storeRef.current;
-  const selectRef = (0, import_react21.useRef)(null);
+  const selectRef = (0, import_react22.useRef)(null);
   const { open, setOpen, setValue, selectedLabel } = (0, import_zustand5.useStore)(store, (s) => s);
-  const generatedId = (0, import_react21.useId)();
+  const generatedId = (0, import_react22.useId)();
   const selectId = id ?? `select-${generatedId}`;
   const findLabelForValue = (children2, targetValue) => {
     let found = null;
     const search = (nodes) => {
-      import_react21.Children.forEach(nodes, (child) => {
-        if (!(0, import_react21.isValidElement)(child)) return;
+      import_react22.Children.forEach(nodes, (child) => {
+        if (!(0, import_react22.isValidElement)(child)) return;
         const typedChild = child;
         if (typedChild.type === SelectItem && typedChild.props.value === targetValue) {
           if (typeof typedChild.props.children === "string")
@@ -6219,13 +6395,13 @@ var Select = ({
     search(children2);
     return found;
   };
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!selectedLabel && defaultValue) {
       const label2 = findLabelForValue(children, defaultValue);
       if (label2) store.setState({ selectedLabel: label2 });
     }
   }, [children, defaultValue, selectedLabel]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (selectRef.current && !selectRef.current.contains(event.target)) {
         setOpen(false);
@@ -6260,7 +6436,7 @@ var Select = ({
       document.removeEventListener("keydown", handleArrowKeys);
     };
   }, [open]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (propValue) {
       setValue(propValue);
       const label2 = findLabelForValue(children, propValue);
@@ -6268,8 +6444,8 @@ var Select = ({
     }
   }, [propValue]);
   const sizeClasses = SIZE_CLASSES12[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("w-full", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: cn("w-full", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "label",
       {
         htmlFor: selectId,
@@ -6277,11 +6453,11 @@ var Select = ({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("relative w-full"), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
-    (helperText || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
-      helperText && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react16.WarningCircle, { size: 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("relative w-full"), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
+    (helperText || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
+      helperText && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react16.WarningCircle, { size: 16 }),
         " ",
         errorMessage
       ] })
@@ -6295,9 +6471,9 @@ var SelectValue = ({
   const store = useSelectStore(externalStore);
   const selectedLabel = (0, import_zustand5.useStore)(store, (s) => s.selectedLabel);
   const value = (0, import_zustand5.useStore)(store, (s) => s.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-inherit flex gap-2 items-center", children: selectedLabel || placeholder || value });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-inherit flex gap-2 items-center", children: selectedLabel || placeholder || value });
 };
-var SelectTrigger = (0, import_react21.forwardRef)(
+var SelectTrigger = (0, import_react22.forwardRef)(
   ({
     className,
     invalid = false,
@@ -6314,7 +6490,7 @@ var SelectTrigger = (0, import_react21.forwardRef)(
     const variantClasses = VARIANT_CLASSES4[variant];
     const heightClasses = HEIGHT_CLASSES[size];
     const paddingClasses = PADDING_CLASSES[size];
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "button",
       {
         ref,
@@ -6336,7 +6512,7 @@ var SelectTrigger = (0, import_react21.forwardRef)(
         ...props,
         children: [
           props.children,
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             import_phosphor_react16.CaretDown,
             {
               className: cn(
@@ -6351,7 +6527,7 @@ var SelectTrigger = (0, import_react21.forwardRef)(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = (0, import_react21.forwardRef)(
+var SelectContent = (0, import_react22.forwardRef)(
   ({
     children,
     className,
@@ -6364,7 +6540,7 @@ var SelectContent = (0, import_react21.forwardRef)(
     const open = (0, import_zustand5.useStore)(store, (s) => s.open);
     if (!open) return null;
     const getPositionClasses = () => `w-full min-w-full absolute ${SIDE_CLASSES2[side]} ${ALIGN_CLASSES2[align]}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "div",
       {
         role: "menu",
@@ -6381,7 +6557,7 @@ var SelectContent = (0, import_react21.forwardRef)(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = (0, import_react21.forwardRef)(
+var SelectItem = (0, import_react22.forwardRef)(
   ({
     className,
     children,
@@ -6408,7 +6584,7 @@ var SelectItem = (0, import_react21.forwardRef)(
       }
       props.onClick?.(e);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "div",
       {
         role: "menuitem",
@@ -6428,7 +6604,7 @@ var SelectItem = (0, import_react21.forwardRef)(
         tabIndex: disabled ? -1 : 0,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react16.Check, { className: "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react16.Check, { className: "" }) }),
           children
         ]
       }
@@ -6440,9 +6616,9 @@ var Select_default = Select;
 
 // src/components/Menu/Menu.tsx
 var import_zustand6 = require("zustand");
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_phosphor_react17 = require("phosphor-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var createMenuStore = (onValueChange) => (0, import_zustand6.create)((set) => ({
   value: "",
   setValue: (value) => {
@@ -6461,7 +6637,7 @@ var VARIANT_CLASSES5 = {
   "menu-overflow": "",
   breadcrumb: "bg-transparent shadow-none !px-0"
 };
-var Menu = (0, import_react22.forwardRef)(
+var Menu = (0, import_react23.forwardRef)(
   ({
     className,
     children,
@@ -6471,16 +6647,16 @@ var Menu = (0, import_react22.forwardRef)(
     onValueChange,
     ...props
   }, ref) => {
-    const storeRef = (0, import_react22.useRef)(null);
+    const storeRef = (0, import_react23.useRef)(null);
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
     const { setValue } = (0, import_zustand6.useStore)(store, (s) => s);
-    (0, import_react22.useEffect)(() => {
+    (0, import_react23.useEffect)(() => {
       setValue(propValue ?? defaultValue);
     }, [defaultValue, propValue, setValue]);
     const baseClasses = variant === "menu-overflow" ? "w-fit py-2 flex flex-row items-center justify-center" : "w-full py-2 flex flex-row items-center justify-center";
     const variantClasses = VARIANT_CLASSES5[variant];
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "div",
       {
         ref,
@@ -6496,11 +6672,11 @@ var Menu = (0, import_react22.forwardRef)(
   }
 );
 Menu.displayName = "Menu";
-var MenuContent = (0, import_react22.forwardRef)(
+var MenuContent = (0, import_react23.forwardRef)(
   ({ className, children, variant = "menu", ...props }, ref) => {
     const baseClasses = "w-full flex flex-row items-center gap-2";
     const variantClasses = variant === "menu2" || variant === "menu-overflow" ? "overflow-x-auto scroll-smooth" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "ul",
       {
         ref,
@@ -6518,7 +6694,7 @@ var MenuContent = (0, import_react22.forwardRef)(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = (0, import_react22.forwardRef)(
+var MenuItem = (0, import_react23.forwardRef)(
   ({
     className,
     children,
@@ -6552,7 +6728,7 @@ var MenuItem = (0, import_react22.forwardRef)(
       ...props
     };
     const variants = {
-      menu: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      menu: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "li",
         {
           "data-variant": "menu",
@@ -6567,7 +6743,7 @@ var MenuItem = (0, import_react22.forwardRef)(
           children
         }
       ),
-      menu2: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      menu2: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         "li",
         {
           "data-variant": "menu2",
@@ -6578,7 +6754,7 @@ var MenuItem = (0, import_react22.forwardRef)(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               "span",
               {
                 className: cn(
@@ -6588,11 +6764,11 @@ var MenuItem = (0, import_react22.forwardRef)(
                 children
               }
             ),
-            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
           ]
         }
       ),
-      "menu-overflow": /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "menu-overflow": /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         "li",
         {
           "data-variant": "menu-overflow",
@@ -6603,7 +6779,7 @@ var MenuItem = (0, import_react22.forwardRef)(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               "span",
               {
                 className: cn(
@@ -6613,11 +6789,11 @@ var MenuItem = (0, import_react22.forwardRef)(
                 children
               }
             ),
-            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
           ]
         }
       ),
-      breadcrumb: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      breadcrumb: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         "li",
         {
           "data-variant": "breadcrumb",
@@ -6629,7 +6805,7 @@ var MenuItem = (0, import_react22.forwardRef)(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               "span",
               {
                 className: cn(
@@ -6639,7 +6815,7 @@ var MenuItem = (0, import_react22.forwardRef)(
                 children
               }
             ),
-            separator && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            separator && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               import_phosphor_react17.CaretRight,
               {
                 size: 16,
@@ -6676,10 +6852,10 @@ var MenuOverflow = ({
   onValueChange,
   ...props
 }) => {
-  const containerRef = (0, import_react22.useRef)(null);
-  const [showLeftArrow, setShowLeftArrow] = (0, import_react22.useState)(false);
-  const [showRightArrow, setShowRightArrow] = (0, import_react22.useState)(false);
-  (0, import_react22.useEffect)(() => {
+  const containerRef = (0, import_react23.useRef)(null);
+  const [showLeftArrow, setShowLeftArrow] = (0, import_react23.useState)(false);
+  const [showRightArrow, setShowRightArrow] = (0, import_react23.useState)(false);
+  (0, import_react23.useEffect)(() => {
     const checkScroll = () => internalCheckScroll(
       containerRef.current,
       setShowLeftArrow,
@@ -6694,25 +6870,25 @@ var MenuOverflow = ({
       window.removeEventListener("resize", checkScroll);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
       "data-testid": "menu-overflow-wrapper",
       className: cn("relative w-full overflow-hidden", className),
       children: [
-        showLeftArrow && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        showLeftArrow && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
           "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__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react17.CaretLeft, { size: 16 }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "Scroll left" })
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_phosphor_react17.CaretLeft, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "sr-only", children: "Scroll left" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           Menu,
           {
             defaultValue,
@@ -6720,18 +6896,18 @@ var MenuOverflow = ({
             value,
             variant: "menu2",
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MenuContent, { ref: containerRef, variant: "menu2", children })
+            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(MenuContent, { ref: containerRef, variant: "menu2", children })
           }
         ),
-        showRightArrow && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        showRightArrow && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
           "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__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react17.CaretRight, { size: 16 }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "Scroll right" })
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_phosphor_react17.CaretRight, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "sr-only", children: "Scroll right" })
             ]
           }
         )
@@ -6739,11 +6915,11 @@ var MenuOverflow = ({
     }
   );
 };
-var injectStore5 = (children, store) => import_react22.Children.map(children, (child) => {
-  if (!(0, import_react22.isValidElement)(child)) return child;
+var injectStore5 = (children, store) => import_react23.Children.map(children, (child) => {
+  if (!(0, import_react23.isValidElement)(child)) return child;
   const typedChild = child;
   const shouldInject = typedChild.type === MenuItem;
-  return (0, import_react22.cloneElement)(typedChild, {
+  return (0, import_react23.cloneElement)(typedChild, {
     ...shouldInject ? { store } : {},
     ...typedChild.props.children ? { children: injectStore5(typedChild.props.children, store) } : {}
   });
@@ -6751,8 +6927,8 @@ var injectStore5 = (children, store) => import_react22.Children.map(children, (c
 var Menu_default = Menu;
 
 // src/components/Skeleton/Skeleton.tsx
-var import_react23 = require("react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_react24 = require("react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var SKELETON_ANIMATION_CLASSES = {
   pulse: "animate-pulse",
   none: ""
@@ -6769,7 +6945,7 @@ var SPACING_CLASSES = {
   medium: "space-y-2",
   large: "space-y-3"
 };
-var Skeleton = (0, import_react23.forwardRef)(
+var Skeleton = (0, import_react24.forwardRef)(
   ({
     variant = "text",
     width,
@@ -6789,13 +6965,13 @@ var Skeleton = (0, import_react23.forwardRef)(
       height: typeof height === "number" ? `${height}px` : height
     };
     if (variant === "text" && lines > 1) {
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "div",
         {
           ref,
           className: cn("flex flex-col", spacingClass, className),
           ...props,
-          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "div",
             {
               className: cn(variantClass, animationClass),
@@ -6806,7 +6982,7 @@ var Skeleton = (0, import_react23.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "div",
       {
         ref,
@@ -6818,13 +6994,13 @@ var Skeleton = (0, import_react23.forwardRef)(
     );
   }
 );
-var SkeletonText = (0, import_react23.forwardRef)(
-  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Skeleton, { ref, variant: "text", ...props })
+var SkeletonText = (0, import_react24.forwardRef)(
+  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Skeleton, { ref, variant: "text", ...props })
 );
-var SkeletonCircle = (0, import_react23.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Skeleton, { ref, variant: "circular", ...props }));
-var SkeletonRectangle = (0, import_react23.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Skeleton, { ref, variant: "rectangular", ...props }));
-var SkeletonRounded = (0, import_react23.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Skeleton, { ref, variant: "rounded", ...props }));
-var SkeletonCard = (0, import_react23.forwardRef)(
+var SkeletonCircle = (0, import_react24.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Skeleton, { ref, variant: "circular", ...props }));
+var SkeletonRectangle = (0, import_react24.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Skeleton, { ref, variant: "rectangular", ...props }));
+var SkeletonRounded = (0, import_react24.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Skeleton, { ref, variant: "rounded", ...props }));
+var SkeletonCard = (0, import_react24.forwardRef)(
   ({
     showAvatar = true,
     showTitle = true,
@@ -6834,7 +7010,7 @@ var SkeletonCard = (0, import_react23.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       "div",
       {
         ref,
@@ -6844,23 +7020,23 @@ var SkeletonCard = (0, import_react23.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-start space-x-3", children: [
-            showAvatar && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SkeletonCircle, { width: 40, height: 40 }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex-1 space-y-2", children: [
-              showTitle && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SkeletonText, { width: "60%", height: 20 }),
-              showDescription && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SkeletonText, { lines, spacing: "small" })
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-start space-x-3", children: [
+            showAvatar && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SkeletonCircle, { width: 40, height: 40 }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex-1 space-y-2", children: [
+              showTitle && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SkeletonText, { width: "60%", height: 20 }),
+              showDescription && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SkeletonText, { lines, spacing: "small" })
             ] })
           ] }),
-          showActions && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex justify-end space-x-2 mt-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SkeletonRectangle, { width: 80, height: 32 }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SkeletonRectangle, { width: 80, height: 32 })
+          showActions && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex justify-end space-x-2 mt-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SkeletonRectangle, { width: 80, height: 32 }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SkeletonRectangle, { width: 80, height: 32 })
           ] })
         ]
       }
     );
   }
 );
-var SkeletonList = (0, import_react23.forwardRef)(
+var SkeletonList = (0, import_react24.forwardRef)(
   ({
     items = 3,
     showAvatar = true,
@@ -6870,19 +7046,19 @@ var SkeletonList = (0, import_react23.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-start space-x-3 p-3", children: [
-      showAvatar && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SkeletonCircle, { width: 32, height: 32 }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex-1 space-y-2", children: [
-        showTitle && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SkeletonText, { width: "40%", height: 16 }),
-        showDescription && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SkeletonText, { lines, spacing: "small" })
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-start space-x-3 p-3", children: [
+      showAvatar && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SkeletonCircle, { width: 32, height: 32 }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex-1 space-y-2", children: [
+        showTitle && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SkeletonText, { width: "40%", height: 16 }),
+        showDescription && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SkeletonText, { lines, spacing: "small" })
       ] })
     ] }, index)) });
   }
 );
-var SkeletonTable = (0, import_react23.forwardRef)(
+var SkeletonTable = (0, import_react24.forwardRef)(
   ({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { ref, className: cn("w-full", className), ...props, children: [
-      showHeader && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { ref, className: cn("w-full", className), ...props, children: [
+      showHeader && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         SkeletonText,
         {
           width: `${100 / columns}%`,
@@ -6890,7 +7066,7 @@ var SkeletonTable = (0, import_react23.forwardRef)(
         },
         index
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         SkeletonText,
         {
           width: `${100 / columns}%`,
@@ -6903,7 +7079,7 @@ var SkeletonTable = (0, import_react23.forwardRef)(
 );
 
 // src/components/NotFound/NotFound.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var NotFound = ({
   title,
   description,
@@ -6946,22 +7122,22 @@ var NotFound = ({
   const errorTitle = title || getDefaultTitle();
   const errorDescription = description || getDefaultDescription();
   const errorCode = getErrorCode();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       className: cn(
         "flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "main",
         {
           role: "main",
           "aria-labelledby": "error-title",
           "aria-describedby": "error-description",
           className: "flex flex-col items-center text-center max-w-md space-y-6",
-          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               "div",
               {
                 className: "text-8xl font-bold text-primary-300 select-none",
@@ -6969,8 +7145,8 @@ var NotFound = ({
                 children: errorCode
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("header", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("header", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 Text_default,
                 {
                   size: "xl",
@@ -6981,9 +7157,9 @@ var NotFound = ({
                   children: errorTitle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
             ] }),
-            onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               Button_default,
               {
                 onClick: handleButtonClick,
@@ -7004,9 +7180,10 @@ var NotFound = ({
 var NotFound_default = NotFound;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
+var import_react_dom = require("react-dom");
 var import_phosphor_react18 = require("phosphor-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var CONTROLS_HIDE_TIMEOUT = 3e3;
 var LEAVE_HIDE_TIMEOUT = 1e3;
 var INIT_DELAY = 100;
@@ -7021,7 +7198,7 @@ var ProgressBar2 = ({
   duration,
   progressPercentage,
   onSeek
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "px-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "px-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "input",
   {
     type: "range",
@@ -7041,17 +7218,17 @@ var VolumeControls = ({
   isMuted,
   onVolumeChange,
   onToggleMute
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     IconButton_default,
     {
-      icon: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.SpeakerSlash, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.SpeakerHigh, { size: 24 }),
+      icon: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.SpeakerSlash, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.SpeakerHigh, { size: 24 }),
       onClick: onToggleMute,
       "aria-label": isMuted ? "Unmute" : "Mute",
       className: "!bg-transparent !text-white hover:!bg-white/20"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "input",
     {
       type: "range",
@@ -7071,30 +7248,63 @@ var SpeedMenu = ({
   showSpeedMenu,
   playbackRate,
   onToggleMenu,
-  onSpeedChange
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-    IconButton_default,
+  onSpeedChange,
+  isFullscreen
+}) => {
+  const buttonRef = (0, import_react25.useRef)(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__ */ (0, import_jsx_runtime37.jsx)(
+    "div",
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.DotsThreeVertical, { 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__ */ (0, import_jsx_runtime37.jsxs)(
+        "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__ */ (0, import_jsx_runtime36.jsx)("div", { className: "absolute bottom-12 right-0 bg-black/90 rounded-lg p-2 min-w-20", children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-    "button",
-    {
-      onClick: () => 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" ? (0, import_react_dom.createPortal)(menuContent, document.body) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      IconButton_default,
+      {
+        ref: buttonRef,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.DotsThreeVertical, { 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,
@@ -7109,26 +7319,26 @@ var VideoPlayer = ({
   autoSave = true,
   storageKey = "video-progress"
 }) => {
-  const videoRef = (0, import_react24.useRef)(null);
-  const [isPlaying, setIsPlaying] = (0, import_react24.useState)(false);
-  const [currentTime, setCurrentTime] = (0, import_react24.useState)(0);
-  const [duration, setDuration] = (0, import_react24.useState)(0);
-  const [isMuted, setIsMuted] = (0, import_react24.useState)(false);
-  const [volume, setVolume] = (0, import_react24.useState)(1);
-  const [isFullscreen, setIsFullscreen] = (0, import_react24.useState)(false);
-  const [showControls, setShowControls] = (0, import_react24.useState)(true);
-  const [hasCompleted, setHasCompleted] = (0, import_react24.useState)(false);
-  const [showCaptions, setShowCaptions] = (0, import_react24.useState)(false);
-  (0, import_react24.useEffect)(() => {
+  const videoRef = (0, import_react25.useRef)(null);
+  const [isPlaying, setIsPlaying] = (0, import_react25.useState)(false);
+  const [currentTime, setCurrentTime] = (0, import_react25.useState)(0);
+  const [duration, setDuration] = (0, import_react25.useState)(0);
+  const [isMuted, setIsMuted] = (0, import_react25.useState)(false);
+  const [volume, setVolume] = (0, import_react25.useState)(1);
+  const [isFullscreen, setIsFullscreen] = (0, import_react25.useState)(false);
+  const [showControls, setShowControls] = (0, import_react25.useState)(true);
+  const [hasCompleted, setHasCompleted] = (0, import_react25.useState)(false);
+  const [showCaptions, setShowCaptions] = (0, import_react25.useState)(false);
+  (0, import_react25.useEffect)(() => {
     setHasCompleted(false);
   }, [src]);
-  const [playbackRate, setPlaybackRate] = (0, import_react24.useState)(1);
-  const [showSpeedMenu, setShowSpeedMenu] = (0, import_react24.useState)(false);
-  const lastSaveTimeRef = (0, import_react24.useRef)(0);
-  const trackRef = (0, import_react24.useRef)(null);
-  const controlsTimeoutRef = (0, import_react24.useRef)(null);
-  const lastMousePositionRef = (0, import_react24.useRef)({ x: 0, y: 0 });
-  const isUserInteracting = (0, import_react24.useCallback)(() => {
+  const [playbackRate, setPlaybackRate] = (0, import_react25.useState)(1);
+  const [showSpeedMenu, setShowSpeedMenu] = (0, import_react25.useState)(false);
+  const lastSaveTimeRef = (0, import_react25.useRef)(0);
+  const trackRef = (0, import_react25.useRef)(null);
+  const controlsTimeoutRef = (0, import_react25.useRef)(null);
+  const lastMousePositionRef = (0, import_react25.useRef)({ x: 0, y: 0 });
+  const isUserInteracting = (0, import_react25.useCallback)(() => {
     if (showSpeedMenu) {
       return true;
     }
@@ -7145,13 +7355,13 @@ var VideoPlayer = ({
     }
     return false;
   }, [showSpeedMenu]);
-  const clearControlsTimeout = (0, import_react24.useCallback)(() => {
+  const clearControlsTimeout = (0, import_react25.useCallback)(() => {
     if (controlsTimeoutRef.current) {
       clearTimeout(controlsTimeoutRef.current);
       controlsTimeoutRef.current = null;
     }
   }, []);
-  const showControlsWithTimer = (0, import_react24.useCallback)(() => {
+  const showControlsWithTimer = (0, import_react25.useCallback)(() => {
     setShowControls(true);
     clearControlsTimeout();
     if (isFullscreen) {
@@ -7166,7 +7376,7 @@ var VideoPlayer = ({
       }, CONTROLS_HIDE_TIMEOUT);
     }
   }, [isFullscreen, isPlaying, clearControlsTimeout]);
-  const handleMouseMove = (0, import_react24.useCallback)(
+  const handleMouseMove = (0, import_react25.useCallback)(
     (event) => {
       const currentX = event.clientX;
       const currentY = event.clientY;
@@ -7179,10 +7389,10 @@ var VideoPlayer = ({
     },
     [showControlsWithTimer]
   );
-  const handleMouseEnter = (0, import_react24.useCallback)(() => {
+  const handleMouseEnter = (0, import_react25.useCallback)(() => {
     showControlsWithTimer();
   }, [showControlsWithTimer]);
-  const handleMouseLeave = (0, import_react24.useCallback)(() => {
+  const handleMouseLeave = (0, import_react25.useCallback)(() => {
     const userInteracting = isUserInteracting();
     clearControlsTimeout();
     if (!isFullscreen && !userInteracting) {
@@ -7191,13 +7401,13 @@ var VideoPlayer = ({
       }, LEAVE_HIDE_TIMEOUT);
     }
   }, [isFullscreen, clearControlsTimeout, isUserInteracting]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (videoRef.current) {
       videoRef.current.volume = volume;
       videoRef.current.muted = isMuted;
     }
   }, [volume, isMuted]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const video = videoRef.current;
     if (!video) return;
     const onPlay = () => setIsPlaying(true);
@@ -7212,7 +7422,7 @@ var VideoPlayer = ({
       video.removeEventListener("ended", onEnded);
     };
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (isPlaying) {
       showControlsWithTimer();
     } else {
@@ -7224,7 +7434,7 @@ var VideoPlayer = ({
       }
     }
   }, [isPlaying, isFullscreen, showControlsWithTimer, clearControlsTimeout]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const handleFullscreenChange = () => {
       const isCurrentlyFullscreen = !!document.fullscreenElement;
       setIsFullscreen(isCurrentlyFullscreen);
@@ -7237,7 +7447,7 @@ var VideoPlayer = ({
       document.removeEventListener("fullscreenchange", handleFullscreenChange);
     };
   }, [showControlsWithTimer]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const init = () => {
       if (!isFullscreen) {
         showControlsWithTimer();
@@ -7259,7 +7469,7 @@ var VideoPlayer = ({
       };
     }
   }, []);
-  const getInitialTime = (0, import_react24.useCallback)(() => {
+  const getInitialTime = (0, import_react25.useCallback)(() => {
     if (!autoSave || !storageKey) {
       return Number.isFinite(initialTime) && initialTime >= 0 ? initialTime : void 0;
     }
@@ -7270,14 +7480,14 @@ var VideoPlayer = ({
     if (hasValidSaved) return saved;
     return void 0;
   }, [autoSave, storageKey, src, initialTime]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const start = getInitialTime();
     if (start !== void 0 && videoRef.current) {
       videoRef.current.currentTime = start;
       setCurrentTime(start);
     }
   }, [getInitialTime]);
-  const saveProgress = (0, import_react24.useCallback)(
+  const saveProgress = (0, import_react25.useCallback)(
     (time) => {
       if (!autoSave || !storageKey) return;
       const now = Date.now();
@@ -7288,7 +7498,7 @@ var VideoPlayer = ({
     },
     [autoSave, storageKey, src]
   );
-  const togglePlayPause = (0, import_react24.useCallback)(async () => {
+  const togglePlayPause = (0, import_react25.useCallback)(async () => {
     const video = videoRef.current;
     if (!video) return;
     if (!video.paused) {
@@ -7300,7 +7510,7 @@ var VideoPlayer = ({
     } catch {
     }
   }, []);
-  const handleVolumeChange = (0, import_react24.useCallback)(
+  const handleVolumeChange = (0, import_react25.useCallback)(
     (newVolume) => {
       const video = videoRef.current;
       if (!video) return;
@@ -7319,7 +7529,7 @@ var VideoPlayer = ({
     },
     [isMuted]
   );
-  const toggleMute = (0, import_react24.useCallback)(() => {
+  const toggleMute = (0, import_react25.useCallback)(() => {
     const video = videoRef.current;
     if (!video) return;
     if (isMuted) {
@@ -7333,13 +7543,13 @@ var VideoPlayer = ({
       setIsMuted(true);
     }
   }, [isMuted, volume]);
-  const handleSeek = (0, import_react24.useCallback)((newTime) => {
+  const handleSeek = (0, import_react25.useCallback)((newTime) => {
     const video = videoRef.current;
     if (video) {
       video.currentTime = newTime;
     }
   }, []);
-  const toggleFullscreen = (0, import_react24.useCallback)(() => {
+  const toggleFullscreen = (0, import_react25.useCallback)(() => {
     const container = videoRef.current?.parentElement;
     if (!container) return;
     if (!isFullscreen && container.requestFullscreen) {
@@ -7348,23 +7558,23 @@ var VideoPlayer = ({
       document.exitFullscreen();
     }
   }, [isFullscreen]);
-  const handleSpeedChange = (0, import_react24.useCallback)((speed) => {
+  const handleSpeedChange = (0, import_react25.useCallback)((speed) => {
     if (videoRef.current) {
       videoRef.current.playbackRate = speed;
       setPlaybackRate(speed);
       setShowSpeedMenu(false);
     }
   }, []);
-  const toggleSpeedMenu = (0, import_react24.useCallback)(() => {
+  const toggleSpeedMenu = (0, import_react25.useCallback)(() => {
     setShowSpeedMenu(!showSpeedMenu);
   }, [showSpeedMenu]);
-  const toggleCaptions = (0, import_react24.useCallback)(() => {
+  const toggleCaptions = (0, import_react25.useCallback)(() => {
     if (!trackRef.current?.track || !subtitles) return;
     const newShowCaptions = !showCaptions;
     setShowCaptions(newShowCaptions);
     trackRef.current.track.mode = newShowCaptions && subtitles ? "showing" : "hidden";
   }, [showCaptions, subtitles]);
-  const checkVideoCompletion = (0, import_react24.useCallback)(
+  const checkVideoCompletion = (0, import_react25.useCallback)(
     (progressPercent) => {
       if (progressPercent >= 95 && !hasCompleted) {
         setHasCompleted(true);
@@ -7373,7 +7583,7 @@ var VideoPlayer = ({
     },
     [hasCompleted, onVideoComplete]
   );
-  const handleTimeUpdate = (0, import_react24.useCallback)(() => {
+  const handleTimeUpdate = (0, import_react25.useCallback)(() => {
     const video = videoRef.current;
     if (!video) return;
     const current = video.currentTime;
@@ -7386,17 +7596,17 @@ var VideoPlayer = ({
       checkVideoCompletion(progressPercent);
     }
   }, [duration, saveProgress, onTimeUpdate, onProgress, checkVideoCompletion]);
-  const handleLoadedMetadata = (0, import_react24.useCallback)(() => {
+  const handleLoadedMetadata = (0, import_react25.useCallback)(() => {
     if (videoRef.current) {
       setDuration(videoRef.current.duration);
     }
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (trackRef.current?.track) {
       trackRef.current.track.mode = showCaptions && subtitles ? "showing" : "hidden";
     }
   }, [subtitles, showCaptions]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const handleVisibilityChange = () => {
       if (document.hidden && isPlaying && videoRef.current) {
         videoRef.current.pause();
@@ -7418,13 +7628,13 @@ var VideoPlayer = ({
     };
   }, [isPlaying, clearControlsTimeout]);
   const progressPercentage = duration > 0 ? currentTime / duration * 100 : 0;
-  const getTopControlsOpacity = (0, import_react24.useCallback)(() => {
+  const getTopControlsOpacity = (0, import_react25.useCallback)(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const getBottomControlsOpacity = (0, import_react24.useCallback)(() => {
+  const getBottomControlsOpacity = (0, import_react25.useCallback)(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const handleVideoKeyDown = (0, import_react24.useCallback)(
+  const handleVideoKeyDown = (0, import_react25.useCallback)(
     (e) => {
       if (e.key) {
         e.stopPropagation();
@@ -7479,9 +7689,9 @@ var VideoPlayer = ({
       toggleFullscreen
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn("flex flex-col", className), children: [
-    (title || subtitleText) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn("flex flex-col", className), children: [
+    (title || subtitleText) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         Text_default,
         {
           as: "h2",
@@ -7492,7 +7702,7 @@ var VideoPlayer = ({
           children: title
         }
       ),
-      subtitleText && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      subtitleText && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         Text_default,
         {
           as: "p",
@@ -7504,7 +7714,7 @@ var VideoPlayer = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       "section",
       {
         className: cn(
@@ -7519,7 +7729,7 @@ var VideoPlayer = ({
         onTouchStart: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "video",
             {
               ref: videoRef,
@@ -7533,7 +7743,7 @@ var VideoPlayer = ({
               onKeyDown: handleVideoKeyDown,
               tabIndex: 0,
               "aria-label": title ? `Video: ${title}` : "Video player",
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 "track",
                 {
                   ref: trackRef,
@@ -7546,26 +7756,26 @@ var VideoPlayer = ({
               )
             }
           ),
-          !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30 transition-opacity", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30 transition-opacity", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             IconButton_default,
             {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.Play, { size: 32, weight: "regular", className: "ml-1" }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.Play, { size: 32, weight: "regular", className: "ml-1" }),
               onClick: togglePlayPause,
               "aria-label": "Play video",
               className: "!bg-transparent !text-white !w-auto !h-auto hover:!bg-transparent hover:!text-gray-200"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "div",
             {
               className: cn(
                 "absolute top-0 left-0 right-0 p-4 bg-gradient-to-b from-black/70 to-transparent transition-opacity",
                 getTopControlsOpacity()
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 IconButton_default,
                 {
-                  icon: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.ArrowsOutSimple, { size: 24 }),
+                  icon: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.ArrowsOutSimple, { size: 24 }),
                   onClick: toggleFullscreen,
                   "aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
                   className: "!bg-transparent !text-white hover:!bg-white/20"
@@ -7573,7 +7783,7 @@ var VideoPlayer = ({
               ) })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
             "div",
             {
               className: cn(
@@ -7581,7 +7791,7 @@ var VideoPlayer = ({
                 getBottomControlsOpacity()
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                   ProgressBar2,
                   {
                     currentTime,
@@ -7590,18 +7800,18 @@ var VideoPlayer = ({
                     onSeek: handleSeek
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between px-4 pb-4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-4", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between px-4 pb-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                       IconButton_default,
                       {
-                        icon: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.Pause, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.Play, { size: 24 }),
+                        icon: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.Pause, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.Play, { size: 24 }),
                         onClick: togglePlayPause,
                         "aria-label": isPlaying ? "Pause" : "Play",
                         className: "!bg-transparent !text-white hover:!bg-white/20"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                       VolumeControls,
                       {
                         volume,
@@ -7610,10 +7820,10 @@ var VideoPlayer = ({
                         onToggleMute: toggleMute
                       }
                     ),
-                    subtitles && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                    subtitles && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                       IconButton_default,
                       {
-                        icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react18.ClosedCaptioning, { size: 24 }),
+                        icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.ClosedCaptioning, { size: 24 }),
                         onClick: toggleCaptions,
                         "aria-label": showCaptions ? "Hide captions" : "Show captions",
                         className: cn(
@@ -7622,19 +7832,20 @@ var VideoPlayer = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
                       formatTime(currentTime),
                       " / ",
                       formatTime(duration)
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                     SpeedMenu,
                     {
                       showSpeedMenu,
                       playbackRate,
                       onToggleMenu: toggleSpeedMenu,
-                      onSpeedChange: handleSpeedChange
+                      onSpeedChange: handleSpeedChange,
+                      isFullscreen
                     }
                   ) })
                 ] })
@@ -7649,9 +7860,9 @@ var VideoPlayer = ({
 var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_phosphor_react19 = require("phosphor-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var IMAGE_WIDTH = 225;
 var IMAGE_HEIGHT = 90;
 var Whiteboard = ({
@@ -7662,8 +7873,8 @@ var Whiteboard = ({
   imagesPerRow = 2,
   ...rest
 }) => {
-  const [imageErrors, setImageErrors] = (0, import_react25.useState)(/* @__PURE__ */ new Set());
-  const handleDownload = (0, import_react25.useCallback)(
+  const [imageErrors, setImageErrors] = (0, import_react26.useState)(/* @__PURE__ */ new Set());
+  const handleDownload = (0, import_react26.useCallback)(
     (image) => {
       if (onDownload) {
         onDownload(image);
@@ -7680,7 +7891,7 @@ var Whiteboard = ({
     },
     [onDownload]
   );
-  const handleImageError = (0, import_react25.useCallback)((imageId) => {
+  const handleImageError = (0, import_react26.useCallback)((imageId) => {
     setImageErrors((prev) => new Set(prev).add(imageId));
   }, []);
   const gridColsClass = images?.length === 1 ? "grid-cols-1" : {
@@ -7689,7 +7900,7 @@ var Whiteboard = ({
     4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
   }[imagesPerRow];
   if (!images || images.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "div",
       {
         className: cn(
@@ -7697,11 +7908,11 @@ var Whiteboard = ({
           className
         ),
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       className: cn(
@@ -7709,7 +7920,7 @@ var Whiteboard = ({
         className
       ),
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
         "div",
         {
           className: "relative group overflow-hidden bg-gray-100 rounded-lg",
@@ -7717,7 +7928,7 @@ var Whiteboard = ({
             width: `${IMAGE_WIDTH}px`
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "div",
               {
                 className: "relative",
@@ -7725,8 +7936,8 @@ var Whiteboard = ({
                   width: `${IMAGE_WIDTH}px`,
                   height: `${IMAGE_HEIGHT}px`
                 },
-                children: imageErrors.has(image.id) ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                children: imageErrors.has(image.id) ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                     "img",
                     {
                       src: image.imageUrl,
@@ -7736,18 +7947,18 @@ var Whiteboard = ({
                       onError: () => handleImageError(image.id)
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
                 ] })
               }
             ),
-            showDownload && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            showDownload && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "button",
               {
                 type: "button",
                 onClick: () => handleDownload(image),
                 className: "cursor-pointer absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6",
                 "aria-label": `Download ${image.title || "imagem"}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   import_phosphor_react19.ArrowsOut,
                   {
                     size: 24,
@@ -7767,10 +7978,10 @@ var Whiteboard = ({
 var Whiteboard_default = Whiteboard;
 
 // src/components/Auth/Auth.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_react_router_dom = require("react-router-dom");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var AuthContext = (0, import_react26.createContext)(void 0);
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var AuthContext = (0, import_react27.createContext)(void 0);
 var AuthProvider = ({
   children,
   checkAuthFn,
@@ -7780,12 +7991,12 @@ var AuthProvider = ({
   getSessionFn,
   getTokensFn
 }) => {
-  const [authState, setAuthState] = (0, import_react26.useState)({
+  const [authState, setAuthState] = (0, import_react27.useState)({
     isAuthenticated: false,
     isLoading: true,
     ...initialAuthState
   });
-  const checkAuth = (0, import_react26.useCallback)(async () => {
+  const checkAuth = (0, import_react27.useCallback)(async () => {
     try {
       setAuthState((prev) => ({ ...prev, isLoading: true }));
       if (!checkAuthFn) {
@@ -7816,7 +8027,7 @@ var AuthProvider = ({
       return false;
     }
   }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);
-  const signOut = (0, import_react26.useCallback)(() => {
+  const signOut = (0, import_react27.useCallback)(() => {
     if (signOutFn) {
       signOutFn();
     }
@@ -7828,10 +8039,10 @@ var AuthProvider = ({
       tokens: void 0
     }));
   }, [signOutFn]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     checkAuth();
   }, [checkAuth]);
-  const contextValue = (0, import_react26.useMemo)(
+  const contextValue = (0, import_react27.useMemo)(
     () => ({
       ...authState,
       checkAuth,
@@ -7839,10 +8050,10 @@ var AuthProvider = ({
     }),
     [authState, checkAuth, signOut]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AuthContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AuthContext.Provider, { value: contextValue, children });
 };
 var useAuth = () => {
-  const context = (0, import_react26.useContext)(AuthContext);
+  const context = (0, import_react27.useContext)(AuthContext);
   if (context === void 0) {
     throw new Error("useAuth deve ser usado dentro de um AuthProvider");
   }
@@ -7855,9 +8066,9 @@ var ProtectedRoute = ({
   additionalCheck
 }) => {
   const { isAuthenticated, isLoading, ...authState } = useAuth();
-  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: loadingComponent || defaultLoadingComponent });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: loadingComponent || defaultLoadingComponent });
   }
   if (!isAuthenticated) {
     if (typeof window !== "undefined") {
@@ -7868,12 +8079,12 @@ var ProtectedRoute = ({
         return null;
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
   if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children });
 };
 var PublicRoute = ({
   children,
@@ -7883,15 +8094,15 @@ var PublicRoute = ({
 }) => {
   const { isAuthenticated, isLoading } = useAuth();
   if (checkAuthBeforeRender && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   }
   if (isAuthenticated && redirectIfAuthenticated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children });
 };
 var withAuth = (Component, options = {}) => {
-  return (props) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Component, { ...props }) });
+  return (props) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Component, { ...props }) });
 };
 var useAuthGuard = (options = {}) => {
   const authState = useAuth();
@@ -7906,7 +8117,7 @@ var useAuthGuard = (options = {}) => {
 var useRouteAuth = (fallbackPath = "/") => {
   const { isAuthenticated, isLoading } = useAuth();
   const location = (0, import_react_router_dom.useLocation)();
-  const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_router_dom.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
+  const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
   return {
     isAuthenticated,
     isLoading,
@@ -7982,7 +8193,7 @@ function createZustandAuthAdapter(useAuthStore) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_react_router_dom2 = require("react-router-dom");
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -8030,8 +8241,8 @@ var handleUserData = (responseData, setUser) => {
 };
 function useUrlAuthentication(options) {
   const location = (0, import_react_router_dom2.useLocation)();
-  const processedRef = (0, import_react27.useRef)(false);
-  (0, import_react27.useEffect)(() => {
+  const processedRef = (0, import_react28.useRef)(false);
+  (0, import_react28.useEffect)(() => {
     const handleAuthentication = async () => {
       if (processedRef.current) {
         return;
@@ -8102,9 +8313,9 @@ function useUrlAuthentication(options) {
 }
 
 // src/components/Auth/useApiConfig.ts
-var import_react28 = require("react");
+var import_react29 = require("react");
 function useApiConfig(api) {
-  return (0, import_react28.useMemo)(
+  return (0, import_react29.useMemo)(
     () => ({
       get: (endpoint, config) => api.get(endpoint, config)
     }),
@@ -8114,7 +8325,7 @@ function useApiConfig(api) {
 
 // src/components/Quiz/Quiz.tsx
 var import_phosphor_react20 = require("phosphor-react");
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/components/Quiz/useQuizStore.ts
 var import_zustand7 = require("zustand");
@@ -8750,13 +8961,13 @@ var useQuizStore = (0, import_zustand7.create)()(
 var mock_image_question_default = "./mock-image-question-HEZCLFDL.png";
 
 // src/components/Quiz/Quiz.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var getStatusBadge = (status) => {
   switch (status) {
     case "correct":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.CheckCircle, {}), children: "Resposta correta" });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react20.CheckCircle, {}), children: "Resposta correta" });
     case "incorrect":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.XCircle, {}), children: "Resposta incorreta" });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react20.XCircle, {}), children: "Resposta incorreta" });
     default:
       return null;
   }
@@ -8769,18 +8980,18 @@ var getStatusStyles = (variantCorrect) => {
       return "bg-error-background border-error-300";
   }
 };
-var Quiz = (0, import_react29.forwardRef)(({ children, className, variant = "default", ...props }, ref) => {
+var Quiz = (0, import_react30.forwardRef)(({ children, className, variant = "default", ...props }, ref) => {
   const { setVariant } = useQuizStore();
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setVariant(variant);
   }, [variant, setVariant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children });
 });
-var QuizHeaderResult = (0, import_react29.forwardRef)(
+var QuizHeaderResult = (0, import_react30.forwardRef)(
   ({ className, ...props }, ref) => {
     const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
-    const [status, setStatus] = (0, import_react29.useState)(void 0);
-    (0, import_react29.useEffect)(() => {
+    const [status, setStatus] = (0, import_react30.useState)(void 0);
+    (0, import_react30.useEffect)(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
         setStatus(void 0);
@@ -8815,7 +9026,7 @@ var QuizHeaderResult = (0, import_react29.forwardRef)(
           return "N\xE3o foi dessa vez...voc\xEA deixou a resposta em branco";
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
       {
         ref,
@@ -8826,14 +9037,14 @@ var QuizHeaderResult = (0, import_react29.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
         ]
       }
     );
   }
 );
-var QuizTitle = (0, import_react29.forwardRef)(
+var QuizTitle = (0, import_react30.forwardRef)(
   ({ className, ...props }, ref) => {
     const {
       currentQuestionIndex,
@@ -8843,7 +9054,7 @@ var QuizTitle = (0, import_react29.forwardRef)(
       formatTime: formatTime2,
       isStarted
     } = useQuizStore();
-    const [showExitConfirmation, setShowExitConfirmation] = (0, import_react29.useState)(false);
+    const [showExitConfirmation, setShowExitConfirmation] = (0, import_react30.useState)(false);
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
     const handleBackClick = () => {
@@ -8860,8 +9071,8 @@ var QuizTitle = (0, import_react29.forwardRef)(
     const handleCancelExit = () => {
       setShowExitConfirmation(false);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
         "div",
         {
           ref,
@@ -8871,24 +9082,24 @@ var QuizTitle = (0, import_react29.forwardRef)(
           ),
           ...props,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               IconButton_default,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.CaretLeft, { size: 24 }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react20.CaretLeft, { size: 24 }),
                 size: "md",
                 "aria-label": "Voltar",
                 onClick: handleBackClick
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react20.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         AlertDialog,
         {
           isOpen: showExitConfirmation,
@@ -8904,15 +9115,15 @@ var QuizTitle = (0, import_react29.forwardRef)(
     ] });
   }
 );
-var QuizSubTitle = (0, import_react29.forwardRef)(
+var QuizSubTitle = (0, import_react30.forwardRef)(
   ({ subTitle, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
   }
 );
 var QuizHeader = () => {
   const { getCurrentQuestion, currentQuestionIndex } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     HeaderAlternative,
     {
       title: currentQuestion ? `Quest\xE3o ${currentQuestionIndex + 1}` : "Quest\xE3o",
@@ -8921,8 +9132,8 @@ var QuizHeader = () => {
     }
   );
 };
-var QuizContainer = (0, import_react29.forwardRef)(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+var QuizContainer = (0, import_react30.forwardRef)(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "div",
     {
       ref,
@@ -8935,7 +9146,7 @@ var QuizContainer = (0, import_react29.forwardRef)(({ children, className, ...pr
     }
   );
 });
-var QuizContent = (0, import_react29.forwardRef)(({ paddingBottom }) => {
+var QuizContent = (0, import_react30.forwardRef)(({ paddingBottom }) => {
   const { getCurrentQuestion } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const questionComponents = {
@@ -8948,7 +9159,7 @@ var QuizContent = (0, import_react29.forwardRef)(({ paddingBottom }) => {
     ["IMAGEM" /* IMAGEM */]: QuizImageQuestion
   };
   const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.questionType] : null;
-  return QuestionComponent ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuestionComponent, { paddingBottom }) : null;
+  return QuestionComponent ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuestionComponent, { paddingBottom }) : null;
 });
 var QuizAlternative = ({ paddingBottom }) => {
   const {
@@ -8985,10 +9196,10 @@ var QuizAlternative = ({ paddingBottom }) => {
     };
   });
   if (!alternatives)
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       AlternativesList,
       {
         mode: variant === "default" ? "interactive" : "readonly",
@@ -9020,15 +9231,15 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
   const currentQuestionResult = getQuestionResultByQuestionId(
     currentQuestion?.id || ""
   );
-  const prevSelectedValuesRef = (0, import_react29.useRef)([]);
-  const prevQuestionIdRef = (0, import_react29.useRef)("");
-  const allCurrentAnswerIds = (0, import_react29.useMemo)(() => {
+  const prevSelectedValuesRef = (0, import_react30.useRef)([]);
+  const prevQuestionIdRef = (0, import_react30.useRef)("");
+  const allCurrentAnswerIds = (0, import_react30.useMemo)(() => {
     return allCurrentAnswers?.map((answer) => answer.optionId) || [];
   }, [allCurrentAnswers]);
-  const selectedValues = (0, import_react29.useMemo)(() => {
+  const selectedValues = (0, import_react30.useMemo)(() => {
     return allCurrentAnswerIds?.filter((id) => id !== null) || [];
   }, [allCurrentAnswerIds]);
-  const stableSelectedValues = (0, import_react29.useMemo)(() => {
+  const stableSelectedValues = (0, import_react30.useMemo)(() => {
     const currentQuestionId = currentQuestion?.id || "";
     const hasQuestionChanged = prevQuestionIdRef.current !== currentQuestionId;
     if (hasQuestionChanged) {
@@ -9052,7 +9263,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     variant,
     currentQuestionResult?.selectedOptions
   ]);
-  const handleSelectedValues = (0, import_react29.useCallback)(
+  const handleSelectedValues = (0, import_react30.useCallback)(
     (values) => {
       if (currentQuestion) {
         selectMultipleAnswer(currentQuestion.id, values);
@@ -9060,7 +9271,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     },
     [currentQuestion, selectMultipleAnswer]
   );
-  const questionKey = (0, import_react29.useMemo)(
+  const questionKey = (0, import_react30.useMemo)(
     () => `question-${currentQuestion?.id || "1"}`,
     [currentQuestion?.id]
   );
@@ -9086,10 +9297,10 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     };
   });
   if (!choices)
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       MultipleChoiceList,
       {
         choices,
@@ -9115,13 +9326,13 @@ var QuizDissertative = ({ paddingBottom }) => {
     currentQuestion?.id || ""
   );
   const currentAnswer = getCurrentAnswer();
-  const textareaRef = (0, import_react29.useRef)(null);
+  const textareaRef = (0, import_react30.useRef)(null);
   const handleAnswerChange = (value) => {
     if (currentQuestion) {
       selectDissertativeAnswer(currentQuestion.id, value);
     }
   };
-  const adjustTextareaHeight = (0, import_react29.useCallback)(() => {
+  const adjustTextareaHeight = (0, import_react30.useCallback)(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       const scrollHeight = textareaRef.current.scrollHeight;
@@ -9131,16 +9342,16 @@ var QuizDissertative = ({ paddingBottom }) => {
       textareaRef.current.style.height = `${newHeight}px`;
     }
   }, []);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
   }
   const localAnswer = (variant == "result" ? currentQuestionResult?.answer : currentAnswer?.answer) || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizSubTitle, { subTitle: "Resposta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizSubTitle, { subTitle: "Resposta" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       TextArea_default,
       {
         ref: textareaRef,
@@ -9150,10 +9361,10 @@ var QuizDissertative = ({ paddingBottom }) => {
         rows: 4,
         className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto"
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
-    variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Mauris euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim." }) })
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
+    variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Mauris euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim." }) })
     ] })
   ] });
 };
@@ -9179,16 +9390,16 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
   ];
   const getLetterByIndex = (index) => String.fromCharCode(97 + index);
   const isDefaultVariant = variant == "default";
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
       const variantCorrect = option.isCorrect ? "correct" : "incorrect";
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
         "section",
         {
           className: "flex flex-col gap-2",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
               "div",
               {
                 className: cn(
@@ -9196,20 +9407,20 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
                   !isDefaultVariant ? getStatusStyles(variantCorrect) : ""
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
-                  isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Select_default, { size: "medium", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(SelectContent, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectItem, { value: "V", children: "Verdadeiro" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectItem, { value: "F", children: "Falso" })
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
+                  isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Select_default, { size: "medium", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(SelectContent, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectItem, { value: "V", children: "Verdadeiro" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectItem, { value: "F", children: "Falso" })
                     ] })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
                 ]
               }
             ),
-            !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
-              !option.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
+            !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
+              !option.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
             ] })
           ]
         },
@@ -9270,7 +9481,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
       isCorrect: false
     }
   ];
-  const [userAnswers, setUserAnswers] = (0, import_react29.useState)(() => {
+  const [userAnswers, setUserAnswers] = (0, import_react30.useState)(() => {
     if (variant === "result") {
       return mockUserAnswers;
     }
@@ -9299,13 +9510,13 @@ var QuizConnectDots = ({ paddingBottom }) => {
   const assignedDots = new Set(
     userAnswers.map((a) => a.dotOption).filter(Boolean)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
       const answer = userAnswers[index];
       const variantCorrect = answer.isCorrect ? "correct" : "incorrect";
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "div",
           {
             className: cn(
@@ -9313,30 +9524,30 @@ var QuizConnectDots = ({ paddingBottom }) => {
               !isDefaultVariant ? getStatusStyles(variantCorrect) : ""
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
-              isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
+              isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                 Select_default,
                 {
                   size: "medium",
                   value: answer.dotOption || void 0,
                   onValueChange: (value) => handleSelectDot(index, value),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectContent, { children: dotsOptions.filter(
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectContent, { children: dotsOptions.filter(
                       (dot) => !assignedDots.has(dot.label) || answer.dotOption === dot.label
-                    ).map((dot) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
+                    ).map((dot) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
                   ]
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
             ]
           }
         ),
-        !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { className: "text-text-800 text-2xs", children: [
+        !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-text-800 text-2xs", children: [
             "Resposta selecionada: ",
             answer.dotOption || "Nenhuma"
           ] }),
-          !answer.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { className: "text-text-800 text-2xs", children: [
+          !answer.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-text-800 text-2xs", children: [
             "Resposta correta: ",
             answer.correctOption
           ] })
@@ -9389,8 +9600,8 @@ var QuizFill = ({ paddingBottom }) => {
       isCorrect: true
     }
   ];
-  const [answers, setAnswers] = (0, import_react29.useState)({});
-  const baseId = (0, import_react29.useId)();
+  const [answers, setAnswers] = (0, import_react30.useState)({});
+  const baseId = (0, import_react30.useId)();
   const getAvailableOptionsForSelect = (selectId) => {
     const usedOptions = Object.entries(answers).filter(([key]) => key !== selectId).map(([, value]) => value);
     return options.filter((option) => !usedOptions.includes(option));
@@ -9403,18 +9614,18 @@ var QuizFill = ({ paddingBottom }) => {
     const mockAnswer = mockUserAnswers.find(
       (answer) => answer.selectId === selectId
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "inline-flex mb-2.5 text-success-600 font-semibold text-md border-b-2 border-success-600", children: mockAnswer?.correctAnswer });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "inline-flex mb-2.5 text-success-600 font-semibold text-md border-b-2 border-success-600", children: mockAnswer?.correctAnswer });
   };
   const renderDefaultElement = (selectId, startIndex, selectedValue, availableOptionsForThisSelect) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       Select_default,
       {
         value: selectedValue,
         onValueChange: (value) => handleSelectChange(selectId, value),
         className: "inline-flex mb-2.5",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-white border-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-white border-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
         ]
       },
       `${selectId}-${startIndex}`
@@ -9426,8 +9637,8 @@ var QuizFill = ({ paddingBottom }) => {
     );
     if (!mockAnswer) return null;
     const action = mockAnswer.isCorrect ? "success" : "error";
-    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.XCircle, {});
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react20.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react20.XCircle, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       Badge_default,
       {
         variant: "solid",
@@ -9435,7 +9646,7 @@ var QuizFill = ({ paddingBottom }) => {
         iconRight: icon,
         size: "large",
         className: "py-3 w-[180px] justify-between mb-2.5",
-        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-text-900", children: mockAnswer.userAnswer })
+        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-text-900", children: mockAnswer.userAnswer })
       },
       selectId
     );
@@ -9491,25 +9702,25 @@ var QuizFill = ({ paddingBottom }) => {
     }
     return elements;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "div",
       {
         className: cn(
           "text-lg text-text-900 leading-8 h-auto",
           variant != "result" && paddingBottom
         ),
-        children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: element.element }, element.id))
+        children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: element.element }, element.id))
       }
     ) }) }),
-    variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizSubTitle, { subTitle: "Resultado" }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizSubTitle, { subTitle: "Resultado" }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         "div",
         {
           className: cn("text-lg text-text-900 leading-8", paddingBottom),
-          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: element.element }, element.id))
+          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: element.element }, element.id))
         }
       ) }) })
     ] })
@@ -9527,7 +9738,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
   };
   const correctRadiusRelative = calculateCorrectRadiusRelative();
   const mockUserAnswerRelative = { x: 0.72, y: 0.348 };
-  const [clickPositionRelative, setClickPositionRelative] = (0, import_react29.useState)(variant == "result" ? mockUserAnswerRelative : null);
+  const [clickPositionRelative, setClickPositionRelative] = (0, import_react30.useState)(variant == "result" ? mockUserAnswerRelative : null);
   const convertToRelativeCoordinates = (x, y, rect) => {
     const safeWidth = Math.max(rect.width, 1e-3);
     const safeHeight = Math.max(rect.height, 1e-3);
@@ -9563,36 +9774,36 @@ var QuizImageQuestion = ({ paddingBottom }) => {
     }
     return "bg-success-600/70 border-white";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
       {
         "data-testid": "quiz-image-container",
         className: "space-y-6 p-3 relative inline-block",
         children: [
-          variant == "result" && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          variant == "result" && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             "div",
             {
               "data-testid": "quiz-legend",
               className: "flex items-center gap-4 text-xs",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             "button",
             {
               "data-testid": "quiz-image-button",
@@ -9607,7 +9818,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
               },
               "aria-label": "\xC1rea da imagem interativa",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   "img",
                   {
                     "data-testid": "quiz-image",
@@ -9616,7 +9827,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
                     className: "w-full h-auto rounded-md"
                   }
                 ),
-                variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   "div",
                   {
                     "data-testid": "quiz-correct-circle",
@@ -9631,7 +9842,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
                     }
                   }
                 ),
-                clickPositionRelative && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                clickPositionRelative && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   "div",
                   {
                     "data-testid": "quiz-user-circle",
@@ -9699,18 +9910,18 @@ var QuizQuestionList = ({
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "space-y-6 px-4 h-full", children: [
-    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-lg", children: "Nenhum resultado" }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "space-y-6 px-4 h-full", children: [
+    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-lg", children: "Nenhum resultado" }) }),
     Object.entries(filteredGroupedQuestions).map(
-      ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.BookOpen, { size: 17, className: "text-white" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
+      ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react20.BookOpen, { size: 17, className: "text-white" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
           const status = getQuestionStatus(question.id);
           const questionNumber = getQuestionIndex(question.id);
-          return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             CardStatus,
             {
               header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
@@ -9727,7 +9938,7 @@ var QuizQuestionList = ({
     )
   ] });
 };
-var QuizFooter = (0, import_react29.forwardRef)(
+var QuizFooter = (0, import_react30.forwardRef)(
   ({
     className,
     onGoToSimulated,
@@ -9755,11 +9966,11 @@ var QuizFooter = (0, import_react29.forwardRef)(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [alertDialogOpen, setAlertDialogOpen] = (0, import_react29.useState)(false);
-    const [modalResultOpen, setModalResultOpen] = (0, import_react29.useState)(false);
-    const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react29.useState)(false);
-    const [modalResolutionOpen, setModalResolutionOpen] = (0, import_react29.useState)(false);
-    const [filterType, setFilterType] = (0, import_react29.useState)("all");
+    const [alertDialogOpen, setAlertDialogOpen] = (0, import_react30.useState)(false);
+    const [modalResultOpen, setModalResultOpen] = (0, import_react30.useState)(false);
+    const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react30.useState)(false);
+    const [modalResolutionOpen, setModalResolutionOpen] = (0, import_react30.useState)(false);
+    const [filterType, setFilterType] = (0, import_react30.useState)("all");
     const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const allQuestions = getTotalQuestions();
     const handleFinishQuiz = async () => {
@@ -9790,8 +10001,8 @@ var QuizFooter = (0, import_react29.forwardRef)(
         return;
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         "footer",
         {
           ref,
@@ -9800,17 +10011,17 @@ var QuizFooter = (0, import_react29.forwardRef)(
             className
           ),
           ...props,
-          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.SquaresFour, { size: 24, className: "text-text-950" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react20.SquaresFour, { size: 24, className: "text-text-950" }),
                   size: "md",
                   onClick: () => setModalNavigateOpen(true)
                 }
               ),
-              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -9821,13 +10032,13 @@ var QuizFooter = (0, import_react29.forwardRef)(
                   },
                   children: "Pular"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 Button_default,
                 {
                   size: "medium",
                   variant: "link",
                   action: "primary",
-                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.CaretLeft, { size: 18 }),
+                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react20.CaretLeft, { size: 18 }),
                   onClick: () => {
                     goToPreviousQuestion();
                   },
@@ -9835,7 +10046,7 @@ var QuizFooter = (0, import_react29.forwardRef)(
                 }
               )
             ] }),
-            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               Button_default,
               {
                 size: "small",
@@ -9848,7 +10059,7 @@ var QuizFooter = (0, import_react29.forwardRef)(
                 children: "Pular"
               }
             ),
-            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               Button_default,
               {
                 size: "medium",
@@ -9858,13 +10069,13 @@ var QuizFooter = (0, import_react29.forwardRef)(
                 onClick: handleFinishQuiz,
                 children: "Finalizar"
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               Button_default,
               {
                 size: "medium",
                 variant: "link",
                 action: "primary",
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.CaretRight, { size: 18 }),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react20.CaretRight, { size: 18 }),
                 disabled: !currentAnswer && !isCurrentQuestionSkipped,
                 onClick: () => {
                   goToNextQuestion();
@@ -9872,7 +10083,7 @@ var QuizFooter = (0, import_react29.forwardRef)(
                 children: "Avan\xE7ar"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             Button_default,
             {
               variant: "solid",
@@ -9884,7 +10095,7 @@ var QuizFooter = (0, import_react29.forwardRef)(
           ) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         AlertDialog,
         {
           isOpen: alertDialogOpen,
@@ -9896,7 +10107,7 @@ var QuizFooter = (0, import_react29.forwardRef)(
           onSubmit: handleAlertSubmit
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         Modal_default,
         {
           isOpen: modalResultOpen,
@@ -9906,11 +10117,11 @@ var QuizFooter = (0, import_react29.forwardRef)(
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { className: "text-text-500 font-sm", children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-text-500 font-sm", children: [
                 "Voc\xEA acertou",
                 " ",
                 getQuestionResultStatistics()?.correctAnswers ?? "--",
@@ -9920,8 +10131,8 @@ var QuizFooter = (0, import_react29.forwardRef)(
                 " quest\xF5es."
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -9931,38 +10142,38 @@ var QuizFooter = (0, import_react29.forwardRef)(
                   children: "Ir para simulados"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         Modal_default,
         {
           isOpen: modalNavigateOpen,
           onClose: () => setModalNavigateOpen(false),
           title: "Quest\xF5es",
           size: "lg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   SelectTrigger,
                   {
                     variant: "rounded",
                     className: "max-w-[266px] min-w-[160px]",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(SelectContent, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectItem, { value: "all", children: "Todas" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(SelectContent, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectItem, { value: "all", children: "Todas" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               QuizQuestionList,
               {
                 filterType,
@@ -9972,7 +10183,7 @@ var QuizFooter = (0, import_react29.forwardRef)(
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         Modal_default,
         {
           isOpen: modalResolutionOpen,
@@ -9990,40 +10201,40 @@ var QuizBadge = ({
 }) => {
   switch (subtype) {
     case "PROVA" /* PROVA */:
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
     case "ENEM_PROVA_1" /* ENEM_PROVA_1 */:
     case "ENEM_PROVA_2" /* ENEM_PROVA_2 */:
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
     case "VESTIBULAR" /* VESTIBULAR */:
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
     case "SIMULADO" /* SIMULADO */:
     case "SIMULADAO" /* SIMULADAO */:
     case void 0:
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
   }
 };
-var QuizResultHeaderTitle = (0, import_react29.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultHeaderTitle = (0, import_react30.forwardRef)(({ className, ...props }, ref) => {
   const { getActiveQuiz } = useQuizStore();
   const activeQuiz = getActiveQuiz();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       ref,
       className: cn("flex flex-row pt-4 justify-between", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizBadge, { subtype: activeQuiz?.quiz.subtype || void 0 })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(QuizBadge, { subtype: activeQuiz?.quiz.subtype || void 0 })
       ]
     }
   );
 });
-var QuizResultTitle = (0, import_react29.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultTitle = (0, import_react30.forwardRef)(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "p",
     {
       className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
@@ -10033,7 +10244,7 @@ var QuizResultTitle = (0, import_react29.forwardRef)(({ className, ...props }, r
     }
   );
 });
-var QuizResultPerformance = (0, import_react29.forwardRef)(
+var QuizResultPerformance = (0, import_react30.forwardRef)(
   ({ ...props }, ref) => {
     const {
       getTotalQuestions,
@@ -10075,15 +10286,15 @@ var QuizResultPerformance = (0, import_react29.forwardRef)(
       });
     }
     const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
       {
         className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               ProgressCircle_default,
               {
                 size: "medium",
@@ -10093,24 +10304,24 @@ var QuizResultPerformance = (0, import_react29.forwardRef)(
                 label: ""
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react20.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
                   (getQuestionResultStatistics()?.timeSpent ?? 0) * 60
                 ) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
                 getQuestionResultStatistics()?.correctAnswers ?? "--",
                 " de",
                 " ",
                 totalQuestions
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -10124,7 +10335,7 @@ var QuizResultPerformance = (0, import_react29.forwardRef)(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -10138,7 +10349,7 @@ var QuizResultPerformance = (0, import_react29.forwardRef)(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -10158,7 +10369,7 @@ var QuizResultPerformance = (0, import_react29.forwardRef)(
     );
   }
 );
-var QuizListResult = (0, import_react29.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
+var QuizListResult = (0, import_react30.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
   const { getQuestionsGroupedBySubject } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const subjectsStats = Object.entries(groupedQuestions).map(
@@ -10185,9 +10396,9 @@ var QuizListResult = (0, import_react29.forwardRef)(({ className, onSubjectClick
       };
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { ref, className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("section", { ref, className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       CardResults,
       {
         onClick: () => onSubjectClick?.(subject.subject.id),
@@ -10209,16 +10420,16 @@ var QuizListResultByMateria = ({
   const { getQuestionsGroupedBySubject, getQuestionIndex } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: answeredQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { className: "flex flex-col ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: answeredQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("section", { className: "flex flex-col ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("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__ */ (0, import_jsx_runtime39.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           CardStatus,
           {
             className: "max-w-full",
@@ -10241,12 +10452,12 @@ var QuizListResultByMateria = ({
 };
 
 // src/components/LoadingModal/loadingModal.tsx
-var import_react30 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var LoadingModal = (0, import_react30.forwardRef)(
+var import_react31 = require("react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var LoadingModal = (0, import_react31.forwardRef)(
   ({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
     if (!open) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "div",
       {
         ref,
@@ -10255,8 +10466,8 @@ var LoadingModal = (0, import_react30.forwardRef)(
         "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__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
             "svg",
             {
               width: "102",
@@ -10267,14 +10478,14 @@ var LoadingModal = (0, import_react30.forwardRef)(
               "aria-hidden": "true",
               focusable: false,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   "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__ */ (0, import_jsx_runtime40.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   "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",
@@ -10284,9 +10495,9 @@ var LoadingModal = (0, import_react30.forwardRef)(
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex flex-col gap-4 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "flex flex-col gap-4 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
           ] })
         ] })
       }
@@ -10297,7 +10508,7 @@ var loadingModal_default = LoadingModal;
 
 // src/components/NotificationCard/NotificationCard.tsx
 var import_phosphor_react21 = require("phosphor-react");
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/store/notificationStore.ts
 var import_zustand8 = require("zustand");
@@ -10540,14 +10751,14 @@ var createNotificationStore = (apiClient) => {
 };
 
 // src/components/NotificationCard/NotificationCard.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("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__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
-    emptyStateImage && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
+    emptyStateImage && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "img",
       {
         src: emptyStateImage,
@@ -10557,17 +10768,17 @@ var NotificationEmpty = ({
         className: "object-contain"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h3", { className: "text-xl font-semibold text-text-950 text-center leading-[23px]", children: emptyStateTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm font-normal text-text-400 text-center max-w-[316px] leading-[21px]", children: emptyStateDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: "text-xl font-semibold text-text-950 text-center leading-[23px]", children: emptyStateTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("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__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center justify-between", children: [
-    variant === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
-    unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "px-2 py-1 bg-info-100 text-info-700 text-xs rounded-full", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between", children: [
+    variant === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
+    unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "px-2 py-1 bg-info-100 text-info-700 text-xs rounded-full", children: [
       unreadCount,
       " n\xE3o lidas"
     ] })
@@ -10602,7 +10813,7 @@ var SingleNotificationCard = ({
       onNavigate();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
     {
       className: cn(
@@ -10611,20 +10822,20 @@ var SingleNotificationCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2 w-full", children: [
-          !isRead && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DropdownMenu_default, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2 w-full", children: [
+          !isRead && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(DropdownMenu_default, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               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__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react21.DotsThreeVertical, { size: 24 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_phosphor_react21.DotsThreeVertical, { size: 24 })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
-              !isRead && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
+              !isRead && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                 DropdownMenuItem,
                 {
                   onClick: handleMarkAsRead,
@@ -10632,14 +10843,14 @@ var SingleNotificationCard = ({
                   children: "Marcar como lida"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm leading-[21px] text-text-800 w-full", children: message }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm font-medium text-text-400", children: time }),
-          onNavigate && actionLabel && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm leading-[21px] text-text-800 w-full", children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm font-medium text-text-400", children: time }),
+          onNavigate && actionLabel && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             "button",
             {
               type: "button",
@@ -10666,9 +10877,9 @@ var NotificationList = ({
   className
 }) => {
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-error-600", children: error }),
-      onRetry && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm text-error-600", children: error }),
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "button",
         {
           type: "button",
@@ -10680,8 +10891,8 @@ var NotificationList = ({
     ] });
   }
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-col gap-0 w-full", children: ["skeleton-first", "skeleton-second", "skeleton-third"].map(
-      (skeletonId) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex flex-col gap-0 w-full", children: ["skeleton-first", "skeleton-second", "skeleton-third"].map(
+      (skeletonId) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         SkeletonCard,
         {
           className: "p-4 border-b border-border-200"
@@ -10691,11 +10902,11 @@ var NotificationList = ({
     ) });
   }
   if (!groupedNotifications || groupedNotifications.length === 0) {
-    return renderEmpty ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-full", children: renderEmpty() }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(NotificationEmpty, {});
+    return renderEmpty ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "w-full", children: renderEmpty() }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(NotificationEmpty, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("flex flex-col gap-0 w-full", className), children: groupedNotifications.map((group, idx) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-end px-4 py-6 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h4", { className: "text-lg font-bold text-text-500 flex-grow", children: group.label }) }),
-    group.notifications.map((notification) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn("flex flex-col gap-0 w-full", className), children: groupedNotifications.map((group, idx) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex items-end px-4 py-6 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h4", { className: "text-lg font-bold text-text-500 flex-grow", children: group.label }) }),
+    group.notifications.map((notification) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       SingleNotificationCard,
       {
         title: notification.title,
@@ -10736,7 +10947,7 @@ var NotificationCenter = ({
   className
 }) => {
   const { isMobile } = useMobile();
-  const [isModalOpen, setIsModalOpen] = (0, import_react31.useState)(false);
+  const [isModalOpen, setIsModalOpen] = (0, import_react32.useState)(false);
   const handleMobileClick = () => {
     setIsModalOpen(true);
     onFetchNotifications?.();
@@ -10744,7 +10955,7 @@ var NotificationCenter = ({
   const handleDesktopClick = () => {
     onToggleActive?.();
   };
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (isActive) {
       onFetchNotifications?.();
     }
@@ -10753,7 +10964,7 @@ var NotificationCenter = ({
     onCleanup?.();
     onNavigateById?.(entityType, entityId);
   };
-  const renderEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  const renderEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     NotificationEmpty,
     {
       emptyStateImage,
@@ -10762,17 +10973,17 @@ var NotificationCenter = ({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         IconButton_default,
         {
           active: isModalOpen,
           onClick: handleMobileClick,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react21.Bell, { size: 24, className: "text-primary" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_phosphor_react21.Bell, { size: 24, className: "text-primary" }),
           className
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen,
@@ -10782,10 +10993,10 @@ var NotificationCenter = ({
           hideCloseButton: false,
           closeOnBackdropClick: true,
           closeOnEscape: true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "px-0 pb-3 border-b border-border-200", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(NotificationHeader, { unreadCount, variant: "modal" }),
-              unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "px-0 pb-3 border-b border-border-200", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(NotificationHeader, { unreadCount, variant: "modal" }),
+              unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                 "button",
                 {
                   type: "button",
@@ -10795,7 +11006,7 @@ var NotificationCenter = ({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               NotificationList,
               {
                 groupedNotifications,
@@ -10818,13 +11029,13 @@ var NotificationCenter = ({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DropdownMenu_default, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(DropdownMenu_default, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       IconButton_default,
       {
         active: isActive,
         onClick: handleDesktopClick,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           import_phosphor_react21.Bell,
           {
             size: 24,
@@ -10834,22 +11045,22 @@ var NotificationCenter = ({
         className
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       DropdownMenuContent,
       {
         className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
         side: "bottom",
         align: "end",
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "px-4 py-3 border-b border-border-200", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "px-4 py-3 border-b border-border-200", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               NotificationHeader,
               {
                 unreadCount,
                 variant: "dropdown"
               }
             ),
-            unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               "button",
               {
                 type: "button",
@@ -10859,7 +11070,7 @@ var NotificationCenter = ({
               }
             )
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             NotificationList,
             {
               groupedNotifications,
@@ -10881,7 +11092,7 @@ var NotificationCenter = ({
 var NotificationCard = (props) => {
   switch (props.mode) {
     case "single":
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         SingleNotificationCard,
         {
           title: props.title,
@@ -10896,7 +11107,7 @@ var NotificationCard = (props) => {
         }
       );
     case "list":
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         NotificationList,
         {
           groupedNotifications: props.groupedNotifications ?? (props.notifications ? [
@@ -10917,9 +11128,9 @@ var NotificationCard = (props) => {
         }
       );
     case "center":
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(NotificationCenter, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(NotificationCenter, { ...props });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-text-600", children: "Modo de notifica\xE7\xE3o n\xE3o reconhecido" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm text-text-600", children: "Modo de notifica\xE7\xE3o n\xE3o reconhecido" }) });
   }
 };
 var NotificationCard_default = NotificationCard;
@@ -10930,7 +11141,7 @@ var createUseNotificationStore = (apiClient) => {
 };
 
 // src/hooks/useNotifications.ts
-var import_react32 = require("react");
+var import_react33 = require("react");
 var createUseNotifications = (apiClient) => {
   const useNotificationStore = createUseNotificationStore(apiClient);
   return () => {
@@ -10949,7 +11160,7 @@ var createUseNotifications = (apiClient) => {
       resetError,
       getGroupedNotifications
     } = useNotificationStore();
-    const handleNavigate = (0, import_react32.useCallback)(
+    const handleNavigate = (0, import_react33.useCallback)(
       (entityType, entityId, onAfterNavigate) => {
         if (entityType && entityId) {
           switch (entityType.toUpperCase()) {
@@ -10967,7 +11178,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const getActionLabel = (0, import_react32.useCallback)(
+    const getActionLabel = (0, import_react33.useCallback)(
       (entityType) => {
         if (!entityType) return void 0;
         switch (entityType.toUpperCase()) {
@@ -10981,7 +11192,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const markAsReadAndNavigate = (0, import_react32.useCallback)(
+    const markAsReadAndNavigate = (0, import_react33.useCallback)(
       async (id, entityType, entityId, onAfterNavigate) => {
         await markAsRead(id);
         if (entityType && entityId) {
@@ -10990,11 +11201,11 @@ var createUseNotifications = (apiClient) => {
       },
       [markAsRead, handleNavigate]
     );
-    const refreshNotifications = (0, import_react32.useCallback)(async () => {
+    const refreshNotifications = (0, import_react33.useCallback)(async () => {
       resetError();
       await fetchNotifications();
     }, [resetError, fetchNotifications]);
-    const formatNotification = (0, import_react32.useCallback)(
+    const formatNotification = (0, import_react33.useCallback)(
       (notification) => ({
         ...notification,
         time: formatTimeAgo(notification.createdAt),
@@ -11003,7 +11214,7 @@ var createUseNotifications = (apiClient) => {
       }),
       []
     );
-    const getFormattedGroupedNotifications = (0, import_react32.useCallback)(() => {
+    const getFormattedGroupedNotifications = (0, import_react33.useCallback)(() => {
       const groups = getGroupedNotifications();
       return groups.map((group) => ({
         ...group,
@@ -11139,6 +11350,7 @@ var createNotificationsHook = (apiClient) => {
   Table,
   Text,
   TextArea,
+  ThemeToggle,
   Toast,
   Toaster,
   VideoPlayer,