analytica-frontend-lib 1.2.6 → 1.2.8

package/dist/index.mjs

@@ -6504,21 +6504,30 @@ var createNotificationsHook = (apiClient) => {
 };
 
 // src/components/Table/Table.tsx
-import { forwardRef as forwardRef14 } from "react";
+import {
+  forwardRef as forwardRef14,
+  useState as useState13,
+  useMemo as useMemo5,
+  useEffect as useEffect13
+} from "react";
+import { CaretUp, CaretDown } from "phosphor-react";
 import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 var Table = forwardRef14(
   ({ variant = "default", className, children, ...props }, ref) => /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
-        "relative w-full overflow-hidden",
+        "relative w-full overflow-x-auto",
         variant === "default" && "border border-border-200 rounded-xl"
       ),
       children: /* @__PURE__ */ jsxs28(
         "table",
         {
           ref,
-          className: cn("w-full caption-bottom text-sm", className),
+          className: cn(
+            "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
+            className
+          ),
           ...props,
           children: [
             /* @__PURE__ */ jsx39("caption", { className: "sr-only", children: "My Table" }),
@@ -6540,15 +6549,11 @@ var TableHeader = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */
 ));
 TableHeader.displayName = "TableHeader";
 var TableBody = forwardRef14(
-  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsx39(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
     "tbody",
     {
       ref,
-      className: cn(
-        "[&_tr:last-child]:border-0",
-        variant === "default" && "border-t border-border-200",
-        className
-      ),
+      className: cn("[&_tr:last-child]:border-border-200", className),
       ...props
     }
   )
@@ -6571,7 +6576,7 @@ var TableFooter = forwardRef14(
 TableFooter.displayName = "TableFooter";
 var VARIANT_STATES_ROW = {
   default: {
-    default: "border-b border-border-200",
+    default: "border border-border-200",
     borderless: ""
   },
   selected: {
@@ -6588,7 +6593,13 @@ var VARIANT_STATES_ROW = {
   }
 };
 var TableRow = forwardRef14(
-  ({ variant = "default", state = "default", className, ...props }, ref) => {
+  ({
+    variant = "default",
+    state = "default",
+    clickable = false,
+    className,
+    ...props
+  }, ref) => {
     return /* @__PURE__ */ jsx39(
       "tr",
       {
@@ -6596,6 +6607,7 @@ var TableRow = forwardRef14(
         className: cn(
           "transition-colors",
           state !== "disabled" ? "hover:bg-muted/50" : "",
+          clickable && state !== "disabled" ? "cursor-pointer" : "",
           VARIANT_STATES_ROW[state][variant],
           className
         ),
@@ -6606,24 +6618,49 @@ var TableRow = forwardRef14(
   }
 );
 TableRow.displayName = "TableRow";
-var TableHead = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
-  "th",
-  {
-    ref,
-    className: cn(
-      "h-10 px-6 py-3.5 bg-muted/50 text-left align-middle font-bold text-text-800 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      className
-    ),
+var TableHead = forwardRef14(
+  ({
+    className,
+    sortable = true,
+    sortDirection = null,
+    onSort,
+    children,
     ...props
+  }, ref) => {
+    const handleClick = () => {
+      if (sortable && onSort) {
+        onSort();
+      }
+    };
+    return /* @__PURE__ */ jsx39(
+      "th",
+      {
+        ref,
+        className: cn(
+          "h-10 px-6 py-3.5 text-left align-middle font-bold text-base text-text-800 tracking-[0.2px] leading-none [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] whitespace-nowrap",
+          sortable && "cursor-pointer select-none hover:bg-muted/30",
+          className
+        ),
+        onClick: handleClick,
+        ...props,
+        children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
+          children,
+          sortable && /* @__PURE__ */ jsxs28("div", { className: "flex flex-col", children: [
+            sortDirection === "asc" && /* @__PURE__ */ jsx39(CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
+            sortDirection === "desc" && /* @__PURE__ */ jsx39(CaretDown, { size: 16, weight: "fill", className: "text-text-800" })
+          ] })
+        ] })
+      }
+    );
   }
-));
+);
 TableHead.displayName = "TableHead";
 var TableCell = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   "td",
   {
     ref,
     className: cn(
-      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-md text-text-800 px-6 py-3.5",
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-base font-normal text-text-800 leading-[150%] tracking-normal px-6 py-3.5 whitespace-nowrap",
       className
     ),
     ...props
@@ -6647,7 +6684,7 @@ var Table_default = Table;
 // src/components/Select/Select.tsx
 import { create as create7, useStore as useStore4 } from "zustand";
 import {
-  useEffect as useEffect13,
+  useEffect as useEffect14,
   useRef as useRef8,
   forwardRef as forwardRef15,
   isValidElement as isValidElement4,
@@ -6655,7 +6692,7 @@ import {
   cloneElement as cloneElement4,
   useId as useId8
 } from "react";
-import { CaretDown, Check as Check4, WarningCircle as WarningCircle5 } from "phosphor-react";
+import { CaretDown as CaretDown2, Check as Check4, WarningCircle as WarningCircle5 } from "phosphor-react";
 import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 var VARIANT_CLASSES4 = {
   outlined: "border-2 rounded-lg focus:border-primary-950",
@@ -6778,13 +6815,13 @@ var Select = ({
     search(children2);
     return found;
   };
-  useEffect13(() => {
+  useEffect14(() => {
     if (!selectedLabel && defaultValue) {
       const label2 = findLabelForValue(children, defaultValue);
       if (label2) store.setState({ selectedLabel: label2 });
     }
   }, [children, defaultValue, selectedLabel]);
-  useEffect13(() => {
+  useEffect14(() => {
     const handleClickOutside = (event) => {
       if (selectRef.current && !selectRef.current.contains(event.target)) {
         setOpen(false);
@@ -6819,7 +6856,7 @@ var Select = ({
       document.removeEventListener("keydown", handleArrowKeys);
     };
   }, [open]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (propValue) {
       setValue(propValue);
       const label2 = findLabelForValue(children, propValue);
@@ -6896,7 +6933,7 @@ var SelectTrigger = forwardRef15(
         children: [
           props.children,
           /* @__PURE__ */ jsx40(
-            CaretDown,
+            CaretDown2,
             {
               className: cn(
                 "h-[1em] w-[1em] opacity-50 transition-transform",
@@ -7000,13 +7037,13 @@ var Select_default = Select;
 // src/components/Menu/Menu.tsx
 import { create as create8, useStore as useStore5 } from "zustand";
 import {
-  useEffect as useEffect14,
+  useEffect as useEffect15,
   useRef as useRef9,
   forwardRef as forwardRef16,
   isValidElement as isValidElement5,
   Children as Children5,
   cloneElement as cloneElement5,
-  useState as useState13
+  useState as useState14
 } from "react";
 import { CaretLeft, CaretRight as CaretRight2 } from "phosphor-react";
 import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
@@ -7042,7 +7079,7 @@ var Menu = forwardRef16(
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
     const { setValue } = useStore5(store, (s) => s);
-    useEffect14(() => {
+    useEffect15(() => {
       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";
@@ -7244,9 +7281,9 @@ var MenuOverflow = ({
   ...props
 }) => {
   const containerRef = useRef9(null);
-  const [showLeftArrow, setShowLeftArrow] = useState13(false);
-  const [showRightArrow, setShowRightArrow] = useState13(false);
-  useEffect14(() => {
+  const [showLeftArrow, setShowLeftArrow] = useState14(false);
+  const [showRightArrow, setShowRightArrow] = useState14(false);
+  useEffect15(() => {
     const checkScroll = () => internalCheckScroll(
       containerRef.current,
       setShowLeftArrow,
@@ -7321,9 +7358,9 @@ var Menu_default = Menu;
 import {
   forwardRef as forwardRef17,
   Fragment as Fragment7,
-  useState as useState14,
+  useState as useState15,
   useRef as useRef10,
-  useEffect as useEffect15
+  useEffect as useEffect16
 } from "react";
 import {
   CaretRight as CaretRight3,
@@ -8092,13 +8129,13 @@ var CardAudio = forwardRef17(
     className,
     ...props
   }, ref) => {
-    const [isPlaying, setIsPlaying] = useState14(false);
-    const [currentTime, setCurrentTime] = useState14(0);
-    const [duration, setDuration] = useState14(0);
-    const [volume, setVolume] = useState14(1);
-    const [showVolumeControl, setShowVolumeControl] = useState14(false);
-    const [showSpeedMenu, setShowSpeedMenu] = useState14(false);
-    const [playbackRate, setPlaybackRate] = useState14(1);
+    const [isPlaying, setIsPlaying] = useState15(false);
+    const [currentTime, setCurrentTime] = useState15(0);
+    const [duration, setDuration] = useState15(0);
+    const [volume, setVolume] = useState15(1);
+    const [showVolumeControl, setShowVolumeControl] = useState15(false);
+    const [showSpeedMenu, setShowSpeedMenu] = useState15(false);
+    const [playbackRate, setPlaybackRate] = useState15(1);
     const audioRef = useRef10(null);
     const volumeControlRef = useRef10(null);
     const speedMenuRef = useRef10(null);
@@ -8175,7 +8212,7 @@ var CardAudio = forwardRef17(
       }
       return /* @__PURE__ */ jsx43(SpeakerHigh, { size: 24 });
     };
-    useEffect15(() => {
+    useEffect16(() => {
       const handleClickOutside = (event) => {
         if (volumeControlRef.current && !volumeControlRef.current.contains(event.target)) {
           setShowVolumeControl(false);
@@ -8901,8 +8938,8 @@ var NotFound_default = NotFound;
 // src/components/VideoPlayer/VideoPlayer.tsx
 import {
   useRef as useRef11,
-  useState as useState16,
-  useEffect as useEffect16,
+  useState as useState17,
+  useEffect as useEffect17,
   useCallback as useCallback3
 } from "react";
 import { createPortal } from "react-dom";
@@ -8918,7 +8955,7 @@ import {
 } from "phosphor-react";
 
 // src/components/DownloadButton/DownloadButton.tsx
-import { useCallback as useCallback2, useState as useState15 } from "react";
+import { useCallback as useCallback2, useState as useState16 } from "react";
 import { DownloadSimple } from "phosphor-react";
 import { jsx as jsx46 } from "react/jsx-runtime";
 var getMimeType = (url) => {
@@ -8995,7 +9032,7 @@ var DownloadButton = ({
   lessonTitle = "aula",
   disabled = false
 }) => {
-  const [isDownloading, setIsDownloading] = useState15(false);
+  const [isDownloading, setIsDownloading] = useState16(false);
   const isValidUrl = useCallback2((url) => {
     return Boolean(
       url && url.trim() !== "" && url !== "undefined" && url !== "null"
@@ -9190,7 +9227,7 @@ var SpeedMenu = ({
     };
   };
   const position = getMenuPosition();
-  useEffect16(() => {
+  useEffect17(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       const isOutsideContainer = speedMenuContainerRef.current && !speedMenuContainerRef.current.contains(target);
@@ -9271,21 +9308,21 @@ var VideoPlayer = ({
 }) => {
   const videoRef = useRef11(null);
   const { isUltraSmallMobile, isTinyMobile } = useMobile();
-  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 [subtitlesValidation, setSubtitlesValidation] = useState16("idle");
-  useEffect16(() => {
+  const [isPlaying, setIsPlaying] = useState17(false);
+  const [currentTime, setCurrentTime] = useState17(0);
+  const [duration, setDuration] = useState17(0);
+  const [isMuted, setIsMuted] = useState17(false);
+  const [volume, setVolume] = useState17(1);
+  const [isFullscreen, setIsFullscreen] = useState17(false);
+  const [showControls, setShowControls] = useState17(true);
+  const [hasCompleted, setHasCompleted] = useState17(false);
+  const [showCaptions, setShowCaptions] = useState17(false);
+  const [subtitlesValidation, setSubtitlesValidation] = useState17("idle");
+  useEffect17(() => {
     setHasCompleted(false);
   }, [src]);
-  const [playbackRate, setPlaybackRate] = useState16(1);
-  const [showSpeedMenu, setShowSpeedMenu] = useState16(false);
+  const [playbackRate, setPlaybackRate] = useState17(1);
+  const [showSpeedMenu, setShowSpeedMenu] = useState17(false);
   const lastSaveTimeRef = useRef11(0);
   const trackRef = useRef11(null);
   const controlsTimeoutRef = useRef11(null);
@@ -9353,13 +9390,13 @@ var VideoPlayer = ({
       }, LEAVE_HIDE_TIMEOUT);
     }
   }, [isFullscreen, clearControlsTimeout, isUserInteracting]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (videoRef.current) {
       videoRef.current.volume = volume;
       videoRef.current.muted = isMuted;
     }
   }, [volume, isMuted]);
-  useEffect16(() => {
+  useEffect17(() => {
     const video = videoRef.current;
     if (!video) return;
     const onPlay = () => setIsPlaying(true);
@@ -9374,13 +9411,13 @@ var VideoPlayer = ({
       video.removeEventListener("ended", onEnded);
     };
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     const video = videoRef.current;
     if (!video) return;
     video.setAttribute("playsinline", "");
     video.setAttribute("webkit-playsinline", "");
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     if (isPlaying) {
       showControlsWithTimer();
     } else {
@@ -9392,7 +9429,7 @@ var VideoPlayer = ({
       }
     }
   }, [isPlaying, isFullscreen, showControlsWithTimer, clearControlsTimeout]);
-  useEffect16(() => {
+  useEffect17(() => {
     const video = videoRef.current;
     if (!video) return;
     const handleFullscreenChange = () => {
@@ -9427,7 +9464,7 @@ var VideoPlayer = ({
       );
     };
   }, [showControlsWithTimer]);
-  useEffect16(() => {
+  useEffect17(() => {
     const init = () => {
       if (!isFullscreen) {
         showControlsWithTimer();
@@ -9462,7 +9499,7 @@ var VideoPlayer = ({
     if (hasValidSaved) return saved;
     return void 0;
   }, [autoSave, storageKey, src, initialTime]);
-  useEffect16(() => {
+  useEffect17(() => {
     const start = getInitialTime();
     if (start !== void 0 && videoRef.current) {
       videoRef.current.currentTime = start;
@@ -9599,7 +9636,7 @@ var VideoPlayer = ({
       setDuration(videoRef.current.duration);
     }
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     const controller = new AbortController();
     const validateSubtitles = async () => {
       if (!subtitles) {
@@ -9646,12 +9683,12 @@ var VideoPlayer = ({
       controller.abort();
     };
   }, [subtitles]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (trackRef.current?.track) {
       trackRef.current.track.mode = showCaptions && subtitles && subtitlesValidation === "valid" ? "showing" : "hidden";
     }
   }, [subtitles, showCaptions, subtitlesValidation]);
-  useEffect16(() => {
+  useEffect17(() => {
     const handleVisibilityChange = () => {
       if (document.hidden && isPlaying && videoRef.current) {
         videoRef.current.pause();
@@ -9963,7 +10000,7 @@ var VideoPlayer = ({
 var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
-import { useCallback as useCallback4, useState as useState17 } from "react";
+import { useCallback as useCallback4, useState as useState18 } from "react";
 import { ArrowsOut } from "phosphor-react";
 import { Fragment as Fragment9, jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
 var IMAGE_WIDTH = 225;
@@ -9976,7 +10013,7 @@ var Whiteboard = ({
   imagesPerRow = 2,
   ...rest
 }) => {
-  const [imageErrors, setImageErrors] = useState17(/* @__PURE__ */ new Set());
+  const [imageErrors, setImageErrors] = useState18(/* @__PURE__ */ new Set());
   const handleDownload = useCallback4(
     (image) => {
       if (onDownload) {
@@ -10084,10 +10121,10 @@ var Whiteboard_default = Whiteboard;
 import {
   createContext,
   useContext,
-  useEffect as useEffect17,
-  useState as useState18,
+  useEffect as useEffect18,
+  useState as useState19,
   useCallback as useCallback5,
-  useMemo as useMemo5
+  useMemo as useMemo6
 } from "react";
 import { useLocation, Navigate } from "react-router-dom";
 import { Fragment as Fragment10, jsx as jsx49 } from "react/jsx-runtime";
@@ -10101,7 +10138,7 @@ var AuthProvider = ({
   getSessionFn,
   getTokensFn
 }) => {
-  const [authState, setAuthState] = useState18({
+  const [authState, setAuthState] = useState19({
     isAuthenticated: false,
     isLoading: true,
     ...initialAuthState
@@ -10149,10 +10186,10 @@ var AuthProvider = ({
       tokens: void 0
     }));
   }, [signOutFn]);
-  useEffect17(() => {
+  useEffect18(() => {
     checkAuth();
   }, [checkAuth]);
-  const contextValue = useMemo5(
+  const contextValue = useMemo6(
     () => ({
       ...authState,
       checkAuth,
@@ -10264,8 +10301,8 @@ var getRootDomain = () => {
 import {
   forwardRef as forwardRef18,
   useId as useId9,
-  useState as useState19,
-  useEffect as useEffect18
+  useState as useState20,
+  useEffect as useEffect19
 } from "react";
 import { CaretRight as CaretRight4 } from "phosphor-react";
 import { jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
@@ -10281,13 +10318,13 @@ var CardAccordation = forwardRef18(
     disabled = false,
     ...props
   }, ref) => {
-    const [internalExpanded, setInternalExpanded] = useState19(defaultExpanded);
+    const [internalExpanded, setInternalExpanded] = useState20(defaultExpanded);
     const generatedId = useId9();
     const contentId = value ? `accordion-content-${value}` : generatedId;
     const headerId = value ? `accordion-header-${value}` : `${generatedId}-header`;
     const isControlled = controlledExpanded !== void 0;
     const isExpanded = isControlled ? controlledExpanded : internalExpanded;
-    useEffect18(() => {
+    useEffect19(() => {
       if (isControlled) {
         setInternalExpanded(controlledExpanded);
       }
@@ -10378,9 +10415,9 @@ import {
   cloneElement as cloneElement7,
   forwardRef as forwardRef19,
   isValidElement as isValidElement6,
-  useEffect as useEffect19,
+  useEffect as useEffect20,
   useRef as useRef12,
-  useState as useState20
+  useState as useState21
 } from "react";
 import { create as create9 } from "zustand";
 import { jsx as jsx51 } from "react/jsx-runtime";
@@ -10449,7 +10486,7 @@ var AccordionGroup = forwardRef19(
     className,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = useState20(
+    const [internalValue, setInternalValue] = useState21(
       defaultValue || (type === "single" ? "" : [])
     );
     const isControlled = controlledValue !== void 0;
@@ -10474,10 +10511,10 @@ var AccordionGroup = forwardRef19(
       );
     }
     const store = storeRef.current;
-    useEffect19(() => {
+    useEffect20(() => {
       store.setState({ value: currentValue });
     }, [currentValue, store]);
-    useEffect19(() => {
+    useEffect20(() => {
       if (!isControlled) {
         setInternalValue((prev) => {
           if (type === "single") {
@@ -10530,7 +10567,7 @@ AccordionGroup.displayName = "AccordionGroup";
 
 // src/components/Alternative/Alternative.tsx
 import { CheckCircle as CheckCircle4, XCircle as XCircle3 } from "phosphor-react";
-import { forwardRef as forwardRef20, useId as useId10, useState as useState21 } from "react";
+import { forwardRef as forwardRef20, useId as useId10, useState as useState22 } from "react";
 import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
 var AlternativesList = ({
   alternatives,
@@ -10546,7 +10583,7 @@ var AlternativesList = ({
 }) => {
   const uniqueId = useId10();
   const groupName = name || `alternatives-${uniqueId}`;
-  const [actualValue, setActualValue] = useState21(value);
+  const [actualValue, setActualValue] = useState22(value);
   const isReadonly = mode === "readonly";
   const getStatusStyles2 = (status, isReadonly2) => {
     const hoverClass = isReadonly2 ? "" : "hover:bg-background-50";
@@ -10831,7 +10868,7 @@ function createZustandAuthAdapter(useAuthStore2) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-import { useEffect as useEffect20, useRef as useRef13 } from "react";
+import { useEffect as useEffect21, useRef as useRef13 } from "react";
 import { useLocation as useLocation2 } from "react-router-dom";
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -10880,7 +10917,7 @@ var handleUserData = (responseData, setUser) => {
 function useUrlAuthentication(options) {
   const location = useLocation2();
   const processedRef = useRef13(false);
-  useEffect20(() => {
+  useEffect21(() => {
     const handleAuthentication = async () => {
       if (processedRef.current) {
         return;
@@ -10951,9 +10988,9 @@ function useUrlAuthentication(options) {
 }
 
 // src/components/Auth/useApiConfig.ts
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo7 } from "react";
 function useApiConfig(api) {
-  return useMemo6(
+  return useMemo7(
     () => ({
       get: (endpoint, config) => api.get(endpoint, config)
     }),
@@ -10971,8 +11008,8 @@ import {
 } from "phosphor-react";
 import {
   forwardRef as forwardRef22,
-  useEffect as useEffect23,
-  useState as useState24
+  useEffect as useEffect24,
+  useState as useState25
 } from "react";
 
 // src/components/Quiz/useQuizStore.ts
@@ -11578,15 +11615,15 @@ var useQuizStore = create10()(
 import {
   forwardRef as forwardRef21,
   useCallback as useCallback6,
-  useEffect as useEffect22,
+  useEffect as useEffect23,
   useId as useId11,
-  useMemo as useMemo7,
+  useMemo as useMemo8,
   useRef as useRef14,
-  useState as useState23
+  useState as useState24
 } from "react";
 
 // src/components/MultipleChoice/MultipleChoice.tsx
-import { useEffect as useEffect21, useState as useState22 } from "react";
+import { useEffect as useEffect22, useState as useState23 } from "react";
 import { CheckCircle as CheckCircle5, XCircle as XCircle4, Check as Check5 } from "phosphor-react";
 import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
 var MultipleChoiceList = ({
@@ -11598,8 +11635,8 @@ var MultipleChoiceList = ({
   onHandleSelectedValues,
   mode = "interactive"
 }) => {
-  const [actualValue, setActualValue] = useState22(selectedValues);
-  useEffect21(() => {
+  const [actualValue, setActualValue] = useState23(selectedValues);
+  useEffect22(() => {
     setActualValue(selectedValues);
   }, [selectedValues]);
   const getStatusBadge2 = (status) => {
@@ -11840,13 +11877,13 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
   );
   const prevSelectedValuesRef = useRef14([]);
   const prevQuestionIdRef = useRef14("");
-  const allCurrentAnswerIds = useMemo7(() => {
+  const allCurrentAnswerIds = useMemo8(() => {
     return allCurrentAnswers?.map((answer) => answer.optionId) || [];
   }, [allCurrentAnswers]);
-  const selectedValues = useMemo7(() => {
+  const selectedValues = useMemo8(() => {
     return allCurrentAnswerIds?.filter((id) => id !== null) || [];
   }, [allCurrentAnswerIds]);
-  const stableSelectedValues = useMemo7(() => {
+  const stableSelectedValues = useMemo8(() => {
     const currentQuestionId = currentQuestion?.id || "";
     const hasQuestionChanged = prevQuestionIdRef.current !== currentQuestionId;
     if (hasQuestionChanged) {
@@ -11878,7 +11915,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     },
     [currentQuestion, selectMultipleAnswer]
   );
-  const questionKey = useMemo7(
+  const questionKey = useMemo8(
     () => `question-${currentQuestion?.id || "1"}`,
     [currentQuestion?.id]
   );
@@ -11954,7 +11991,7 @@ var QuizDissertative = ({ paddingBottom }) => {
       textareaRef.current.style.height = `${newHeight}px`;
     }
   }, []);
-  useEffect22(() => {
+  useEffect23(() => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
@@ -12093,7 +12130,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
       isCorrect: false
     }
   ];
-  const [userAnswers, setUserAnswers] = useState23(() => {
+  const [userAnswers, setUserAnswers] = useState24(() => {
     if (variant === "result") {
       return mockUserAnswers;
     }
@@ -12212,7 +12249,7 @@ var QuizFill = ({ paddingBottom }) => {
       isCorrect: true
     }
   ];
-  const [answers, setAnswers] = useState23({});
+  const [answers, setAnswers] = useState24({});
   const baseId = useId11();
   const getAvailableOptionsForSelect = (selectId) => {
     const usedOptions = new Set(
@@ -12352,7 +12389,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
   };
   const correctRadiusRelative = calculateCorrectRadiusRelative();
   const mockUserAnswerRelative = { x: 0.72, y: 0.348 };
-  const [clickPositionRelative, setClickPositionRelative] = useState23(variant == "result" ? mockUserAnswerRelative : null);
+  const [clickPositionRelative, setClickPositionRelative] = useState24(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);
@@ -12520,7 +12557,7 @@ var getFinishConfirmationText = (type) => {
 };
 var Quiz = forwardRef22(({ children, className, variant = "default", ...props }, ref) => {
   const { setVariant } = useQuizStore();
-  useEffect23(() => {
+  useEffect24(() => {
     setVariant(variant);
   }, [variant, setVariant]);
   return /* @__PURE__ */ jsx55("div", { ref, className: cn("flex flex-col", className), ...props, children });
@@ -12535,7 +12572,7 @@ var QuizTitle = forwardRef22(({ className, onBack, ...props }, ref) => {
     formatTime: formatTime2,
     isStarted
   } = useQuizStore();
-  const [showExitConfirmation, setShowExitConfirmation] = useState24(false);
+  const [showExitConfirmation, setShowExitConfirmation] = useState25(false);
   const totalQuestions = getTotalQuestions();
   const quizTitle = getQuizTitle();
   const handleBackClick = () => {
@@ -12603,12 +12640,14 @@ var QuizTitle = forwardRef22(({ className, onBack, ...props }, ref) => {
   ] });
 });
 var QuizHeader = () => {
-  const { getCurrentQuestion, currentQuestionIndex } = useQuizStore();
+  const { getCurrentQuestion, getQuestionIndex } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
+  let currentId = currentQuestion && "questionId" in currentQuestion ? currentQuestion.questionId : currentQuestion?.id;
+  const questionIndex = getQuestionIndex(currentId);
   return /* @__PURE__ */ jsx55(
     HeaderAlternative,
     {
-      title: currentQuestion ? `Quest\xE3o ${currentQuestionIndex + 1}` : "Quest\xE3o",
+      title: currentQuestion ? `Quest\xE3o ${questionIndex.toString().padStart(2, "0")}` : "Quest\xE3o",
       subTitle: currentQuestion?.knowledgeMatrix?.[0]?.topic?.name ?? "",
       content: currentQuestion?.statement ?? ""
     }
@@ -12736,8 +12775,8 @@ var QuizFooter = forwardRef22(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [activeModal, setActiveModal] = useState24(null);
-    const [filterType, setFilterType] = useState24("all");
+    const [activeModal, setActiveModal] = useState25(null);
+    const [filterType, setFilterType] = useState25("all");
     const openModal = (modalName) => setActiveModal(modalName);
     const closeModal = () => setActiveModal(null);
     const isModalOpen = (modalName) => activeModal === modalName;
@@ -13079,7 +13118,7 @@ var QuizFooter = forwardRef22(
 );
 
 // src/components/Quiz/QuizResult.tsx
-import { forwardRef as forwardRef23, useEffect as useEffect24, useState as useState25 } from "react";
+import { forwardRef as forwardRef23, useEffect as useEffect25, useState as useState26 } from "react";
 import { Clock as Clock3 } from "phosphor-react";
 import { jsx as jsx56, jsxs as jsxs41 } from "react/jsx-runtime";
 var QuizBadge = ({
@@ -13108,8 +13147,8 @@ var QuizHeaderResult = forwardRef23(
       getCurrentQuestion,
       questionsResult
     } = useQuizStore();
-    const [status, setStatus] = useState25(void 0);
-    useEffect24(() => {
+    const [status, setStatus] = useState26(void 0);
+    useEffect25(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
         setStatus(void 0);
@@ -13482,7 +13521,7 @@ var BreadcrumbMenu = ({
 };
 
 // src/components/BreadcrumbMenu/useBreadcrumbBuilder.ts
-import { useEffect as useEffect25 } from "react";
+import { useEffect as useEffect26 } from "react";
 
 // src/components/BreadcrumbMenu/breadcrumbStore.ts
 import { create as create11 } from "zustand";
@@ -13611,7 +13650,7 @@ var useBreadcrumbBuilder = (config) => {
     (level) => isBreadcrumbWithData(level) ? level.data : null
   );
   const levelUrlIds = levels.map((level) => level.urlId);
-  useEffect25(() => {
+  useEffect26(() => {
     const newBreadcrumbs = [root];
     const previousIds = [];
     for (const level of levels) {
@@ -13643,11 +13682,11 @@ var useBreadcrumbBuilder = (config) => {
 };
 
 // src/components/BreadcrumbMenu/useUrlParams.ts
-import { useMemo as useMemo8 } from "react";
+import { useMemo as useMemo9 } from "react";
 import { useLocation as useLocation3 } from "react-router-dom";
 var useUrlParams = (config) => {
   const location = useLocation3();
-  return useMemo8(() => {
+  return useMemo9(() => {
     const segments = location.pathname.split("/").filter(Boolean);
     const params = {};
     for (const [key, index] of Object.entries(config)) {
@@ -13658,15 +13697,15 @@ var useUrlParams = (config) => {
 };
 
 // src/hooks/useAppInitialization.ts
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo10 } from "react";
 
 // src/hooks/useInstitution.ts
-import { useEffect as useEffect26, useState as useState26 } from "react";
+import { useEffect as useEffect27, useState as useState27 } from "react";
 function useInstitutionId() {
-  const [institutionId, setInstitutionId] = useState26(() => {
+  const [institutionId, setInstitutionId] = useState27(() => {
     return document.querySelector('meta[name="institution-id"]')?.getAttribute("content") ?? null;
   });
-  useEffect26(() => {
+  useEffect27(() => {
     const metaTag = document.querySelector('meta[name="institution-id"]');
     if (!metaTag) return;
     const observer = new MutationObserver(() => {
@@ -13833,7 +13872,7 @@ var useAuthStore = create13()(
 function useAppInitialization() {
   const getInstitutionId = useInstitutionId();
   const { initialize, initialized, institutionId } = useAppStore();
-  const authFunctions = useMemo9(
+  const authFunctions = useMemo10(
     () => ({
       checkAuth: async () => {
         const { sessionInfo, tokens } = useAuthStore.getState();
@@ -13870,7 +13909,7 @@ function useAppInitialization() {
 }
 
 // src/hooks/useAppContent.ts
-import { useCallback as useCallback7, useEffect as useEffect27, useMemo as useMemo10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect28, useMemo as useMemo11 } from "react";
 import { useNavigate as useNavigate2 } from "react-router-dom";
 function useAppContent(config) {
   const navigate = useNavigate2();
@@ -13920,7 +13959,7 @@ function useAppContent(config) {
     },
     [navigate, onError]
   );
-  const urlAuthConfig = useMemo10(
+  const urlAuthConfig = useMemo11(
     () => ({
       setTokens,
       setSessionInfo,
@@ -13946,10 +13985,10 @@ function useAppContent(config) {
   );
   useUrlAuthentication(urlAuthConfig);
   const { sessionInfo } = useAuth();
-  const institutionIdToUse = useMemo10(() => {
+  const institutionIdToUse = useMemo11(() => {
     return sessionInfo?.institutionId || getInstitutionId;
   }, [sessionInfo?.institutionId, getInstitutionId]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (institutionIdToUse && !initialized) {
       initialize(institutionIdToUse);
     }