analytica-frontend-lib 1.1.48 → 1.1.49

package/dist/index.js

@@ -147,6 +147,7 @@ __export(src_exports, {
   useMobile: () => useMobile,
   useQuizStore: () => useQuizStore,
   useRouteAuth: () => useRouteAuth,
+  useTheme: () => useTheme,
   useToastStore: () => ToastStore_default,
   useUrlAuthentication: () => useUrlAuthentication,
   withAuth: () => withAuth
@@ -6068,9 +6069,33 @@ var useMobile = () => {
   };
 };
 
+// src/hooks/useTheme.ts
+var import_react20 = require("react");
+var useTheme = () => {
+  (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 applyTheme = () => {
+      const isDarkMode = window.matchMedia(
+        "(prefers-color-scheme: dark)"
+      ).matches;
+      const originalTheme = htmlElement.getAttribute("data-original-theme");
+      if (isDarkMode) {
+        htmlElement.setAttribute("data-theme", "dark");
+      } else if (originalTheme) {
+        htmlElement.setAttribute("data-theme", originalTheme);
+      }
+    };
+    applyTheme();
+  }, []);
+};
+
 // src/components/Select/Select.tsx
 var import_zustand5 = require("zustand");
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_phosphor_react16 = require("phosphor-react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var VARIANT_CLASSES4 = {
@@ -6130,13 +6155,13 @@ function getLabelAsNode(children) {
   if (typeof children === "string" || typeof children === "number") {
     return children;
   }
-  const flattened = import_react20.Children.toArray(children);
+  const flattened = import_react21.Children.toArray(children);
   if (flattened.length === 1) return flattened[0];
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: flattened });
 }
 var injectStore4 = (children, store, size, selectId) => {
-  return import_react20.Children.map(children, (child) => {
-    if ((0, import_react20.isValidElement)(child)) {
+  return import_react21.Children.map(children, (child) => {
+    if ((0, import_react21.isValidElement)(child)) {
       const typedChild = child;
       const newProps = {
         store
@@ -6153,7 +6178,7 @@ var injectStore4 = (children, store, size, selectId) => {
           selectId
         );
       }
-      return (0, import_react20.cloneElement)(typedChild, newProps);
+      return (0, import_react21.cloneElement)(typedChild, newProps);
     }
     return child;
   });
@@ -6170,18 +6195,18 @@ var Select = ({
   errorMessage,
   id
 }) => {
-  const storeRef = (0, import_react20.useRef)(null);
+  const storeRef = (0, import_react21.useRef)(null);
   storeRef.current ??= createSelectStore(onValueChange);
   const store = storeRef.current;
-  const selectRef = (0, import_react20.useRef)(null);
+  const selectRef = (0, import_react21.useRef)(null);
   const { open, setOpen, setValue, selectedLabel } = (0, import_zustand5.useStore)(store, (s) => s);
-  const generatedId = (0, import_react20.useId)();
+  const generatedId = (0, import_react21.useId)();
   const selectId = id ?? `select-${generatedId}`;
   const findLabelForValue = (children2, targetValue) => {
     let found = null;
     const search = (nodes) => {
-      import_react20.Children.forEach(nodes, (child) => {
-        if (!(0, import_react20.isValidElement)(child)) return;
+      import_react21.Children.forEach(nodes, (child) => {
+        if (!(0, import_react21.isValidElement)(child)) return;
         const typedChild = child;
         if (typedChild.type === SelectItem && typedChild.props.value === targetValue) {
           if (typeof typedChild.props.children === "string")
@@ -6194,13 +6219,13 @@ var Select = ({
     search(children2);
     return found;
   };
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!selectedLabel && defaultValue) {
       const label2 = findLabelForValue(children, defaultValue);
       if (label2) store.setState({ selectedLabel: label2 });
     }
   }, [children, defaultValue, selectedLabel]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (selectRef.current && !selectRef.current.contains(event.target)) {
         setOpen(false);
@@ -6235,7 +6260,7 @@ var Select = ({
       document.removeEventListener("keydown", handleArrowKeys);
     };
   }, [open]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (propValue) {
       setValue(propValue);
       const label2 = findLabelForValue(children, propValue);
@@ -6272,7 +6297,7 @@ var SelectValue = ({
   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 });
 };
-var SelectTrigger = (0, import_react20.forwardRef)(
+var SelectTrigger = (0, import_react21.forwardRef)(
   ({
     className,
     invalid = false,
@@ -6326,7 +6351,7 @@ var SelectTrigger = (0, import_react20.forwardRef)(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = (0, import_react20.forwardRef)(
+var SelectContent = (0, import_react21.forwardRef)(
   ({
     children,
     className,
@@ -6356,7 +6381,7 @@ var SelectContent = (0, import_react20.forwardRef)(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = (0, import_react20.forwardRef)(
+var SelectItem = (0, import_react21.forwardRef)(
   ({
     className,
     children,
@@ -6415,7 +6440,7 @@ var Select_default = Select;
 
 // src/components/Menu/Menu.tsx
 var import_zustand6 = require("zustand");
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_phosphor_react17 = require("phosphor-react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var createMenuStore = (onValueChange) => (0, import_zustand6.create)((set) => ({
@@ -6436,7 +6461,7 @@ var VARIANT_CLASSES5 = {
   "menu-overflow": "",
   breadcrumb: "bg-transparent shadow-none !px-0"
 };
-var Menu = (0, import_react21.forwardRef)(
+var Menu = (0, import_react22.forwardRef)(
   ({
     className,
     children,
@@ -6446,11 +6471,11 @@ var Menu = (0, import_react21.forwardRef)(
     onValueChange,
     ...props
   }, ref) => {
-    const storeRef = (0, import_react21.useRef)(null);
+    const storeRef = (0, import_react22.useRef)(null);
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
     const { setValue } = (0, import_zustand6.useStore)(store, (s) => s);
-    (0, import_react21.useEffect)(() => {
+    (0, import_react22.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";
@@ -6471,7 +6496,7 @@ var Menu = (0, import_react21.forwardRef)(
   }
 );
 Menu.displayName = "Menu";
-var MenuContent = (0, import_react21.forwardRef)(
+var MenuContent = (0, import_react22.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" : "";
@@ -6493,7 +6518,7 @@ var MenuContent = (0, import_react21.forwardRef)(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = (0, import_react21.forwardRef)(
+var MenuItem = (0, import_react22.forwardRef)(
   ({
     className,
     children,
@@ -6651,10 +6676,10 @@ var MenuOverflow = ({
   onValueChange,
   ...props
 }) => {
-  const containerRef = (0, import_react21.useRef)(null);
-  const [showLeftArrow, setShowLeftArrow] = (0, import_react21.useState)(false);
-  const [showRightArrow, setShowRightArrow] = (0, import_react21.useState)(false);
-  (0, import_react21.useEffect)(() => {
+  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 checkScroll = () => internalCheckScroll(
       containerRef.current,
       setShowLeftArrow,
@@ -6714,11 +6739,11 @@ var MenuOverflow = ({
     }
   );
 };
-var injectStore5 = (children, store) => import_react21.Children.map(children, (child) => {
-  if (!(0, import_react21.isValidElement)(child)) return child;
+var injectStore5 = (children, store) => import_react22.Children.map(children, (child) => {
+  if (!(0, import_react22.isValidElement)(child)) return child;
   const typedChild = child;
   const shouldInject = typedChild.type === MenuItem;
-  return (0, import_react21.cloneElement)(typedChild, {
+  return (0, import_react22.cloneElement)(typedChild, {
     ...shouldInject ? { store } : {},
     ...typedChild.props.children ? { children: injectStore5(typedChild.props.children, store) } : {}
   });
@@ -6726,7 +6751,7 @@ var injectStore5 = (children, store) => import_react21.Children.map(children, (c
 var Menu_default = Menu;
 
 // src/components/Skeleton/Skeleton.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var SKELETON_ANIMATION_CLASSES = {
   pulse: "animate-pulse",
@@ -6744,7 +6769,7 @@ var SPACING_CLASSES = {
   medium: "space-y-2",
   large: "space-y-3"
 };
-var Skeleton = (0, import_react22.forwardRef)(
+var Skeleton = (0, import_react23.forwardRef)(
   ({
     variant = "text",
     width,
@@ -6793,13 +6818,13 @@ var Skeleton = (0, import_react22.forwardRef)(
     );
   }
 );
-var SkeletonText = (0, import_react22.forwardRef)(
+var SkeletonText = (0, import_react23.forwardRef)(
   (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Skeleton, { ref, variant: "text", ...props })
 );
-var SkeletonCircle = (0, import_react22.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Skeleton, { ref, variant: "circular", ...props }));
-var SkeletonRectangle = (0, import_react22.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Skeleton, { ref, variant: "rectangular", ...props }));
-var SkeletonRounded = (0, import_react22.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Skeleton, { ref, variant: "rounded", ...props }));
-var SkeletonCard = (0, import_react22.forwardRef)(
+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)(
   ({
     showAvatar = true,
     showTitle = true,
@@ -6835,7 +6860,7 @@ var SkeletonCard = (0, import_react22.forwardRef)(
     );
   }
 );
-var SkeletonList = (0, import_react22.forwardRef)(
+var SkeletonList = (0, import_react23.forwardRef)(
   ({
     items = 3,
     showAvatar = true,
@@ -6854,7 +6879,7 @@ var SkeletonList = (0, import_react22.forwardRef)(
     ] }, index)) });
   }
 );
-var SkeletonTable = (0, import_react22.forwardRef)(
+var SkeletonTable = (0, import_react23.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)(
@@ -6979,7 +7004,7 @@ var NotFound = ({
 var NotFound_default = NotFound;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_phosphor_react18 = require("phosphor-react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var CONTROLS_HIDE_TIMEOUT = 3e3;
@@ -7084,26 +7109,26 @@ var VideoPlayer = ({
   autoSave = true,
   storageKey = "video-progress"
 }) => {
-  const videoRef = (0, import_react23.useRef)(null);
-  const [isPlaying, setIsPlaying] = (0, import_react23.useState)(false);
-  const [currentTime, setCurrentTime] = (0, import_react23.useState)(0);
-  const [duration, setDuration] = (0, import_react23.useState)(0);
-  const [isMuted, setIsMuted] = (0, import_react23.useState)(false);
-  const [volume, setVolume] = (0, import_react23.useState)(1);
-  const [isFullscreen, setIsFullscreen] = (0, import_react23.useState)(false);
-  const [showControls, setShowControls] = (0, import_react23.useState)(true);
-  const [hasCompleted, setHasCompleted] = (0, import_react23.useState)(false);
-  const [showCaptions, setShowCaptions] = (0, import_react23.useState)(false);
-  (0, import_react23.useEffect)(() => {
+  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)(() => {
     setHasCompleted(false);
   }, [src]);
-  const [playbackRate, setPlaybackRate] = (0, import_react23.useState)(1);
-  const [showSpeedMenu, setShowSpeedMenu] = (0, import_react23.useState)(false);
-  const lastSaveTimeRef = (0, import_react23.useRef)(0);
-  const trackRef = (0, import_react23.useRef)(null);
-  const controlsTimeoutRef = (0, import_react23.useRef)(null);
-  const lastMousePositionRef = (0, import_react23.useRef)({ x: 0, y: 0 });
-  const isUserInteracting = (0, import_react23.useCallback)(() => {
+  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)(() => {
     if (showSpeedMenu) {
       return true;
     }
@@ -7120,13 +7145,13 @@ var VideoPlayer = ({
     }
     return false;
   }, [showSpeedMenu]);
-  const clearControlsTimeout = (0, import_react23.useCallback)(() => {
+  const clearControlsTimeout = (0, import_react24.useCallback)(() => {
     if (controlsTimeoutRef.current) {
       clearTimeout(controlsTimeoutRef.current);
       controlsTimeoutRef.current = null;
     }
   }, []);
-  const showControlsWithTimer = (0, import_react23.useCallback)(() => {
+  const showControlsWithTimer = (0, import_react24.useCallback)(() => {
     setShowControls(true);
     clearControlsTimeout();
     if (isFullscreen) {
@@ -7141,7 +7166,7 @@ var VideoPlayer = ({
       }, CONTROLS_HIDE_TIMEOUT);
     }
   }, [isFullscreen, isPlaying, clearControlsTimeout]);
-  const handleMouseMove = (0, import_react23.useCallback)(
+  const handleMouseMove = (0, import_react24.useCallback)(
     (event) => {
       const currentX = event.clientX;
       const currentY = event.clientY;
@@ -7154,10 +7179,10 @@ var VideoPlayer = ({
     },
     [showControlsWithTimer]
   );
-  const handleMouseEnter = (0, import_react23.useCallback)(() => {
+  const handleMouseEnter = (0, import_react24.useCallback)(() => {
     showControlsWithTimer();
   }, [showControlsWithTimer]);
-  const handleMouseLeave = (0, import_react23.useCallback)(() => {
+  const handleMouseLeave = (0, import_react24.useCallback)(() => {
     const userInteracting = isUserInteracting();
     clearControlsTimeout();
     if (!isFullscreen && !userInteracting) {
@@ -7166,13 +7191,13 @@ var VideoPlayer = ({
       }, LEAVE_HIDE_TIMEOUT);
     }
   }, [isFullscreen, clearControlsTimeout, isUserInteracting]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (videoRef.current) {
       videoRef.current.volume = volume;
       videoRef.current.muted = isMuted;
     }
   }, [volume, isMuted]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const video = videoRef.current;
     if (!video) return;
     const onPlay = () => setIsPlaying(true);
@@ -7187,7 +7212,7 @@ var VideoPlayer = ({
       video.removeEventListener("ended", onEnded);
     };
   }, []);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (isPlaying) {
       showControlsWithTimer();
     } else {
@@ -7199,7 +7224,7 @@ var VideoPlayer = ({
       }
     }
   }, [isPlaying, isFullscreen, showControlsWithTimer, clearControlsTimeout]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const handleFullscreenChange = () => {
       const isCurrentlyFullscreen = !!document.fullscreenElement;
       setIsFullscreen(isCurrentlyFullscreen);
@@ -7212,7 +7237,7 @@ var VideoPlayer = ({
       document.removeEventListener("fullscreenchange", handleFullscreenChange);
     };
   }, [showControlsWithTimer]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const init = () => {
       if (!isFullscreen) {
         showControlsWithTimer();
@@ -7234,7 +7259,7 @@ var VideoPlayer = ({
       };
     }
   }, []);
-  const getInitialTime = (0, import_react23.useCallback)(() => {
+  const getInitialTime = (0, import_react24.useCallback)(() => {
     if (!autoSave || !storageKey) {
       return Number.isFinite(initialTime) && initialTime >= 0 ? initialTime : void 0;
     }
@@ -7245,14 +7270,14 @@ var VideoPlayer = ({
     if (hasValidSaved) return saved;
     return void 0;
   }, [autoSave, storageKey, src, initialTime]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const start = getInitialTime();
     if (start !== void 0 && videoRef.current) {
       videoRef.current.currentTime = start;
       setCurrentTime(start);
     }
   }, [getInitialTime]);
-  const saveProgress = (0, import_react23.useCallback)(
+  const saveProgress = (0, import_react24.useCallback)(
     (time) => {
       if (!autoSave || !storageKey) return;
       const now = Date.now();
@@ -7263,7 +7288,7 @@ var VideoPlayer = ({
     },
     [autoSave, storageKey, src]
   );
-  const togglePlayPause = (0, import_react23.useCallback)(async () => {
+  const togglePlayPause = (0, import_react24.useCallback)(async () => {
     const video = videoRef.current;
     if (!video) return;
     if (!video.paused) {
@@ -7275,7 +7300,7 @@ var VideoPlayer = ({
     } catch {
     }
   }, []);
-  const handleVolumeChange = (0, import_react23.useCallback)(
+  const handleVolumeChange = (0, import_react24.useCallback)(
     (newVolume) => {
       const video = videoRef.current;
       if (!video) return;
@@ -7294,7 +7319,7 @@ var VideoPlayer = ({
     },
     [isMuted]
   );
-  const toggleMute = (0, import_react23.useCallback)(() => {
+  const toggleMute = (0, import_react24.useCallback)(() => {
     const video = videoRef.current;
     if (!video) return;
     if (isMuted) {
@@ -7308,13 +7333,13 @@ var VideoPlayer = ({
       setIsMuted(true);
     }
   }, [isMuted, volume]);
-  const handleSeek = (0, import_react23.useCallback)((newTime) => {
+  const handleSeek = (0, import_react24.useCallback)((newTime) => {
     const video = videoRef.current;
     if (video) {
       video.currentTime = newTime;
     }
   }, []);
-  const toggleFullscreen = (0, import_react23.useCallback)(() => {
+  const toggleFullscreen = (0, import_react24.useCallback)(() => {
     const container = videoRef.current?.parentElement;
     if (!container) return;
     if (!isFullscreen && container.requestFullscreen) {
@@ -7323,23 +7348,23 @@ var VideoPlayer = ({
       document.exitFullscreen();
     }
   }, [isFullscreen]);
-  const handleSpeedChange = (0, import_react23.useCallback)((speed) => {
+  const handleSpeedChange = (0, import_react24.useCallback)((speed) => {
     if (videoRef.current) {
       videoRef.current.playbackRate = speed;
       setPlaybackRate(speed);
       setShowSpeedMenu(false);
     }
   }, []);
-  const toggleSpeedMenu = (0, import_react23.useCallback)(() => {
+  const toggleSpeedMenu = (0, import_react24.useCallback)(() => {
     setShowSpeedMenu(!showSpeedMenu);
   }, [showSpeedMenu]);
-  const toggleCaptions = (0, import_react23.useCallback)(() => {
+  const toggleCaptions = (0, import_react24.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_react23.useCallback)(
+  const checkVideoCompletion = (0, import_react24.useCallback)(
     (progressPercent) => {
       if (progressPercent >= 95 && !hasCompleted) {
         setHasCompleted(true);
@@ -7348,7 +7373,7 @@ var VideoPlayer = ({
     },
     [hasCompleted, onVideoComplete]
   );
-  const handleTimeUpdate = (0, import_react23.useCallback)(() => {
+  const handleTimeUpdate = (0, import_react24.useCallback)(() => {
     const video = videoRef.current;
     if (!video) return;
     const current = video.currentTime;
@@ -7361,17 +7386,17 @@ var VideoPlayer = ({
       checkVideoCompletion(progressPercent);
     }
   }, [duration, saveProgress, onTimeUpdate, onProgress, checkVideoCompletion]);
-  const handleLoadedMetadata = (0, import_react23.useCallback)(() => {
+  const handleLoadedMetadata = (0, import_react24.useCallback)(() => {
     if (videoRef.current) {
       setDuration(videoRef.current.duration);
     }
   }, []);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (trackRef.current?.track) {
       trackRef.current.track.mode = showCaptions && subtitles ? "showing" : "hidden";
     }
   }, [subtitles, showCaptions]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const handleVisibilityChange = () => {
       if (document.hidden && isPlaying && videoRef.current) {
         videoRef.current.pause();
@@ -7393,13 +7418,13 @@ var VideoPlayer = ({
     };
   }, [isPlaying, clearControlsTimeout]);
   const progressPercentage = duration > 0 ? currentTime / duration * 100 : 0;
-  const getTopControlsOpacity = (0, import_react23.useCallback)(() => {
+  const getTopControlsOpacity = (0, import_react24.useCallback)(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const getBottomControlsOpacity = (0, import_react23.useCallback)(() => {
+  const getBottomControlsOpacity = (0, import_react24.useCallback)(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const handleVideoKeyDown = (0, import_react23.useCallback)(
+  const handleVideoKeyDown = (0, import_react24.useCallback)(
     (e) => {
       if (e.key) {
         e.stopPropagation();
@@ -7624,7 +7649,7 @@ var VideoPlayer = ({
 var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_phosphor_react19 = require("phosphor-react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var IMAGE_WIDTH = 225;
@@ -7637,8 +7662,8 @@ var Whiteboard = ({
   imagesPerRow = 2,
   ...rest
 }) => {
-  const [imageErrors, setImageErrors] = (0, import_react24.useState)(/* @__PURE__ */ new Set());
-  const handleDownload = (0, import_react24.useCallback)(
+  const [imageErrors, setImageErrors] = (0, import_react25.useState)(/* @__PURE__ */ new Set());
+  const handleDownload = (0, import_react25.useCallback)(
     (image) => {
       if (onDownload) {
         onDownload(image);
@@ -7655,7 +7680,7 @@ var Whiteboard = ({
     },
     [onDownload]
   );
-  const handleImageError = (0, import_react24.useCallback)((imageId) => {
+  const handleImageError = (0, import_react25.useCallback)((imageId) => {
     setImageErrors((prev) => new Set(prev).add(imageId));
   }, []);
   const gridColsClass = images?.length === 1 ? "grid-cols-1" : {
@@ -7742,10 +7767,10 @@ var Whiteboard = ({
 var Whiteboard_default = Whiteboard;
 
 // src/components/Auth/Auth.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_react_router_dom = require("react-router-dom");
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var AuthContext = (0, import_react25.createContext)(void 0);
+var AuthContext = (0, import_react26.createContext)(void 0);
 var AuthProvider = ({
   children,
   checkAuthFn,
@@ -7755,12 +7780,12 @@ var AuthProvider = ({
   getSessionFn,
   getTokensFn
 }) => {
-  const [authState, setAuthState] = (0, import_react25.useState)({
+  const [authState, setAuthState] = (0, import_react26.useState)({
     isAuthenticated: false,
     isLoading: true,
     ...initialAuthState
   });
-  const checkAuth = (0, import_react25.useCallback)(async () => {
+  const checkAuth = (0, import_react26.useCallback)(async () => {
     try {
       setAuthState((prev) => ({ ...prev, isLoading: true }));
       if (!checkAuthFn) {
@@ -7791,7 +7816,7 @@ var AuthProvider = ({
       return false;
     }
   }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);
-  const signOut = (0, import_react25.useCallback)(() => {
+  const signOut = (0, import_react26.useCallback)(() => {
     if (signOutFn) {
       signOutFn();
     }
@@ -7803,10 +7828,10 @@ var AuthProvider = ({
       tokens: void 0
     }));
   }, [signOutFn]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     checkAuth();
   }, [checkAuth]);
-  const contextValue = (0, import_react25.useMemo)(
+  const contextValue = (0, import_react26.useMemo)(
     () => ({
       ...authState,
       checkAuth,
@@ -7817,7 +7842,7 @@ var AuthProvider = ({
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AuthContext.Provider, { value: contextValue, children });
 };
 var useAuth = () => {
-  const context = (0, import_react25.useContext)(AuthContext);
+  const context = (0, import_react26.useContext)(AuthContext);
   if (context === void 0) {
     throw new Error("useAuth deve ser usado dentro de um AuthProvider");
   }
@@ -7957,7 +7982,7 @@ function createZustandAuthAdapter(useAuthStore) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_react_router_dom2 = require("react-router-dom");
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -8005,8 +8030,8 @@ var handleUserData = (responseData, setUser) => {
 };
 function useUrlAuthentication(options) {
   const location = (0, import_react_router_dom2.useLocation)();
-  const processedRef = (0, import_react26.useRef)(false);
-  (0, import_react26.useEffect)(() => {
+  const processedRef = (0, import_react27.useRef)(false);
+  (0, import_react27.useEffect)(() => {
     const handleAuthentication = async () => {
       if (processedRef.current) {
         return;
@@ -8077,9 +8102,9 @@ function useUrlAuthentication(options) {
 }
 
 // src/components/Auth/useApiConfig.ts
-var import_react27 = require("react");
+var import_react28 = require("react");
 function useApiConfig(api) {
-  return (0, import_react27.useMemo)(
+  return (0, import_react28.useMemo)(
     () => ({
       get: (endpoint, config) => api.get(endpoint, config)
     }),
@@ -8089,7 +8114,7 @@ function useApiConfig(api) {
 
 // src/components/Quiz/Quiz.tsx
 var import_phosphor_react20 = require("phosphor-react");
-var import_react28 = require("react");
+var import_react29 = require("react");
 
 // src/components/Quiz/useQuizStore.ts
 var import_zustand7 = require("zustand");
@@ -8744,18 +8769,18 @@ var getStatusStyles = (variantCorrect) => {
       return "bg-error-background border-error-300";
   }
 };
-var Quiz = (0, import_react28.forwardRef)(({ children, className, variant = "default", ...props }, ref) => {
+var Quiz = (0, import_react29.forwardRef)(({ children, className, variant = "default", ...props }, ref) => {
   const { setVariant } = useQuizStore();
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     setVariant(variant);
   }, [variant, setVariant]);
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children });
 });
-var QuizHeaderResult = (0, import_react28.forwardRef)(
+var QuizHeaderResult = (0, import_react29.forwardRef)(
   ({ className, ...props }, ref) => {
     const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
-    const [status, setStatus] = (0, import_react28.useState)(void 0);
-    (0, import_react28.useEffect)(() => {
+    const [status, setStatus] = (0, import_react29.useState)(void 0);
+    (0, import_react29.useEffect)(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
         setStatus(void 0);
@@ -8808,7 +8833,7 @@ var QuizHeaderResult = (0, import_react28.forwardRef)(
     );
   }
 );
-var QuizTitle = (0, import_react28.forwardRef)(
+var QuizTitle = (0, import_react29.forwardRef)(
   ({ className, ...props }, ref) => {
     const {
       currentQuestionIndex,
@@ -8818,7 +8843,7 @@ var QuizTitle = (0, import_react28.forwardRef)(
       formatTime: formatTime2,
       isStarted
     } = useQuizStore();
-    const [showExitConfirmation, setShowExitConfirmation] = (0, import_react28.useState)(false);
+    const [showExitConfirmation, setShowExitConfirmation] = (0, import_react29.useState)(false);
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
     const handleBackClick = () => {
@@ -8879,7 +8904,7 @@ var QuizTitle = (0, import_react28.forwardRef)(
     ] });
   }
 );
-var QuizSubTitle = (0, import_react28.forwardRef)(
+var QuizSubTitle = (0, import_react29.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 }) });
   }
@@ -8896,7 +8921,7 @@ var QuizHeader = () => {
     }
   );
 };
-var QuizContainer = (0, import_react28.forwardRef)(({ children, className, ...props }, ref) => {
+var QuizContainer = (0, import_react29.forwardRef)(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
@@ -8910,7 +8935,7 @@ var QuizContainer = (0, import_react28.forwardRef)(({ children, className, ...pr
     }
   );
 });
-var QuizContent = (0, import_react28.forwardRef)(({ paddingBottom }) => {
+var QuizContent = (0, import_react29.forwardRef)(({ paddingBottom }) => {
   const { getCurrentQuestion } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const questionComponents = {
@@ -8995,15 +9020,15 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
   const currentQuestionResult = getQuestionResultByQuestionId(
     currentQuestion?.id || ""
   );
-  const prevSelectedValuesRef = (0, import_react28.useRef)([]);
-  const prevQuestionIdRef = (0, import_react28.useRef)("");
-  const allCurrentAnswerIds = (0, import_react28.useMemo)(() => {
+  const prevSelectedValuesRef = (0, import_react29.useRef)([]);
+  const prevQuestionIdRef = (0, import_react29.useRef)("");
+  const allCurrentAnswerIds = (0, import_react29.useMemo)(() => {
     return allCurrentAnswers?.map((answer) => answer.optionId) || [];
   }, [allCurrentAnswers]);
-  const selectedValues = (0, import_react28.useMemo)(() => {
+  const selectedValues = (0, import_react29.useMemo)(() => {
     return allCurrentAnswerIds?.filter((id) => id !== null) || [];
   }, [allCurrentAnswerIds]);
-  const stableSelectedValues = (0, import_react28.useMemo)(() => {
+  const stableSelectedValues = (0, import_react29.useMemo)(() => {
     const currentQuestionId = currentQuestion?.id || "";
     const hasQuestionChanged = prevQuestionIdRef.current !== currentQuestionId;
     if (hasQuestionChanged) {
@@ -9027,7 +9052,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     variant,
     currentQuestionResult?.selectedOptions
   ]);
-  const handleSelectedValues = (0, import_react28.useCallback)(
+  const handleSelectedValues = (0, import_react29.useCallback)(
     (values) => {
       if (currentQuestion) {
         selectMultipleAnswer(currentQuestion.id, values);
@@ -9035,7 +9060,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     },
     [currentQuestion, selectMultipleAnswer]
   );
-  const questionKey = (0, import_react28.useMemo)(
+  const questionKey = (0, import_react29.useMemo)(
     () => `question-${currentQuestion?.id || "1"}`,
     [currentQuestion?.id]
   );
@@ -9090,13 +9115,13 @@ var QuizDissertative = ({ paddingBottom }) => {
     currentQuestion?.id || ""
   );
   const currentAnswer = getCurrentAnswer();
-  const textareaRef = (0, import_react28.useRef)(null);
+  const textareaRef = (0, import_react29.useRef)(null);
   const handleAnswerChange = (value) => {
     if (currentQuestion) {
       selectDissertativeAnswer(currentQuestion.id, value);
     }
   };
-  const adjustTextareaHeight = (0, import_react28.useCallback)(() => {
+  const adjustTextareaHeight = (0, import_react29.useCallback)(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       const scrollHeight = textareaRef.current.scrollHeight;
@@ -9106,7 +9131,7 @@ var QuizDissertative = ({ paddingBottom }) => {
       textareaRef.current.style.height = `${newHeight}px`;
     }
   }, []);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
@@ -9245,7 +9270,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
       isCorrect: false
     }
   ];
-  const [userAnswers, setUserAnswers] = (0, import_react28.useState)(() => {
+  const [userAnswers, setUserAnswers] = (0, import_react29.useState)(() => {
     if (variant === "result") {
       return mockUserAnswers;
     }
@@ -9364,8 +9389,8 @@ var QuizFill = ({ paddingBottom }) => {
       isCorrect: true
     }
   ];
-  const [answers, setAnswers] = (0, import_react28.useState)({});
-  const baseId = (0, import_react28.useId)();
+  const [answers, setAnswers] = (0, import_react29.useState)({});
+  const baseId = (0, import_react29.useId)();
   const getAvailableOptionsForSelect = (selectId) => {
     const usedOptions = Object.entries(answers).filter(([key]) => key !== selectId).map(([, value]) => value);
     return options.filter((option) => !usedOptions.includes(option));
@@ -9502,7 +9527,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
   };
   const correctRadiusRelative = calculateCorrectRadiusRelative();
   const mockUserAnswerRelative = { x: 0.72, y: 0.348 };
-  const [clickPositionRelative, setClickPositionRelative] = (0, import_react28.useState)(variant == "result" ? mockUserAnswerRelative : null);
+  const [clickPositionRelative, setClickPositionRelative] = (0, import_react29.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);
@@ -9702,7 +9727,7 @@ var QuizQuestionList = ({
     )
   ] });
 };
-var QuizFooter = (0, import_react28.forwardRef)(
+var QuizFooter = (0, import_react29.forwardRef)(
   ({
     className,
     onGoToSimulated,
@@ -9730,11 +9755,11 @@ var QuizFooter = (0, import_react28.forwardRef)(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [alertDialogOpen, setAlertDialogOpen] = (0, import_react28.useState)(false);
-    const [modalResultOpen, setModalResultOpen] = (0, import_react28.useState)(false);
-    const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react28.useState)(false);
-    const [modalResolutionOpen, setModalResolutionOpen] = (0, import_react28.useState)(false);
-    const [filterType, setFilterType] = (0, import_react28.useState)("all");
+    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 unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const allQuestions = getTotalQuestions();
     const handleFinishQuiz = async () => {
@@ -9979,7 +10004,7 @@ var QuizBadge = ({
       return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
   }
 };
-var QuizResultHeaderTitle = (0, import_react28.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultHeaderTitle = (0, import_react29.forwardRef)(({ className, ...props }, ref) => {
   const { getActiveQuiz } = useQuizStore();
   const activeQuiz = getActiveQuiz();
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
@@ -9995,7 +10020,7 @@ var QuizResultHeaderTitle = (0, import_react28.forwardRef)(({ className, ...prop
     }
   );
 });
-var QuizResultTitle = (0, import_react28.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultTitle = (0, import_react29.forwardRef)(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -10008,7 +10033,7 @@ var QuizResultTitle = (0, import_react28.forwardRef)(({ className, ...props }, r
     }
   );
 });
-var QuizResultPerformance = (0, import_react28.forwardRef)(
+var QuizResultPerformance = (0, import_react29.forwardRef)(
   ({ ...props }, ref) => {
     const {
       getTotalQuestions,
@@ -10133,7 +10158,7 @@ var QuizResultPerformance = (0, import_react28.forwardRef)(
     );
   }
 );
-var QuizListResult = (0, import_react28.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
+var QuizListResult = (0, import_react29.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
   const { getQuestionsGroupedBySubject } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const subjectsStats = Object.entries(groupedQuestions).map(
@@ -10216,9 +10241,9 @@ var QuizListResultByMateria = ({
 };
 
 // src/components/LoadingModal/loadingModal.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
-var LoadingModal = (0, import_react29.forwardRef)(
+var LoadingModal = (0, import_react30.forwardRef)(
   ({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
     if (!open) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
@@ -10272,7 +10297,7 @@ var loadingModal_default = LoadingModal;
 
 // src/components/NotificationCard/NotificationCard.tsx
 var import_phosphor_react21 = require("phosphor-react");
-var import_react30 = require("react");
+var import_react31 = require("react");
 
 // src/store/notificationStore.ts
 var import_zustand8 = require("zustand");
@@ -10711,7 +10736,7 @@ var NotificationCenter = ({
   className
 }) => {
   const { isMobile } = useMobile();
-  const [isModalOpen, setIsModalOpen] = (0, import_react30.useState)(false);
+  const [isModalOpen, setIsModalOpen] = (0, import_react31.useState)(false);
   const handleMobileClick = () => {
     setIsModalOpen(true);
     onFetchNotifications?.();
@@ -10719,7 +10744,7 @@ var NotificationCenter = ({
   const handleDesktopClick = () => {
     onToggleActive?.();
   };
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (isActive) {
       onFetchNotifications?.();
     }
@@ -10905,7 +10930,7 @@ var createUseNotificationStore = (apiClient) => {
 };
 
 // src/hooks/useNotifications.ts
-var import_react31 = require("react");
+var import_react32 = require("react");
 var createUseNotifications = (apiClient) => {
   const useNotificationStore = createUseNotificationStore(apiClient);
   return () => {
@@ -10924,7 +10949,7 @@ var createUseNotifications = (apiClient) => {
       resetError,
       getGroupedNotifications
     } = useNotificationStore();
-    const handleNavigate = (0, import_react31.useCallback)(
+    const handleNavigate = (0, import_react32.useCallback)(
       (entityType, entityId, onAfterNavigate) => {
         if (entityType && entityId) {
           switch (entityType.toUpperCase()) {
@@ -10942,7 +10967,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const getActionLabel = (0, import_react31.useCallback)(
+    const getActionLabel = (0, import_react32.useCallback)(
       (entityType) => {
         if (!entityType) return void 0;
         switch (entityType.toUpperCase()) {
@@ -10956,7 +10981,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const markAsReadAndNavigate = (0, import_react31.useCallback)(
+    const markAsReadAndNavigate = (0, import_react32.useCallback)(
       async (id, entityType, entityId, onAfterNavigate) => {
         await markAsRead(id);
         if (entityType && entityId) {
@@ -10965,11 +10990,11 @@ var createUseNotifications = (apiClient) => {
       },
       [markAsRead, handleNavigate]
     );
-    const refreshNotifications = (0, import_react31.useCallback)(async () => {
+    const refreshNotifications = (0, import_react32.useCallback)(async () => {
       resetError();
       await fetchNotifications();
     }, [resetError, fetchNotifications]);
-    const formatNotification = (0, import_react31.useCallback)(
+    const formatNotification = (0, import_react32.useCallback)(
       (notification) => ({
         ...notification,
         time: formatTimeAgo(notification.createdAt),
@@ -10978,7 +11003,7 @@ var createUseNotifications = (apiClient) => {
       }),
       []
     );
-    const getFormattedGroupedNotifications = (0, import_react31.useCallback)(() => {
+    const getFormattedGroupedNotifications = (0, import_react32.useCallback)(() => {
       const groups = getGroupedNotifications();
       return groups.map((group) => ({
         ...group,
@@ -11133,6 +11158,7 @@ var createNotificationsHook = (apiClient) => {
   useMobile,
   useQuizStore,
   useRouteAuth,
+  useTheme,
   useToastStore,
   useUrlAuthentication,
   withAuth