analytica-frontend-lib 1.1.67 → 1.1.69

package/dist/index.mjs

@@ -1789,11 +1789,11 @@ var Input_default = Input;
 import { CaretLeft, X as X3 } from "phosphor-react";
 import {
   forwardRef as forwardRef11,
-  useState as useState8,
+  useState as useState7,
   useId as useId7,
   useMemo as useMemo2,
   useEffect as useEffect7,
-  useRef as useRef5
+  useRef as useRef4
 } from "react";
 
 // src/components/DropdownMenu/DropdownMenu.tsx
@@ -1801,13 +1801,13 @@ import { CaretRight, SignOut, User } from "phosphor-react";
 import {
   forwardRef as forwardRef10,
   useEffect as useEffect6,
-  useRef as useRef4,
+  useRef as useRef3,
   isValidElement as isValidElement3,
   Children as Children3,
   cloneElement as cloneElement3,
-  useState as useState7
+  useState as useState6
 } from "react";
-import { create as create4, useStore as useStore3 } from "zustand";
+import { create as create5, useStore as useStore3 } from "zustand";
 
 // src/components/Modal/Modal.tsx
 import { useEffect as useEffect3, useId as useId6 } from "react";
@@ -2034,86 +2034,121 @@ var Modal_default = Modal;
 
 // src/components/ThemeToggle/ThemeToggle.tsx
 import { Moon, Sun } from "phosphor-react";
-import { useState as useState6, useEffect as useEffect5 } from "react";
+import { useState as useState5, useEffect as useEffect5 } from "react";
 
 // src/hooks/useTheme.ts
-import { useEffect as useEffect4, useState as useState5, useCallback, useRef as useRef3 } from "react";
-var useTheme = () => {
-  const [themeMode, setThemeMode] = useState5("system");
-  const [isDark, setIsDark] = useState5(false);
-  const themeModeRef = useRef3("system");
-  const applyTheme = useCallback((mode) => {
-    const htmlElement = document.documentElement;
-    const originalTheme = htmlElement.getAttribute("data-original-theme");
-    if (mode === "dark") {
+import { useEffect as useEffect4 } from "react";
+
+// src/store/themeStore.ts
+import { create as create4 } from "zustand";
+import { devtools, persist } from "zustand/middleware";
+var applyThemeToDOM = (mode) => {
+  const htmlElement = document.documentElement;
+  const originalTheme = htmlElement.getAttribute("data-original-theme");
+  if (mode === "dark") {
+    htmlElement.setAttribute("data-theme", "dark");
+    return true;
+  } else if (mode === "light") {
+    if (originalTheme) {
+      htmlElement.setAttribute("data-theme", originalTheme);
+    }
+    return false;
+  } else if (mode === "system") {
+    const isSystemDark = window.matchMedia(
+      "(prefers-color-scheme: dark)"
+    ).matches;
+    if (isSystemDark) {
       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;
-      if (isSystemDark) {
-        htmlElement.setAttribute("data-theme", "dark");
-        setIsDark(true);
-      } else if (originalTheme) {
-        htmlElement.setAttribute("data-theme", originalTheme);
-        setIsDark(false);
+      return true;
+    } else if (originalTheme) {
+      htmlElement.setAttribute("data-theme", originalTheme);
+      return false;
+    }
+  }
+  return false;
+};
+var saveOriginalTheme = () => {
+  const htmlElement = document.documentElement;
+  const currentTheme = htmlElement.getAttribute("data-theme");
+  if (currentTheme && !htmlElement.getAttribute("data-original-theme")) {
+    htmlElement.setAttribute("data-original-theme", currentTheme);
+  }
+};
+var useThemeStore = create4()(
+  devtools(
+    persist(
+      (set, get) => ({
+        // Initial state
+        themeMode: "system",
+        isDark: false,
+        // Actions
+        applyTheme: (mode) => {
+          const isDark = applyThemeToDOM(mode);
+          set({ isDark });
+        },
+        toggleTheme: () => {
+          const { themeMode, applyTheme } = get();
+          let newMode;
+          if (themeMode === "light") {
+            newMode = "dark";
+          } else if (themeMode === "dark") {
+            newMode = "light";
+          } else {
+            newMode = "dark";
+          }
+          set({ themeMode: newMode });
+          applyTheme(newMode);
+        },
+        setTheme: (mode) => {
+          const { applyTheme } = get();
+          set({ themeMode: mode });
+          applyTheme(mode);
+        },
+        initializeTheme: () => {
+          const { themeMode, applyTheme } = get();
+          saveOriginalTheme();
+          applyTheme(themeMode);
+        },
+        handleSystemThemeChange: () => {
+          const { themeMode, applyTheme } = get();
+          if (themeMode === "system") {
+            applyTheme("system");
+          }
+        }
+      }),
+      {
+        name: "theme-store",
+        // Nome da chave no localStorage
+        partialize: (state) => ({
+          themeMode: state.themeMode
+        })
+        // Só persiste o themeMode, não o isDark
       }
+    ),
+    {
+      name: "theme-store"
     }
-  }, []);
-  const toggleTheme = useCallback(() => {
-    let newMode;
-    if (themeMode === "light") {
-      newMode = "dark";
-    } else if (themeMode === "dark") {
-      newMode = "light";
-    } else {
-      newMode = "dark";
-    }
-    setThemeMode(newMode);
-    themeModeRef.current = newMode;
-    applyTheme(newMode);
-    localStorage.setItem("theme-mode", newMode);
-  }, [themeMode, applyTheme]);
-  const setTheme = useCallback(
-    (mode) => {
-      setThemeMode(mode);
-      themeModeRef.current = mode;
-      applyTheme(mode);
-      localStorage.setItem("theme-mode", mode);
-    },
-    [applyTheme]
-  );
+  )
+);
+
+// src/hooks/useTheme.ts
+var useTheme = () => {
+  const {
+    themeMode,
+    isDark,
+    toggleTheme,
+    setTheme,
+    initializeTheme,
+    handleSystemThemeChange
+  } = useThemeStore();
   useEffect4(() => {
-    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);
+    initializeTheme();
     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]);
+  }, [initializeTheme, handleSystemThemeChange]);
   return {
     themeMode,
     isDark,
@@ -2129,7 +2164,7 @@ var ThemeToggle = ({
   onToggle
 }) => {
   const { themeMode, setTheme } = useTheme();
-  const [tempTheme, setTempTheme] = useState6(themeMode);
+  const [tempTheme, setTempTheme] = useState5(themeMode);
   useEffect5(() => {
     setTempTheme(themeMode);
   }, [themeMode]);
@@ -2193,7 +2228,7 @@ var ThemeToggle = ({
 // src/components/DropdownMenu/DropdownMenu.tsx
 import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 function createDropdownStore() {
-  return create4((set) => ({
+  return create5((set) => ({
     open: false,
     setOpen: (open) => set({ open })
   }));
@@ -2226,14 +2261,14 @@ var DropdownMenu = ({
   open: propOpen,
   onOpenChange
 }) => {
-  const storeRef = useRef4(null);
+  const storeRef = useRef3(null);
   storeRef.current ??= createDropdownStore();
   const store = storeRef.current;
   const { open, setOpen: storeSetOpen } = useStore3(store, (s) => s);
   const setOpen = (newOpen) => {
     storeSetOpen(newOpen);
   };
-  const menuRef = useRef4(null);
+  const menuRef = useRef3(null);
   const handleArrowDownOrArrowUp = (event) => {
     const menuContent = menuRef.current?.querySelector('[role="menu"]');
     if (menuContent) {
@@ -2357,7 +2392,7 @@ var DropdownMenuContent = forwardRef10(
   }, ref) => {
     const store = useDropdownStore(externalStore);
     const open = useStore3(store, (s) => s.open);
-    const [isVisible, setIsVisible] = useState7(open);
+    const [isVisible, setIsVisible] = useState6(open);
     useEffect6(() => {
       if (open) {
         setIsVisible(true);
@@ -2516,8 +2551,8 @@ var ProfileMenuHeader = forwardRef10(({ className, name, email, store: _store, .
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
 var ProfileToggleTheme = ({ ...props }) => {
   const { themeMode, setTheme } = useTheme();
-  const [modalThemeToggle, setModalThemeToggle] = useState7(false);
-  const [selectedTheme, setSelectedTheme] = useState7(themeMode);
+  const [modalThemeToggle, setModalThemeToggle] = useState6(false);
+  const [selectedTheme, setSelectedTheme] = useState6(themeMode);
   const handleClick = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -2674,9 +2709,9 @@ var Search = forwardRef11(
     placeholder = "Buscar...",
     ...props
   }, ref) => {
-    const [dropdownOpen, setDropdownOpen] = useState8(false);
-    const dropdownStore = useRef5(createDropdownStore()).current;
-    const dropdownRef = useRef5(null);
+    const [dropdownOpen, setDropdownOpen] = useState7(false);
+    const dropdownStore = useRef4(createDropdownStore()).current;
+    const dropdownRef = useRef4(null);
     const filteredOptions = useMemo2(() => {
       if (!options.length) {
         return [];
@@ -3813,10 +3848,10 @@ var Stepper_default = Stepper;
 
 // src/components/Calendar/Calendar.tsx
 import {
-  useState as useState9,
+  useState as useState8,
   useMemo as useMemo3,
   useEffect as useEffect8,
-  useRef as useRef6
+  useRef as useRef5
 } from "react";
 import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var WEEK_DAYS = ["SEG", "TER", "QUA", "QUI", "SEX", "S\xC1B", "DOM"];
@@ -3917,10 +3952,10 @@ var Calendar = ({
   showActivities = true,
   className = ""
 }) => {
-  const [currentDate, setCurrentDate] = useState9(selectedDate || /* @__PURE__ */ new Date());
-  const [isMonthPickerOpen, setIsMonthPickerOpen] = useState9(false);
-  const monthPickerRef = useRef6(null);
-  const monthPickerContainerRef = useRef6(null);
+  const [currentDate, setCurrentDate] = useState8(selectedDate || /* @__PURE__ */ new Date());
+  const [isMonthPickerOpen, setIsMonthPickerOpen] = useState8(false);
+  const monthPickerRef = useRef5(null);
+  const monthPickerContainerRef = useRef5(null);
   useEffect8(() => {
     const handleClickOutside = (event) => {
       if (monthPickerContainerRef.current && !monthPickerContainerRef.current.contains(event.target)) {
@@ -4317,15 +4352,15 @@ var Calendar_default = Calendar;
 import {
   forwardRef as forwardRef13,
   useId as useId8,
-  useState as useState11
+  useState as useState10
 } from "react";
 
 // src/components/Card/Card.tsx
 import {
   forwardRef as forwardRef12,
   Fragment as Fragment4,
-  useState as useState10,
-  useRef as useRef7,
+  useState as useState9,
+  useRef as useRef6,
   useEffect as useEffect9
 } from "react";
 import {
@@ -5211,16 +5246,16 @@ var CardAudio = forwardRef12(
     className,
     ...props
   }, ref) => {
-    const [isPlaying, setIsPlaying] = useState10(false);
-    const [currentTime, setCurrentTime] = useState10(0);
-    const [duration, setDuration] = useState10(0);
-    const [volume, setVolume] = useState10(1);
-    const [showVolumeControl, setShowVolumeControl] = useState10(false);
-    const [showSpeedMenu, setShowSpeedMenu] = useState10(false);
-    const [playbackRate, setPlaybackRate] = useState10(1);
-    const audioRef = useRef7(null);
-    const volumeControlRef = useRef7(null);
-    const speedMenuRef = useRef7(null);
+    const [isPlaying, setIsPlaying] = useState9(false);
+    const [currentTime, setCurrentTime] = useState9(0);
+    const [duration, setDuration] = useState9(0);
+    const [volume, setVolume] = useState9(1);
+    const [showVolumeControl, setShowVolumeControl] = useState9(false);
+    const [showSpeedMenu, setShowSpeedMenu] = useState9(false);
+    const [playbackRate, setPlaybackRate] = useState9(1);
+    const audioRef = useRef6(null);
+    const volumeControlRef = useRef6(null);
+    const speedMenuRef = useRef6(null);
     const formatTime2 = (time) => {
       const minutes = Math.floor(time / 60);
       const seconds = Math.floor(time % 60);
@@ -5778,7 +5813,7 @@ var CardAccordation = forwardRef13(
     onToggleExpanded,
     ...props
   }, ref) => {
-    const [isExpanded, setIsExpanded] = useState11(defaultExpanded);
+    const [isExpanded, setIsExpanded] = useState10(defaultExpanded);
     const contentId = useId8();
     const handleToggle = () => {
       const newExpanded = !isExpanded;
@@ -5845,7 +5880,7 @@ var CardAccordation = forwardRef13(
 
 // src/components/Alternative/Alternative.tsx
 import { CheckCircle as CheckCircle4, XCircle as XCircle3 } from "phosphor-react";
-import { forwardRef as forwardRef14, useId as useId9, useState as useState12 } from "react";
+import { forwardRef as forwardRef14, useId as useId9, useState as useState11 } from "react";
 import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 var AlternativesList = ({
   alternatives,
@@ -5861,7 +5896,7 @@ var AlternativesList = ({
 }) => {
   const uniqueId = useId9();
   const groupName = name || `alternatives-${uniqueId}`;
-  const [actualValue, setActualValue] = useState12(value);
+  const [actualValue, setActualValue] = useState11(value);
   const isReadonly = mode === "readonly";
   const getStatusStyles2 = (status, isReadonly2) => {
     const hoverClass = isReadonly2 ? "" : "hover:bg-background-50";
@@ -6230,7 +6265,7 @@ var AlertDialog = forwardRef15(
 AlertDialog.displayName = "AlertDialog";
 
 // src/components/MultipleChoice/MultipleChoice.tsx
-import { useEffect as useEffect11, useState as useState13 } from "react";
+import { useEffect as useEffect11, useState as useState12 } from "react";
 import { CheckCircle as CheckCircle5, XCircle as XCircle4, Check as Check4 } from "phosphor-react";
 import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 var MultipleChoiceList = ({
@@ -6242,7 +6277,7 @@ var MultipleChoiceList = ({
   onHandleSelectedValues,
   mode = "interactive"
 }) => {
-  const [actualValue, setActualValue] = useState13(selectedValues);
+  const [actualValue, setActualValue] = useState12(selectedValues);
   useEffect11(() => {
     setActualValue(selectedValues);
   }, [selectedValues]);
@@ -6567,7 +6602,7 @@ var getSubjectName = (subject) => {
 };
 
 // src/hooks/useMobile.ts
-import { useState as useState14, useEffect as useEffect12 } from "react";
+import { useState as useState13, useEffect as useEffect12 } from "react";
 var MOBILE_WIDTH = 500;
 var TABLET_WIDTH = 931;
 var DEFAULT_WIDTH = 1200;
@@ -6582,8 +6617,8 @@ var getDeviceType = () => {
   return width < TABLET_WIDTH ? "responsive" : "desktop";
 };
 var useMobile = () => {
-  const [isMobile, setIsMobile] = useState14(false);
-  const [isTablet, setIsTablet] = useState14(false);
+  const [isMobile, setIsMobile] = useState13(false);
+  const [isTablet, setIsTablet] = useState13(false);
   useEffect12(() => {
     const checkScreenSize = () => {
       const width = getWindowWidth();
@@ -6624,10 +6659,10 @@ var useMobile = () => {
 };
 
 // src/components/Select/Select.tsx
-import { create as create5, useStore as useStore4 } from "zustand";
+import { create as create6, useStore as useStore4 } from "zustand";
 import {
   useEffect as useEffect13,
-  useRef as useRef8,
+  useRef as useRef7,
   forwardRef as forwardRef16,
   isValidElement as isValidElement4,
   Children as Children4,
@@ -6671,7 +6706,7 @@ var ALIGN_CLASSES2 = {
   end: "right-0"
 };
 function createSelectStore(onValueChange) {
-  return create5((set) => ({
+  return create6((set) => ({
     open: false,
     setOpen: (open) => set({ open }),
     value: "",
@@ -6733,10 +6768,10 @@ var Select = ({
   errorMessage,
   id
 }) => {
-  const storeRef = useRef8(null);
+  const storeRef = useRef7(null);
   storeRef.current ??= createSelectStore(onValueChange);
   const store = storeRef.current;
-  const selectRef = useRef8(null);
+  const selectRef = useRef7(null);
   const { open, setOpen, setValue, selectedLabel } = useStore4(store, (s) => s);
   const generatedId = useId10();
   const selectId = id ?? `select-${generatedId}`;
@@ -6977,19 +7012,19 @@ SelectItem.displayName = "SelectItem";
 var Select_default = Select;
 
 // src/components/Menu/Menu.tsx
-import { create as create6, useStore as useStore5 } from "zustand";
+import { create as create7, useStore as useStore5 } from "zustand";
 import {
   useEffect as useEffect14,
-  useRef as useRef9,
+  useRef as useRef8,
   forwardRef as forwardRef17,
   isValidElement as isValidElement5,
   Children as Children5,
   cloneElement as cloneElement6,
-  useState as useState15
+  useState as useState14
 } from "react";
 import { CaretLeft as CaretLeft2, CaretRight as CaretRight4 } from "phosphor-react";
 import { jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
-var createMenuStore = (onValueChange) => create6((set) => ({
+var createMenuStore = (onValueChange) => create7((set) => ({
   value: "",
   setValue: (value) => {
     set({ value });
@@ -7017,7 +7052,7 @@ var Menu = forwardRef17(
     onValueChange,
     ...props
   }, ref) => {
-    const storeRef = useRef9(null);
+    const storeRef = useRef8(null);
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
     const { setValue } = useStore5(store, (s) => s);
@@ -7180,7 +7215,7 @@ var MenuItem = forwardRef17(
               {
                 className: cn(
                   "border-b border-text-600 hover:border-primary-600 text-inherit text-xs",
-                  selectedValue === value ? "border-b-0 font-bold" : "border-b-primary-200"
+                  selectedValue === value ? "border-b-0 font-bold" : "border-b-text-600"
                 ),
                 children
               }
@@ -7222,9 +7257,9 @@ var MenuOverflow = ({
   onValueChange,
   ...props
 }) => {
-  const containerRef = useRef9(null);
-  const [showLeftArrow, setShowLeftArrow] = useState15(false);
-  const [showRightArrow, setShowRightArrow] = useState15(false);
+  const containerRef = useRef8(null);
+  const [showLeftArrow, setShowLeftArrow] = useState14(false);
+  const [showRightArrow, setShowRightArrow] = useState14(false);
   useEffect14(() => {
     const checkScroll = () => internalCheckScroll(
       containerRef.current,
@@ -7551,10 +7586,10 @@ var NotFound_default = NotFound;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
 import {
-  useRef as useRef10,
-  useState as useState16,
+  useRef as useRef9,
+  useState as useState15,
   useEffect as useEffect15,
-  useCallback as useCallback2
+  useCallback
 } from "react";
 import { createPortal } from "react-dom";
 import {
@@ -7635,9 +7670,9 @@ var SpeedMenu = ({
   onSpeedChange,
   isFullscreen
 }) => {
-  const buttonRef = useRef10(null);
-  const speedMenuContainerRef = useRef10(null);
-  const speedMenuRef = useRef10(null);
+  const buttonRef = useRef9(null);
+  const speedMenuContainerRef = useRef9(null);
+  const speedMenuRef = useRef9(null);
   const getMenuPosition = () => {
     if (!buttonRef.current) return { top: 0, left: 0 };
     const rect = buttonRef.current.getBoundingClientRect();
@@ -7722,26 +7757,26 @@ var VideoPlayer = ({
   autoSave = true,
   storageKey = "video-progress"
 }) => {
-  const videoRef = useRef10(null);
-  const [isPlaying, setIsPlaying] = useState16(false);
-  const [currentTime, setCurrentTime] = useState16(0);
-  const [duration, setDuration] = useState16(0);
-  const [isMuted, setIsMuted] = useState16(false);
-  const [volume, setVolume] = useState16(1);
-  const [isFullscreen, setIsFullscreen] = useState16(false);
-  const [showControls, setShowControls] = useState16(true);
-  const [hasCompleted, setHasCompleted] = useState16(false);
-  const [showCaptions, setShowCaptions] = useState16(false);
+  const videoRef = useRef9(null);
+  const [isPlaying, setIsPlaying] = useState15(false);
+  const [currentTime, setCurrentTime] = useState15(0);
+  const [duration, setDuration] = useState15(0);
+  const [isMuted, setIsMuted] = useState15(false);
+  const [volume, setVolume] = useState15(1);
+  const [isFullscreen, setIsFullscreen] = useState15(false);
+  const [showControls, setShowControls] = useState15(true);
+  const [hasCompleted, setHasCompleted] = useState15(false);
+  const [showCaptions, setShowCaptions] = useState15(false);
   useEffect15(() => {
     setHasCompleted(false);
   }, [src]);
-  const [playbackRate, setPlaybackRate] = useState16(1);
-  const [showSpeedMenu, setShowSpeedMenu] = useState16(false);
-  const lastSaveTimeRef = useRef10(0);
-  const trackRef = useRef10(null);
-  const controlsTimeoutRef = useRef10(null);
-  const lastMousePositionRef = useRef10({ x: 0, y: 0 });
-  const isUserInteracting = useCallback2(() => {
+  const [playbackRate, setPlaybackRate] = useState15(1);
+  const [showSpeedMenu, setShowSpeedMenu] = useState15(false);
+  const lastSaveTimeRef = useRef9(0);
+  const trackRef = useRef9(null);
+  const controlsTimeoutRef = useRef9(null);
+  const lastMousePositionRef = useRef9({ x: 0, y: 0 });
+  const isUserInteracting = useCallback(() => {
     if (showSpeedMenu) {
       return true;
     }
@@ -7758,13 +7793,13 @@ var VideoPlayer = ({
     }
     return false;
   }, [showSpeedMenu]);
-  const clearControlsTimeout = useCallback2(() => {
+  const clearControlsTimeout = useCallback(() => {
     if (controlsTimeoutRef.current) {
       clearTimeout(controlsTimeoutRef.current);
       controlsTimeoutRef.current = null;
     }
   }, []);
-  const showControlsWithTimer = useCallback2(() => {
+  const showControlsWithTimer = useCallback(() => {
     setShowControls(true);
     clearControlsTimeout();
     if (isFullscreen) {
@@ -7779,7 +7814,7 @@ var VideoPlayer = ({
       }, CONTROLS_HIDE_TIMEOUT);
     }
   }, [isFullscreen, isPlaying, clearControlsTimeout]);
-  const handleMouseMove = useCallback2(
+  const handleMouseMove = useCallback(
     (event) => {
       const currentX = event.clientX;
       const currentY = event.clientY;
@@ -7792,10 +7827,10 @@ var VideoPlayer = ({
     },
     [showControlsWithTimer]
   );
-  const handleMouseEnter = useCallback2(() => {
+  const handleMouseEnter = useCallback(() => {
     showControlsWithTimer();
   }, [showControlsWithTimer]);
-  const handleMouseLeave = useCallback2(() => {
+  const handleMouseLeave = useCallback(() => {
     const userInteracting = isUserInteracting();
     clearControlsTimeout();
     if (!isFullscreen && !userInteracting) {
@@ -7872,7 +7907,7 @@ var VideoPlayer = ({
       };
     }
   }, []);
-  const getInitialTime = useCallback2(() => {
+  const getInitialTime = useCallback(() => {
     if (!autoSave || !storageKey) {
       return Number.isFinite(initialTime) && initialTime >= 0 ? initialTime : void 0;
     }
@@ -7890,7 +7925,7 @@ var VideoPlayer = ({
       setCurrentTime(start);
     }
   }, [getInitialTime]);
-  const saveProgress = useCallback2(
+  const saveProgress = useCallback(
     (time) => {
       if (!autoSave || !storageKey) return;
       const now = Date.now();
@@ -7901,7 +7936,7 @@ var VideoPlayer = ({
     },
     [autoSave, storageKey, src]
   );
-  const togglePlayPause = useCallback2(async () => {
+  const togglePlayPause = useCallback(async () => {
     const video = videoRef.current;
     if (!video) return;
     if (!video.paused) {
@@ -7913,7 +7948,7 @@ var VideoPlayer = ({
     } catch {
     }
   }, []);
-  const handleVolumeChange = useCallback2(
+  const handleVolumeChange = useCallback(
     (newVolume) => {
       const video = videoRef.current;
       if (!video) return;
@@ -7932,7 +7967,7 @@ var VideoPlayer = ({
     },
     [isMuted]
   );
-  const toggleMute = useCallback2(() => {
+  const toggleMute = useCallback(() => {
     const video = videoRef.current;
     if (!video) return;
     if (isMuted) {
@@ -7946,13 +7981,13 @@ var VideoPlayer = ({
       setIsMuted(true);
     }
   }, [isMuted, volume]);
-  const handleSeek = useCallback2((newTime) => {
+  const handleSeek = useCallback((newTime) => {
     const video = videoRef.current;
     if (video) {
       video.currentTime = newTime;
     }
   }, []);
-  const toggleFullscreen = useCallback2(() => {
+  const toggleFullscreen = useCallback(() => {
     const container = videoRef.current?.parentElement;
     if (!container) return;
     if (!isFullscreen && container.requestFullscreen) {
@@ -7961,23 +7996,23 @@ var VideoPlayer = ({
       document.exitFullscreen();
     }
   }, [isFullscreen]);
-  const handleSpeedChange = useCallback2((speed) => {
+  const handleSpeedChange = useCallback((speed) => {
     if (videoRef.current) {
       videoRef.current.playbackRate = speed;
       setPlaybackRate(speed);
       setShowSpeedMenu(false);
     }
   }, []);
-  const toggleSpeedMenu = useCallback2(() => {
+  const toggleSpeedMenu = useCallback(() => {
     setShowSpeedMenu(!showSpeedMenu);
   }, [showSpeedMenu]);
-  const toggleCaptions = useCallback2(() => {
+  const toggleCaptions = useCallback(() => {
     if (!trackRef.current?.track || !subtitles) return;
     const newShowCaptions = !showCaptions;
     setShowCaptions(newShowCaptions);
     trackRef.current.track.mode = newShowCaptions && subtitles ? "showing" : "hidden";
   }, [showCaptions, subtitles]);
-  const checkVideoCompletion = useCallback2(
+  const checkVideoCompletion = useCallback(
     (progressPercent) => {
       if (progressPercent >= 95 && !hasCompleted) {
         setHasCompleted(true);
@@ -7986,7 +8021,7 @@ var VideoPlayer = ({
     },
     [hasCompleted, onVideoComplete]
   );
-  const handleTimeUpdate = useCallback2(() => {
+  const handleTimeUpdate = useCallback(() => {
     const video = videoRef.current;
     if (!video) return;
     const current = video.currentTime;
@@ -7999,7 +8034,7 @@ var VideoPlayer = ({
       checkVideoCompletion(progressPercent);
     }
   }, [duration, saveProgress, onTimeUpdate, onProgress, checkVideoCompletion]);
-  const handleLoadedMetadata = useCallback2(() => {
+  const handleLoadedMetadata = useCallback(() => {
     if (videoRef.current) {
       setDuration(videoRef.current.duration);
     }
@@ -8031,13 +8066,13 @@ var VideoPlayer = ({
     };
   }, [isPlaying, clearControlsTimeout]);
   const progressPercentage = duration > 0 ? currentTime / duration * 100 : 0;
-  const getTopControlsOpacity = useCallback2(() => {
+  const getTopControlsOpacity = useCallback(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const getBottomControlsOpacity = useCallback2(() => {
+  const getBottomControlsOpacity = useCallback(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const handleVideoKeyDown = useCallback2(
+  const handleVideoKeyDown = useCallback(
     (e) => {
       if (e.key) {
         e.stopPropagation();
@@ -8263,7 +8298,7 @@ var VideoPlayer = ({
 var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
-import { useCallback as useCallback3, useState as useState17 } from "react";
+import { useCallback as useCallback2, useState as useState16 } from "react";
 import { ArrowsOut } from "phosphor-react";
 import { Fragment as Fragment8, jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
 var IMAGE_WIDTH = 225;
@@ -8276,8 +8311,8 @@ var Whiteboard = ({
   imagesPerRow = 2,
   ...rest
 }) => {
-  const [imageErrors, setImageErrors] = useState17(/* @__PURE__ */ new Set());
-  const handleDownload = useCallback3(
+  const [imageErrors, setImageErrors] = useState16(/* @__PURE__ */ new Set());
+  const handleDownload = useCallback2(
     (image) => {
       if (onDownload) {
         onDownload(image);
@@ -8294,7 +8329,7 @@ var Whiteboard = ({
     },
     [onDownload]
   );
-  const handleImageError = useCallback3((imageId) => {
+  const handleImageError = useCallback2((imageId) => {
     setImageErrors((prev) => new Set(prev).add(imageId));
   }, []);
   const gridColsClass = images?.length === 1 ? "grid-cols-1" : {
@@ -8385,8 +8420,8 @@ import {
   createContext,
   useContext,
   useEffect as useEffect16,
-  useState as useState18,
-  useCallback as useCallback4,
+  useState as useState17,
+  useCallback as useCallback3,
   useMemo as useMemo4
 } from "react";
 import { useLocation, Navigate } from "react-router-dom";
@@ -8401,12 +8436,12 @@ var AuthProvider = ({
   getSessionFn,
   getTokensFn
 }) => {
-  const [authState, setAuthState] = useState18({
+  const [authState, setAuthState] = useState17({
     isAuthenticated: false,
     isLoading: true,
     ...initialAuthState
   });
-  const checkAuth = useCallback4(async () => {
+  const checkAuth = useCallback3(async () => {
     try {
       setAuthState((prev) => ({ ...prev, isLoading: true }));
       if (!checkAuthFn) {
@@ -8437,7 +8472,7 @@ var AuthProvider = ({
       return false;
     }
   }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);
-  const signOut = useCallback4(() => {
+  const signOut = useCallback3(() => {
     if (signOutFn) {
       signOutFn();
     }
@@ -8603,7 +8638,7 @@ function createZustandAuthAdapter(useAuthStore) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-import { useEffect as useEffect17, useRef as useRef11 } from "react";
+import { useEffect as useEffect17, useRef as useRef10 } from "react";
 import { useLocation as useLocation2 } from "react-router-dom";
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -8651,7 +8686,7 @@ var handleUserData = (responseData, setUser) => {
 };
 function useUrlAuthentication(options) {
   const location = useLocation2();
-  const processedRef = useRef11(false);
+  const processedRef = useRef10(false);
   useEffect17(() => {
     const handleAuthentication = async () => {
       if (processedRef.current) {
@@ -8744,12 +8779,12 @@ import {
 import {
   forwardRef as forwardRef20,
   useEffect as useEffect19,
-  useState as useState20
+  useState as useState19
 } from "react";
 
 // src/components/Quiz/useQuizStore.ts
-import { create as create7 } from "zustand";
-import { devtools } from "zustand/middleware";
+import { create as create8 } from "zustand";
+import { devtools as devtools2 } from "zustand/middleware";
 var QUESTION_DIFFICULTY = /* @__PURE__ */ ((QUESTION_DIFFICULTY2) => {
   QUESTION_DIFFICULTY2["FACIL"] = "FACIL";
   QUESTION_DIFFICULTY2["MEDIO"] = "MEDIO";
@@ -8796,8 +8831,8 @@ var SUBTYPE_ENUM = /* @__PURE__ */ ((SUBTYPE_ENUM2) => {
   return SUBTYPE_ENUM2;
 })(SUBTYPE_ENUM || {});
 var MINUTE_INTERVAL_MS = 6e4;
-var useQuizStore = create7()(
-  devtools(
+var useQuizStore = create8()(
+  devtools2(
     (set, get) => {
       let timerInterval = null;
       let minuteCallbackInterval = null;
@@ -9353,12 +9388,12 @@ var useQuizStore = create7()(
 // src/components/Quiz/QuizContent.tsx
 import {
   forwardRef as forwardRef19,
-  useCallback as useCallback5,
+  useCallback as useCallback4,
   useEffect as useEffect18,
   useId as useId11,
   useMemo as useMemo6,
-  useRef as useRef12,
-  useState as useState19
+  useRef as useRef11,
+  useState as useState18
 } from "react";
 import { CheckCircle as CheckCircle6, XCircle as XCircle5 } from "phosphor-react";
 
@@ -9474,8 +9509,8 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
   const currentQuestionResult = getQuestionResultByQuestionId(
     currentQuestion?.id || ""
   );
-  const prevSelectedValuesRef = useRef12([]);
-  const prevQuestionIdRef = useRef12("");
+  const prevSelectedValuesRef = useRef11([]);
+  const prevQuestionIdRef = useRef11("");
   const allCurrentAnswerIds = useMemo6(() => {
     return allCurrentAnswers?.map((answer) => answer.optionId) || [];
   }, [allCurrentAnswers]);
@@ -9506,7 +9541,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     variant,
     currentQuestionResult?.selectedOptions
   ]);
-  const handleSelectedValues = useCallback5(
+  const handleSelectedValues = useCallback4(
     (values) => {
       if (currentQuestion) {
         selectMultipleAnswer(currentQuestion.id, values);
@@ -9569,13 +9604,13 @@ var QuizDissertative = ({ paddingBottom }) => {
     currentQuestion?.id || ""
   );
   const currentAnswer = getCurrentAnswer();
-  const textareaRef = useRef12(null);
+  const textareaRef = useRef11(null);
   const handleAnswerChange = (value) => {
     if (currentQuestion) {
       selectDissertativeAnswer(currentQuestion.id, value);
     }
   };
-  const adjustTextareaHeight = useCallback5(() => {
+  const adjustTextareaHeight = useCallback4(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       const scrollHeight = textareaRef.current.scrollHeight;
@@ -9724,7 +9759,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
       isCorrect: false
     }
   ];
-  const [userAnswers, setUserAnswers] = useState19(() => {
+  const [userAnswers, setUserAnswers] = useState18(() => {
     if (variant === "result") {
       return mockUserAnswers;
     }
@@ -9843,7 +9878,7 @@ var QuizFill = ({ paddingBottom }) => {
       isCorrect: true
     }
   ];
-  const [answers, setAnswers] = useState19({});
+  const [answers, setAnswers] = useState18({});
   const baseId = useId11();
   const getAvailableOptionsForSelect = (selectId) => {
     const usedOptions = Object.entries(answers).filter(([key]) => key !== selectId).map(([, value]) => value);
@@ -9981,7 +10016,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
   };
   const correctRadiusRelative = calculateCorrectRadiusRelative();
   const mockUserAnswerRelative = { x: 0.72, y: 0.348 };
-  const [clickPositionRelative, setClickPositionRelative] = useState19(variant == "result" ? mockUserAnswerRelative : null);
+  const [clickPositionRelative, setClickPositionRelative] = useState18(variant == "result" ? mockUserAnswerRelative : null);
   const convertToRelativeCoordinates = (x, y, rect) => {
     const safeWidth = Math.max(rect.width, 1e-3);
     const safeHeight = Math.max(rect.height, 1e-3);
@@ -10165,7 +10200,7 @@ var QuizTitle = forwardRef20(
       formatTime: formatTime2,
       isStarted
     } = useQuizStore();
-    const [showExitConfirmation, setShowExitConfirmation] = useState20(false);
+    const [showExitConfirmation, setShowExitConfirmation] = useState19(false);
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
     const handleBackClick = () => {
@@ -10361,8 +10396,8 @@ var QuizFooter = forwardRef20(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [activeModal, setActiveModal] = useState20(null);
-    const [filterType, setFilterType] = useState20("all");
+    const [activeModal, setActiveModal] = useState19(null);
+    const [filterType, setFilterType] = useState19("all");
     const openModal = (modalName) => setActiveModal(modalName);
     const closeModal = () => setActiveModal(null);
     const isModalOpen = (modalName) => activeModal === modalName;
@@ -10708,7 +10743,7 @@ var QuizFooter = forwardRef20(
 );
 
 // src/components/Quiz/QuizResult.tsx
-import { forwardRef as forwardRef21, useEffect as useEffect20, useState as useState21 } from "react";
+import { forwardRef as forwardRef21, useEffect as useEffect20, useState as useState20 } from "react";
 import { Clock as Clock3 } from "phosphor-react";
 import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
 var QuizBadge = ({
@@ -10733,7 +10768,7 @@ var QuizBadge = ({
 var QuizHeaderResult = forwardRef21(
   ({ className, ...props }, ref) => {
     const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
-    const [status, setStatus] = useState21(void 0);
+    const [status, setStatus] = useState20(void 0);
     useEffect20(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
@@ -11083,11 +11118,11 @@ var loadingModal_default = LoadingModal;
 
 // src/components/NotificationCard/NotificationCard.tsx
 import { DotsThreeVertical as DotsThreeVertical3, Bell as Bell2 } from "phosphor-react";
-import { useState as useState22, useEffect as useEffect21 } from "react";
+import { useState as useState21, useEffect as useEffect21 } from "react";
 
 // src/store/notificationStore.ts
-import { create as create8 } from "zustand";
-import { devtools as devtools2 } from "zustand/middleware";
+import { create as create9 } from "zustand";
+import { devtools as devtools3 } from "zustand/middleware";
 
 // src/types/notifications.ts
 var NotificationEntityType = /* @__PURE__ */ ((NotificationEntityType2) => {
@@ -11195,8 +11230,8 @@ var formatTimeAgo = (date) => {
   return new Date(date).toLocaleDateString("pt-BR");
 };
 var createNotificationStore = (apiClient) => {
-  return create8()(
-    devtools2(
+  return create9()(
+    devtools3(
       (set, get) => ({
         // Initial state
         notifications: [],
@@ -11469,7 +11504,7 @@ var NotificationList = ({
   className,
   emptyStateImage
 }) => {
-  const [globalNotificationModal, setGlobalNotificationModal] = useState22({ isOpen: false, notification: null });
+  const [globalNotificationModal, setGlobalNotificationModal] = useState21({ isOpen: false, notification: null });
   const handleGlobalNotificationClick = (notification) => {
     if (onGlobalNotificationClick) {
       onGlobalNotificationClick(notification);
@@ -11583,8 +11618,8 @@ var NotificationCenter = ({
   className
 }) => {
   const { isMobile } = useMobile();
-  const [isModalOpen, setIsModalOpen] = useState22(false);
-  const [globalNotificationModal, setGlobalNotificationModal] = useState22({ isOpen: false, notification: null });
+  const [isModalOpen, setIsModalOpen] = useState21(false);
+  const [globalNotificationModal, setGlobalNotificationModal] = useState21({ isOpen: false, notification: null });
   const handleMobileClick = () => {
     setIsModalOpen(true);
     onFetchNotifications?.();
@@ -11832,7 +11867,7 @@ var createUseNotificationStore = (apiClient) => {
 };
 
 // src/hooks/useNotifications.ts
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback5 } from "react";
 var createUseNotifications = (apiClient) => {
   const useNotificationStore = createUseNotificationStore(apiClient);
   return () => {
@@ -11851,7 +11886,7 @@ var createUseNotifications = (apiClient) => {
       resetError,
       getGroupedNotifications
     } = useNotificationStore();
-    const handleNavigate = useCallback6(
+    const handleNavigate = useCallback5(
       (entityType, entityId, onAfterNavigate) => {
         if (entityType && entityId) {
           switch (entityType.toUpperCase()) {
@@ -11869,7 +11904,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const getActionLabel = useCallback6(
+    const getActionLabel = useCallback5(
       (entityType) => {
         if (!entityType) return "Ver mais";
         switch (entityType.toUpperCase()) {
@@ -11883,7 +11918,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const markAsReadAndNavigate = useCallback6(
+    const markAsReadAndNavigate = useCallback5(
       async (id, entityType, entityId, onAfterNavigate) => {
         await markAsRead(id);
         if (entityType && entityId) {
@@ -11892,11 +11927,11 @@ var createUseNotifications = (apiClient) => {
       },
       [markAsRead, handleNavigate]
     );
-    const refreshNotifications = useCallback6(async () => {
+    const refreshNotifications = useCallback5(async () => {
       resetError();
       await fetchNotifications();
     }, [resetError, fetchNotifications]);
-    const formatNotification = useCallback6(
+    const formatNotification = useCallback5(
       (notification) => ({
         ...notification,
         time: formatTimeAgo(notification.createdAt),
@@ -11905,7 +11940,7 @@ var createUseNotifications = (apiClient) => {
       }),
       []
     );
-    const getFormattedGroupedNotifications = useCallback6(() => {
+    const getFormattedGroupedNotifications = useCallback5(() => {
       const groups = getGroupedNotifications();
       return groups.map((group) => ({
         ...group,
@@ -12071,6 +12106,7 @@ export {
   useQuizStore,
   useRouteAuth,
   useTheme,
+  useThemeStore,
   ToastStore_default as useToastStore,
   useUrlAuthentication,
   withAuth