analytica-frontend-lib 1.2.11 → 1.2.12

package/dist/index.js

@@ -64,6 +64,7 @@ __export(src_exports, {
   DropdownMenuItem: () => DropdownMenuItem,
   DropdownMenuSeparator: () => DropdownMenuSeparator,
   DropdownMenuTrigger: () => DropdownMenuTrigger,
+  FilterModal: () => FilterModal,
   IconButton: () => IconButton_default,
   IconRender: () => IconRender_default,
   IconRoundedButton: () => IconRoundedButton_default,
@@ -180,6 +181,7 @@ __export(src_exports, {
   useMobile: () => useMobile,
   useQuizStore: () => useQuizStore,
   useRouteAuth: () => useRouteAuth,
+  useTableFilter: () => useTableFilter,
   useTableSort: () => useTableSort,
   useTheme: () => useTheme,
   useThemeStore: () => useThemeStore,
@@ -1322,7 +1324,7 @@ var CheckboxGroup = ({
       return depCat?.selectedIds && depCat.selectedIds.length > 0;
     });
     if (!isEnabled) {
-      return [{ itens: category?.itens || [] }];
+      return [{ itens: [] }];
     }
     const filters = category.filteredBy || [];
     if (filters.length === 0) {
@@ -1437,9 +1439,10 @@ var CheckboxGroup = ({
     const formattedItems = getFormattedItems(categoryKey);
     const filteredItems = formattedItems.flatMap((group) => group.itens || []);
     const filteredItemIds = filteredItems.map((item) => item.id);
-    const allFilteredSelected = filteredItemIds.every(
+    const selectedFilteredCount = filteredItemIds.filter(
       (itemId) => category.selectedIds?.includes(itemId)
-    );
+    ).length;
+    const allFilteredSelected = selectedFilteredCount === filteredItemIds.length;
     const newSelection = allFilteredSelected ? category.selectedIds?.filter((id) => !filteredItemIds.includes(id)) || [] : [
       ...category.selectedIds || [],
       ...filteredItemIds.filter(
@@ -1477,24 +1480,27 @@ var CheckboxGroup = ({
     }
     onCategoriesChange(updatedCategories);
   };
-  const renderCheckboxItem = (item, categoryKey) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-3 px-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      CheckBox_default,
-      {
-        id: item.id,
-        checked: isCheckBoxIsSelected(categoryKey, item.id),
-        onChange: () => toggleItem(categoryKey, item.id)
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      "label",
-      {
-        htmlFor: item.id,
-        className: "text-sm text-text-950 cursor-pointer select-none",
-        children: item.name
-      }
-    )
-  ] }, item.id);
+  const renderCheckboxItem = (item, categoryKey) => {
+    const uniqueId = `${categoryKey}-${item.id}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-3 px-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        CheckBox_default,
+        {
+          id: uniqueId,
+          checked: isCheckBoxIsSelected(categoryKey, item.id),
+          onChange: () => toggleItem(categoryKey, item.id)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "label",
+        {
+          htmlFor: uniqueId,
+          className: "text-sm text-text-950 cursor-pointer select-none",
+          children: item.name
+        }
+      )
+    ] }, item.id);
+  };
   const renderFormattedGroup = (formattedGroup, idx, categoryKey) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
@@ -1566,13 +1572,38 @@ var CheckboxGroup = ({
       openAccordion !== category.key && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Divider_default, {})
     ] }, category.key);
   };
+  (0, import_react7.useEffect)(() => {
+    if (!openAccordion) return;
+    const category = categories.find((c) => c.key === openAccordion);
+    if (!category) return;
+    const isEnabled = !category.dependsOn || category.dependsOn.every((depKey) => {
+      const depCat = categories.find((c) => c.key === depKey);
+      return depCat?.selectedIds && depCat.selectedIds.length > 0;
+    });
+    if (!isEnabled) {
+      setTimeout(() => {
+        setOpenAccordion("");
+      }, 0);
+    }
+  }, [categories, openAccordion]);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     AccordionGroup,
     {
       type: "single",
+      collapsible: true,
       value: openAccordion,
       onValueChange: (value) => {
         if (typeof value === "string") {
+          if (value) {
+            const category = categories.find((c) => c.key === value);
+            const isEnabled = !category?.dependsOn || category.dependsOn.every((depKey) => {
+              const depCat = categories.find((c) => c.key === depKey);
+              return depCat?.selectedIds && depCat.selectedIds.length > 0;
+            });
+            if (!isEnabled) {
+              return;
+            }
+          }
           setOpenAccordion(value);
         }
       },
@@ -6893,11 +6924,247 @@ var TableCaption = (0, import_react23.forwardRef)(({ className, ...props }, ref)
 TableCaption.displayName = "TableCaption";
 var Table_default = Table;
 
+// src/components/Filter/FilterModal.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var FilterModal = ({
+  isOpen,
+  onClose,
+  filterConfigs,
+  onFiltersChange,
+  onApply,
+  onClear,
+  title = "Filtros",
+  size = "md",
+  applyLabel = "Aplicar",
+  clearLabel = "Limpar filtros"
+}) => {
+  const handleCategoryChange = (configIndex, updatedCategories) => {
+    const newConfigs = [...filterConfigs];
+    newConfigs[configIndex] = {
+      ...newConfigs[configIndex],
+      categories: updatedCategories
+    };
+    onFiltersChange(newConfigs);
+  };
+  const handleApply = () => {
+    onApply();
+    onClose();
+  };
+  const handleClear = () => {
+    onClear();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    Modal_default,
+    {
+      isOpen,
+      onClose,
+      title,
+      size,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex gap-3 justify-end w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button_default, { variant: "outline", onClick: handleClear, children: clearLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button_default, { onClick: handleApply, children: applyLabel })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col gap-6", children: filterConfigs.map((config, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2 text-text-400 text-sm font-medium uppercase", children: [
+          config.key === "academic" && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+            "svg",
+            {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "text-text-400",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  "path",
+                  {
+                    d: "M8 2L2 5.33333L8 8.66667L14 5.33333L8 2Z",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  "path",
+                  {
+                    d: "M2 10.6667L8 14L14 10.6667",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  "path",
+                  {
+                    d: "M2 8L8 11.3333L14 8",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              ]
+            }
+          ),
+          config.key === "content" && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+            "svg",
+            {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "text-text-400",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  "path",
+                  {
+                    d: "M3.33333 2H12.6667C13.403 2 14 2.59695 14 3.33333V12.6667C14 13.403 13.403 14 12.6667 14H3.33333C2.59695 14 2 13.403 2 12.6667V3.33333C2 2.59695 2.59695 2 3.33333 2Z",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  "path",
+                  {
+                    d: "M2 6H14",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  "path",
+                  {
+                    d: "M6 2V14",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: config.label })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          CheckboxGroup,
+          {
+            categories: config.categories,
+            onCategoriesChange: (updatedCategories) => handleCategoryChange(index, updatedCategories)
+          }
+        )
+      ] }, config.key)) })
+    }
+  );
+};
+
+// src/components/Filter/useTableFilter.ts
+var import_react24 = require("react");
+var useTableFilter = (initialConfigs, options = {}) => {
+  const { syncWithUrl = false } = options;
+  const getInitialState = (0, import_react24.useCallback)(() => {
+    if (!syncWithUrl || globalThis.window === void 0) {
+      return initialConfigs;
+    }
+    const params = new URLSearchParams(globalThis.window.location.search);
+    const configsWithUrlState = initialConfigs.map((config) => ({
+      ...config,
+      categories: config.categories.map((category) => {
+        const urlValue = params.get(`filter_${category.key}`);
+        const selectedIds = urlValue ? urlValue.split(",").filter(Boolean) : [];
+        return {
+          ...category,
+          selectedIds
+        };
+      })
+    }));
+    return configsWithUrlState;
+  }, [initialConfigs, syncWithUrl]);
+  const [filterConfigs, setFilterConfigs] = (0, import_react24.useState)(getInitialState);
+  const activeFilters = {};
+  let hasActiveFilters = false;
+  for (const config of filterConfigs) {
+    for (const category of config.categories) {
+      if (category.selectedIds && category.selectedIds.length > 0) {
+        activeFilters[category.key] = category.selectedIds;
+        hasActiveFilters = true;
+      }
+    }
+  }
+  const updateFilters = (0, import_react24.useCallback)((configs) => {
+    setFilterConfigs(configs);
+  }, []);
+  const applyFilters = (0, import_react24.useCallback)(() => {
+    if (!syncWithUrl || globalThis.window === void 0) {
+      return;
+    }
+    const url = new URL(globalThis.window.location.href);
+    const params = url.searchParams;
+    for (const config of filterConfigs) {
+      for (const category of config.categories) {
+        const paramKey = `filter_${category.key}`;
+        if (category.selectedIds && category.selectedIds.length > 0) {
+          params.set(paramKey, category.selectedIds.join(","));
+        } else {
+          params.delete(paramKey);
+        }
+      }
+    }
+    globalThis.window.history.replaceState({}, "", url.toString());
+  }, [filterConfigs, syncWithUrl]);
+  const clearFilters = (0, import_react24.useCallback)(() => {
+    const clearedConfigs = filterConfigs.map((config) => ({
+      ...config,
+      categories: config.categories.map((category) => ({
+        ...category,
+        selectedIds: []
+      }))
+    }));
+    setFilterConfigs(clearedConfigs);
+    if (syncWithUrl && globalThis.window !== void 0) {
+      const url = new URL(globalThis.window.location.href);
+      const params = url.searchParams;
+      for (const config of filterConfigs) {
+        for (const category of config.categories) {
+          params.delete(`filter_${category.key}`);
+        }
+      }
+      globalThis.window.history.replaceState({}, "", url.toString());
+    }
+  }, [filterConfigs, syncWithUrl]);
+  (0, import_react24.useEffect)(() => {
+    if (!syncWithUrl || globalThis.window === void 0) {
+      return;
+    }
+    const handlePopState = () => {
+      setFilterConfigs(getInitialState());
+    };
+    globalThis.window.addEventListener("popstate", handlePopState);
+    return () => globalThis.window.removeEventListener("popstate", handlePopState);
+  }, [syncWithUrl, getInitialState]);
+  return {
+    filterConfigs,
+    activeFilters,
+    hasActiveFilters,
+    updateFilters,
+    applyFilters,
+    clearFilters
+  };
+};
+
 // src/components/Select/Select.tsx
 var import_zustand7 = require("zustand");
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_phosphor_react17 = require("phosphor-react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var VARIANT_CLASSES4 = {
   outlined: "border-2 rounded-lg focus:border-primary-950",
   underlined: "border-b-2 focus:border-primary-950",
@@ -6955,13 +7222,13 @@ function getLabelAsNode(children) {
   if (typeof children === "string" || typeof children === "number") {
     return children;
   }
-  const flattened = import_react24.Children.toArray(children);
+  const flattened = import_react25.Children.toArray(children);
   if (flattened.length === 1) return flattened[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, { children: flattened });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, { children: flattened });
 }
 var injectStore4 = (children, store, size, selectId) => {
-  return import_react24.Children.map(children, (child) => {
-    if ((0, import_react24.isValidElement)(child)) {
+  return import_react25.Children.map(children, (child) => {
+    if ((0, import_react25.isValidElement)(child)) {
       const typedChild = child;
       const newProps = {
         store
@@ -6978,7 +7245,7 @@ var injectStore4 = (children, store, size, selectId) => {
           selectId
         );
       }
-      return (0, import_react24.cloneElement)(typedChild, newProps);
+      return (0, import_react25.cloneElement)(typedChild, newProps);
     }
     return child;
   });
@@ -6995,18 +7262,18 @@ var Select = ({
   errorMessage,
   id
 }) => {
-  const storeRef = (0, import_react24.useRef)(null);
+  const storeRef = (0, import_react25.useRef)(null);
   storeRef.current ??= createSelectStore(onValueChange);
   const store = storeRef.current;
-  const selectRef = (0, import_react24.useRef)(null);
+  const selectRef = (0, import_react25.useRef)(null);
   const { open, setOpen, setValue, selectedLabel } = (0, import_zustand7.useStore)(store, (s) => s);
-  const generatedId = (0, import_react24.useId)();
+  const generatedId = (0, import_react25.useId)();
   const selectId = id ?? `select-${generatedId}`;
   const findLabelForValue = (children2, targetValue) => {
     let found = null;
     const search = (nodes) => {
-      import_react24.Children.forEach(nodes, (child) => {
-        if (!(0, import_react24.isValidElement)(child)) return;
+      import_react25.Children.forEach(nodes, (child) => {
+        if (!(0, import_react25.isValidElement)(child)) return;
         const typedChild = child;
         if (typedChild.type === SelectItem && typedChild.props.value === targetValue) {
           if (typeof typedChild.props.children === "string")
@@ -7019,13 +7286,13 @@ var Select = ({
     search(children2);
     return found;
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!selectedLabel && defaultValue) {
       const label2 = findLabelForValue(children, defaultValue);
       if (label2) store.setState({ selectedLabel: label2 });
     }
   }, [children, defaultValue, selectedLabel]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (selectRef.current && !selectRef.current.contains(event.target)) {
         setOpen(false);
@@ -7060,7 +7327,7 @@ var Select = ({
       document.removeEventListener("keydown", handleArrowKeys);
     };
   }, [open]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (propValue) {
       setValue(propValue);
       const label2 = findLabelForValue(children, propValue);
@@ -7068,8 +7335,8 @@ var Select = ({
     }
   }, [propValue]);
   const sizeClasses = SIZE_CLASSES12[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn("w-full", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("w-full", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "label",
       {
         htmlFor: selectId,
@@ -7077,11 +7344,11 @@ var Select = ({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("relative w-full"), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
-    (helperText || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
-      helperText && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react17.WarningCircle, { size: 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("relative w-full"), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
+    (helperText || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
+      helperText && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react17.WarningCircle, { size: 16 }),
         " ",
         errorMessage
       ] })
@@ -7095,9 +7362,9 @@ var SelectValue = ({
   const store = useSelectStore(externalStore);
   const selectedLabel = (0, import_zustand7.useStore)(store, (s) => s.selectedLabel);
   const value = (0, import_zustand7.useStore)(store, (s) => s.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-inherit flex gap-2 items-center", children: selectedLabel || placeholder || value });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-inherit flex gap-2 items-center", children: selectedLabel || placeholder || value });
 };
-var SelectTrigger = (0, import_react24.forwardRef)(
+var SelectTrigger = (0, import_react25.forwardRef)(
   ({
     className,
     invalid = false,
@@ -7114,7 +7381,7 @@ var SelectTrigger = (0, import_react24.forwardRef)(
     const variantClasses = VARIANT_CLASSES4[variant];
     const heightClasses = HEIGHT_CLASSES[size];
     const paddingClasses = PADDING_CLASSES[size];
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       "button",
       {
         ref,
@@ -7136,7 +7403,7 @@ var SelectTrigger = (0, import_react24.forwardRef)(
         ...props,
         children: [
           props.children,
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             import_phosphor_react17.CaretDown,
             {
               className: cn(
@@ -7151,7 +7418,7 @@ var SelectTrigger = (0, import_react24.forwardRef)(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = (0, import_react24.forwardRef)(
+var SelectContent = (0, import_react25.forwardRef)(
   ({
     children,
     className,
@@ -7164,7 +7431,7 @@ var SelectContent = (0, import_react24.forwardRef)(
     const open = (0, import_zustand7.useStore)(store, (s) => s.open);
     if (!open) return null;
     const getPositionClasses = () => `w-full min-w-full absolute ${SIDE_CLASSES2[side]} ${ALIGN_CLASSES2[align]}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "div",
       {
         role: "menu",
@@ -7181,7 +7448,7 @@ var SelectContent = (0, import_react24.forwardRef)(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = (0, import_react24.forwardRef)(
+var SelectItem = (0, import_react25.forwardRef)(
   ({
     className,
     children,
@@ -7208,7 +7475,7 @@ var SelectItem = (0, import_react24.forwardRef)(
       }
       props.onClick?.(e);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       "div",
       {
         role: "menuitem",
@@ -7228,7 +7495,7 @@ var SelectItem = (0, import_react24.forwardRef)(
         tabIndex: disabled ? -1 : 0,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react17.Check, { className: "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react17.Check, { className: "" }) }),
           children
         ]
       }
@@ -7240,9 +7507,9 @@ var Select_default = Select;
 
 // src/components/Menu/Menu.tsx
 var import_zustand8 = require("zustand");
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_phosphor_react18 = require("phosphor-react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var createMenuStore = (onValueChange) => (0, import_zustand8.create)((set) => ({
   value: "",
   setValue: (value) => {
@@ -7261,7 +7528,7 @@ var VARIANT_CLASSES5 = {
   "menu-overflow": "",
   breadcrumb: "bg-transparent shadow-none !px-0"
 };
-var Menu = (0, import_react25.forwardRef)(
+var Menu = (0, import_react26.forwardRef)(
   ({
     className,
     children,
@@ -7271,16 +7538,16 @@ var Menu = (0, import_react25.forwardRef)(
     onValueChange,
     ...props
   }, ref) => {
-    const storeRef = (0, import_react25.useRef)(null);
+    const storeRef = (0, import_react26.useRef)(null);
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
     const { setValue } = (0, import_zustand8.useStore)(store, (s) => s);
-    (0, import_react25.useEffect)(() => {
+    (0, import_react26.useEffect)(() => {
       setValue(propValue ?? defaultValue);
     }, [defaultValue, propValue, setValue]);
     const baseClasses = variant === "menu-overflow" ? "w-fit py-2 flex flex-row items-center justify-center" : "w-full py-2 flex flex-row items-center justify-center";
     const variantClasses = VARIANT_CLASSES5[variant];
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "div",
       {
         ref,
@@ -7296,11 +7563,11 @@ var Menu = (0, import_react25.forwardRef)(
   }
 );
 Menu.displayName = "Menu";
-var MenuContent = (0, import_react25.forwardRef)(
+var MenuContent = (0, import_react26.forwardRef)(
   ({ className, children, variant = "menu", ...props }, ref) => {
     const baseClasses = "w-full flex flex-row items-center gap-2";
     const variantClasses = variant === "menu2" || variant === "menu-overflow" ? "overflow-x-auto scroll-smooth" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "ul",
       {
         ref,
@@ -7318,7 +7585,7 @@ var MenuContent = (0, import_react25.forwardRef)(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = (0, import_react25.forwardRef)(
+var MenuItem = (0, import_react26.forwardRef)(
   ({
     className,
     children,
@@ -7352,7 +7619,7 @@ var MenuItem = (0, import_react25.forwardRef)(
       ...props
     };
     const variants = {
-      menu: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      menu: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "li",
         {
           "data-variant": "menu",
@@ -7367,7 +7634,7 @@ var MenuItem = (0, import_react25.forwardRef)(
           children
         }
       ),
-      menu2: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+      menu2: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
         "li",
         {
           "data-variant": "menu2",
@@ -7378,7 +7645,7 @@ var MenuItem = (0, import_react25.forwardRef)(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               "span",
               {
                 className: cn(
@@ -7388,11 +7655,11 @@ var MenuItem = (0, import_react25.forwardRef)(
                 children
               }
             ),
-            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
           ]
         }
       ),
-      "menu-overflow": /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+      "menu-overflow": /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
         "li",
         {
           "data-variant": "menu-overflow",
@@ -7403,7 +7670,7 @@ var MenuItem = (0, import_react25.forwardRef)(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               "span",
               {
                 className: cn(
@@ -7413,11 +7680,11 @@ var MenuItem = (0, import_react25.forwardRef)(
                 children
               }
             ),
-            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
           ]
         }
       ),
-      breadcrumb: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+      breadcrumb: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
         "li",
         {
           "data-variant": "breadcrumb",
@@ -7429,7 +7696,7 @@ var MenuItem = (0, import_react25.forwardRef)(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               "span",
               {
                 className: cn(
@@ -7439,7 +7706,7 @@ var MenuItem = (0, import_react25.forwardRef)(
                 children
               }
             ),
-            separator && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            separator && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               import_phosphor_react18.CaretRight,
               {
                 size: 16,
@@ -7476,10 +7743,10 @@ var MenuOverflow = ({
   onValueChange,
   ...props
 }) => {
-  const containerRef = (0, import_react25.useRef)(null);
-  const [showLeftArrow, setShowLeftArrow] = (0, import_react25.useState)(false);
-  const [showRightArrow, setShowRightArrow] = (0, import_react25.useState)(false);
-  (0, import_react25.useEffect)(() => {
+  const containerRef = (0, import_react26.useRef)(null);
+  const [showLeftArrow, setShowLeftArrow] = (0, import_react26.useState)(false);
+  const [showRightArrow, setShowRightArrow] = (0, import_react26.useState)(false);
+  (0, import_react26.useEffect)(() => {
     const checkScroll = () => internalCheckScroll(
       containerRef.current,
       setShowLeftArrow,
@@ -7494,25 +7761,25 @@ var MenuOverflow = ({
       window.removeEventListener("resize", checkScroll);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
     {
       "data-testid": "menu-overflow-wrapper",
       className: cn("relative w-full overflow-hidden", className),
       children: [
-        showLeftArrow && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+        showLeftArrow && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
           "button",
           {
             onClick: () => internalScroll(containerRef.current, "left"),
             className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
             "data-testid": "scroll-left-button",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react18.CaretLeft, { size: 16 }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Scroll left" })
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_phosphor_react18.CaretLeft, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sr-only", children: "Scroll left" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           Menu,
           {
             defaultValue,
@@ -7520,18 +7787,18 @@ var MenuOverflow = ({
             value,
             variant: "menu2",
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MenuContent, { ref: containerRef, variant: "menu2", children })
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MenuContent, { ref: containerRef, variant: "menu2", children })
           }
         ),
-        showRightArrow && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+        showRightArrow && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
           "button",
           {
             onClick: () => internalScroll(containerRef.current, "right"),
             className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
             "data-testid": "scroll-right-button",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react18.CaretRight, { size: 16 }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Scroll right" })
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_phosphor_react18.CaretRight, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sr-only", children: "Scroll right" })
             ]
           }
         )
@@ -7539,11 +7806,11 @@ var MenuOverflow = ({
     }
   );
 };
-var injectStore5 = (children, store) => import_react25.Children.map(children, (child) => {
-  if (!(0, import_react25.isValidElement)(child)) return child;
+var injectStore5 = (children, store) => import_react26.Children.map(children, (child) => {
+  if (!(0, import_react26.isValidElement)(child)) return child;
   const typedChild = child;
   const shouldInject = typedChild.type === MenuItem;
-  return (0, import_react25.cloneElement)(typedChild, {
+  return (0, import_react26.cloneElement)(typedChild, {
     ...shouldInject ? { store } : {},
     ...typedChild.props.children ? { children: injectStore5(typedChild.props.children, store) } : {}
   });
@@ -7551,13 +7818,13 @@ var injectStore5 = (children, store) => import_react25.Children.map(children, (c
 var Menu_default = Menu;
 
 // src/components/Card/Card.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_phosphor_react19 = require("phosphor-react");
 
 // src/components/IconRender/IconRender.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var PhosphorIcons = __toESM(require("phosphor-react"));
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var IconRender = ({
   iconName,
   color = "#000000",
@@ -7567,18 +7834,18 @@ var IconRender = ({
   if (typeof iconName === "string") {
     switch (iconName) {
       case "Chat_PT":
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ChatPT, { size, color });
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ChatPT, { size, color });
       case "Chat_EN":
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ChatEN, { size, color });
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ChatEN, { size, color });
       case "Chat_ES":
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ChatES, { size, color });
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ChatES, { size, color });
       default: {
         const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IconComponent, { size, color, weight });
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(IconComponent, { size, color, weight });
       }
     }
   } else {
-    return (0, import_react26.cloneElement)(iconName, {
+    return (0, import_react27.cloneElement)(iconName, {
       size,
       color: "currentColor"
     });
@@ -7587,7 +7854,7 @@ var IconRender = ({
 var IconRender_default = IconRender;
 
 // src/components/Card/Card.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var CARD_BASE_CLASSES = {
   default: "w-full bg-background border border-border-50 rounded-xl",
   compact: "w-full bg-background border border-border-50 rounded-lg",
@@ -7613,7 +7880,7 @@ var CARD_CURSOR_CLASSES = {
   default: "",
   pointer: "cursor-pointer"
 };
-var CardBase = (0, import_react27.forwardRef)(
+var CardBase = (0, import_react28.forwardRef)(
   ({
     children,
     variant = "default",
@@ -7629,7 +7896,7 @@ var CardBase = (0, import_react27.forwardRef)(
     const minHeightClasses = CARD_MIN_HEIGHT_CLASSES[minHeight];
     const layoutClasses = CARD_LAYOUT_CLASSES[layout];
     const cursorClasses = CARD_CURSOR_CLASSES[cursor];
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         ref,
@@ -7671,7 +7938,7 @@ var ACTION_HEADER_CLASSES = {
   error: "text-error-300",
   info: "text-info-300"
 };
-var CardActivitiesResults = (0, import_react27.forwardRef)(
+var CardActivitiesResults = (0, import_react28.forwardRef)(
   ({
     icon,
     title,
@@ -7687,7 +7954,7 @@ var CardActivitiesResults = (0, import_react27.forwardRef)(
     const actionIconClasses = ACTION_ICON_CLASSES[action];
     const actionSubTitleClasses = ACTION_SUBTITLE_CLASSES[action];
     const actionHeaderClasses = ACTION_HEADER_CLASSES[action];
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       "div",
       {
         ref,
@@ -7697,7 +7964,7 @@ var CardActivitiesResults = (0, import_react27.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
             "div",
             {
               className: cn(
@@ -7706,7 +7973,7 @@ var CardActivitiesResults = (0, import_react27.forwardRef)(
                 extended ? "rounded-t-xl" : "rounded-xl"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                   "span",
                   {
                     className: cn(
@@ -7716,7 +7983,7 @@ var CardActivitiesResults = (0, import_react27.forwardRef)(
                     children: icon
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                   Text_default,
                   {
                     size: "2xs",
@@ -7725,7 +7992,7 @@ var CardActivitiesResults = (0, import_react27.forwardRef)(
                     children: title
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                   "p",
                   {
                     className: cn("text-lg font-bold truncate", actionSubTitleClasses),
@@ -7735,8 +8002,8 @@ var CardActivitiesResults = (0, import_react27.forwardRef)(
               ]
             }
           ),
-          extended && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          extended && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               "p",
               {
                 className: cn(
@@ -7746,14 +8013,14 @@ var CardActivitiesResults = (0, import_react27.forwardRef)(
                 children: header
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Badge_default, { size: "large", action: "info", children: description })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Badge_default, { size: "large", action: "info", children: description })
           ] })
         ]
       }
     );
   }
 );
-var CardQuestions = (0, import_react27.forwardRef)(
+var CardQuestions = (0, import_react28.forwardRef)(
   ({
     header,
     state = "undone",
@@ -7765,7 +8032,7 @@ var CardQuestions = (0, import_react27.forwardRef)(
     const isDone = state === "done";
     const stateLabel = isDone ? "Realizado" : "N\xE3o Realizado";
     const buttonLabel = isDone ? "Ver Resultado" : "Responder";
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       CardBase,
       {
         ref,
@@ -7775,9 +8042,9 @@ var CardQuestions = (0, import_react27.forwardRef)(
         className: cn("justify-between gap-4", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex flex-row gap-6 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex flex-row gap-6 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               Badge_default,
               {
                 size: "medium",
@@ -7787,7 +8054,7 @@ var CardQuestions = (0, import_react27.forwardRef)(
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             Button_default,
             {
               size: "extra-small",
@@ -7801,7 +8068,7 @@ var CardQuestions = (0, import_react27.forwardRef)(
     );
   }
 );
-var CardProgress = (0, import_react27.forwardRef)(
+var CardProgress = (0, import_react28.forwardRef)(
   ({
     header,
     subhead,
@@ -7818,19 +8085,19 @@ var CardProgress = (0, import_react27.forwardRef)(
   }, ref) => {
     const isHorizontal = direction === "horizontal";
     const contentComponent = {
-      horizontal: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-        showDates && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
-          initialDate && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-text-600", children: initialDate })
+      horizontal: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+        showDates && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
+          initialDate && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-text-600", children: initialDate })
           ] }),
-          endDate && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-text-800 font-semibold", children: "Fim" }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-text-600", children: endDate })
+          endDate && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-text-800 font-semibold", children: "Fim" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-text-600", children: endDate })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             ProgressBar_default,
             {
               size: "small",
@@ -7839,7 +8106,7 @@ var CardProgress = (0, import_react27.forwardRef)(
               "data-testid": "progress-bar"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
             Text_default,
             {
               size: "xs",
@@ -7855,9 +8122,9 @@ var CardProgress = (0, import_react27.forwardRef)(
           )
         ] })
       ] }),
-      vertical: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm text-text-800", children: subhead })
+      vertical: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm text-text-800", children: subhead })
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       CardBase,
       {
         ref,
@@ -7868,7 +8135,7 @@ var CardProgress = (0, import_react27.forwardRef)(
         className: cn(isHorizontal ? "h-20" : "", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "div",
             {
               className: cn(
@@ -7881,7 +8148,7 @@ var CardProgress = (0, import_react27.forwardRef)(
               children: icon
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
             "div",
             {
               className: cn(
@@ -7889,7 +8156,7 @@ var CardProgress = (0, import_react27.forwardRef)(
                 !isHorizontal && "gap-4"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
                 contentComponent[direction]
               ]
             }
@@ -7899,7 +8166,7 @@ var CardProgress = (0, import_react27.forwardRef)(
     );
   }
 );
-var CardTopic = (0, import_react27.forwardRef)(
+var CardTopic = (0, import_react28.forwardRef)(
   ({
     header,
     subHead,
@@ -7909,7 +8176,7 @@ var CardTopic = (0, import_react27.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       CardBase,
       {
         ref,
@@ -7920,13 +8187,13 @@ var CardTopic = (0, import_react27.forwardRef)(
         className: cn("justify-center gap-2  py-2 px-4", className),
         ...props,
         children: [
-          subHead && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_react27.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { children: text }),
-            index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { children: "\u2022" })
+          subHead && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_react28.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { children: text }),
+            index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { children: "\u2022" })
           ] }, `${text} - ${index}`)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               ProgressBar_default,
               {
                 size: "small",
@@ -7935,7 +8202,7 @@ var CardTopic = (0, import_react27.forwardRef)(
                 "data-testid": "progress-bar"
               }
             ),
-            showPercentage && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+            showPercentage && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
               Text_default,
               {
                 size: "xs",
@@ -7955,7 +8222,7 @@ var CardTopic = (0, import_react27.forwardRef)(
     );
   }
 );
-var CardPerformance = (0, import_react27.forwardRef)(
+var CardPerformance = (0, import_react28.forwardRef)(
   ({
     header,
     progress,
@@ -7969,7 +8236,7 @@ var CardPerformance = (0, import_react27.forwardRef)(
     ...props
   }, ref) => {
     const hasProgress = progress !== void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       CardBase,
       {
         ref,
@@ -7983,10 +8250,10 @@ var CardPerformance = (0, import_react27.forwardRef)(
         onClick: () => actionVariant == "caret" && onClickButton?.(valueButton),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-              actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+              actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -7997,16 +8264,16 @@ var CardPerformance = (0, import_react27.forwardRef)(
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               ProgressBar_default,
               {
                 value: progress,
                 label: `${progress}% ${labelProgress}`,
                 variant: progressVariant
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
-          actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             import_phosphor_react19.CaretRight,
             {
               className: "size-4.5 text-text-800 cursor-pointer",
@@ -8018,7 +8285,7 @@ var CardPerformance = (0, import_react27.forwardRef)(
     );
   }
 );
-var CardResults = (0, import_react27.forwardRef)(
+var CardResults = (0, import_react28.forwardRef)(
   ({
     header,
     correct_answers,
@@ -8030,7 +8297,7 @@ var CardResults = (0, import_react27.forwardRef)(
     ...props
   }, ref) => {
     const isRow = direction == "row";
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       CardBase,
       {
         ref,
@@ -8040,7 +8307,7 @@ var CardResults = (0, import_react27.forwardRef)(
         className: cn("items-stretch cursor-pointer pr-4", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "div",
             {
               className: cn(
@@ -8049,11 +8316,11 @@ var CardResults = (0, import_react27.forwardRef)(
               style: {
                 backgroundColor: color
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "w-full flex flex-row justify-between items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "w-full flex flex-row justify-between items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
               "div",
               {
                 className: cn(
@@ -8061,28 +8328,28 @@ var CardResults = (0, import_react27.forwardRef)(
                   isRow ? "flex-row items-center gap-2" : "flex-col"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
                       Badge_default,
                       {
                         action: "success",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CheckCircle, {}),
+                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.CheckCircle, {}),
                         children: [
                           correct_answers,
                           " Corretas"
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
                       Badge_default,
                       {
                         action: "error",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.XCircle, {}),
+                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.XCircle, {}),
                         children: [
                           incorrect_answers,
                           " Incorretas"
@@ -8093,14 +8360,14 @@ var CardResults = (0, import_react27.forwardRef)(
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
           ] })
         ]
       }
     );
   }
 );
-var CardStatus = (0, import_react27.forwardRef)(
+var CardStatus = (0, import_react28.forwardRef)(
   ({ header, className, status, label, ...props }, ref) => {
     const getLabelBadge = (status2) => {
       switch (status2) {
@@ -8119,13 +8386,13 @@ var CardStatus = (0, import_react27.forwardRef)(
     const getIconBadge = (status2) => {
       switch (status2) {
         case "correct":
-          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CheckCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.CheckCircle, {});
         case "incorrect":
-          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.XCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.XCircle, {});
         case "pending":
-          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.Clock, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.Clock, {});
         default:
-          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.XCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.XCircle, {});
       }
     };
     const getActionBadge = (status2) => {
@@ -8140,7 +8407,7 @@ var CardStatus = (0, import_react27.forwardRef)(
           return "info";
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       CardBase,
       {
         ref,
@@ -8149,10 +8416,10 @@ var CardStatus = (0, import_react27.forwardRef)(
         minHeight: "medium",
         className: cn("items-center cursor-pointer", className),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
-            status && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
+            status && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               Badge_default,
               {
                 action: getActionBadge(status),
@@ -8162,17 +8429,17 @@ var CardStatus = (0, import_react27.forwardRef)(
                 children: getLabelBadge(status)
               }
             ),
-            label && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm text-text-800", children: label })
+            label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm text-text-800", children: label })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
         ] })
       }
     );
   }
 );
-var CardSettings = (0, import_react27.forwardRef)(
+var CardSettings = (0, import_react28.forwardRef)(
   ({ header, className, icon, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       CardBase,
       {
         ref,
@@ -8185,17 +8452,17 @@ var CardSettings = (0, import_react27.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "w-full text-sm truncate", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CaretRight, { size: 24, className: "cursor-pointer" })
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "w-full text-sm truncate", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.CaretRight, { size: 24, className: "cursor-pointer" })
         ]
       }
     );
   }
 );
-var CardSupport = (0, import_react27.forwardRef)(
+var CardSupport = (0, import_react28.forwardRef)(
   ({ header, className, direction = "col", children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       CardBase,
       {
         ref,
@@ -8208,7 +8475,7 @@ var CardSupport = (0, import_react27.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
             "div",
             {
               className: cn(
@@ -8216,18 +8483,18 @@ var CardSupport = (0, import_react27.forwardRef)(
                 direction == "col" ? "flex-col" : "flex-row items-center"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "flex flex-row gap-1", children })
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "flex flex-row gap-1", children })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
         ]
       }
     );
   }
 );
-var CardForum = (0, import_react27.forwardRef)(
+var CardForum = (0, import_react28.forwardRef)(
   ({
     title,
     content,
@@ -8241,7 +8508,7 @@ var CardForum = (0, import_react27.forwardRef)(
     hour,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       CardBase,
       {
         ref,
@@ -8252,7 +8519,7 @@ var CardForum = (0, import_react27.forwardRef)(
         className: cn("w-auto h-auto gap-3", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "button",
             {
               type: "button",
@@ -8261,18 +8528,18 @@ var CardForum = (0, import_react27.forwardRef)(
               className: "min-w-8 h-8 rounded-full bg-background-950"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "text-xs text-text-600", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "text-xs text-text-600", children: [
                 "\u2022 ",
                 date,
                 " \u2022 ",
                 hour
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
               "button",
               {
                 type: "button",
@@ -8280,8 +8547,8 @@ var CardForum = (0, import_react27.forwardRef)(
                 onClick: () => onClickComments?.(valueComments),
                 className: "text-text-600 flex flex-row gap-2 items-center",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.ChatCircleText, { "aria-hidden": "true", size: 16 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "text-xs", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.ChatCircleText, { "aria-hidden": "true", size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "text-xs", children: [
                     comments,
                     " respostas"
                   ] })
@@ -8294,7 +8561,7 @@ var CardForum = (0, import_react27.forwardRef)(
     );
   }
 );
-var CardAudio = (0, import_react27.forwardRef)(
+var CardAudio = (0, import_react28.forwardRef)(
   ({
     src,
     title,
@@ -8308,16 +8575,16 @@ var CardAudio = (0, import_react27.forwardRef)(
     className,
     ...props
   }, ref) => {
-    const [isPlaying, setIsPlaying] = (0, import_react27.useState)(false);
-    const [currentTime, setCurrentTime] = (0, import_react27.useState)(0);
-    const [duration, setDuration] = (0, import_react27.useState)(0);
-    const [volume, setVolume] = (0, import_react27.useState)(1);
-    const [showVolumeControl, setShowVolumeControl] = (0, import_react27.useState)(false);
-    const [showSpeedMenu, setShowSpeedMenu] = (0, import_react27.useState)(false);
-    const [playbackRate, setPlaybackRate] = (0, import_react27.useState)(1);
-    const audioRef = (0, import_react27.useRef)(null);
-    const volumeControlRef = (0, import_react27.useRef)(null);
-    const speedMenuRef = (0, import_react27.useRef)(null);
+    const [isPlaying, setIsPlaying] = (0, import_react28.useState)(false);
+    const [currentTime, setCurrentTime] = (0, import_react28.useState)(0);
+    const [duration, setDuration] = (0, import_react28.useState)(0);
+    const [volume, setVolume] = (0, import_react28.useState)(1);
+    const [showVolumeControl, setShowVolumeControl] = (0, import_react28.useState)(false);
+    const [showSpeedMenu, setShowSpeedMenu] = (0, import_react28.useState)(false);
+    const [playbackRate, setPlaybackRate] = (0, import_react28.useState)(1);
+    const audioRef = (0, import_react28.useRef)(null);
+    const volumeControlRef = (0, import_react28.useRef)(null);
+    const speedMenuRef = (0, import_react28.useRef)(null);
     const formatTime2 = (time) => {
       const minutes = Math.floor(time / 60);
       const seconds = Math.floor(time % 60);
@@ -8384,14 +8651,14 @@ var CardAudio = (0, import_react27.forwardRef)(
     };
     const getVolumeIcon = () => {
       if (volume === 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.SpeakerSimpleX, { size: 24 });
+        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.SpeakerSimpleX, { size: 24 });
       }
       if (volume < 0.5) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.SpeakerLow, { size: 24 });
+        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.SpeakerLow, { size: 24 });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.SpeakerHigh, { size: 24 });
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.SpeakerHigh, { size: 24 });
     };
-    (0, import_react27.useEffect)(() => {
+    (0, import_react28.useEffect)(() => {
       const handleClickOutside = (event) => {
         if (volumeControlRef.current && !volumeControlRef.current.contains(event.target)) {
           setShowVolumeControl(false);
@@ -8405,7 +8672,7 @@ var CardAudio = (0, import_react27.forwardRef)(
         document.removeEventListener("mousedown", handleClickOutside);
       };
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       CardBase,
       {
         ref,
@@ -8418,7 +8685,7 @@ var CardAudio = (0, import_react27.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "audio",
             {
               ref: audioRef,
@@ -8430,7 +8697,7 @@ var CardAudio = (0, import_react27.forwardRef)(
               onEnded: handleEnded,
               "data-testid": "audio-element",
               "aria-label": title,
-              children: tracks ? tracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              children: tracks ? tracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 "track",
                 {
                   kind: track.kind,
@@ -8440,7 +8707,7 @@ var CardAudio = (0, import_react27.forwardRef)(
                   default: track.default
                 },
                 track.src
-              )) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              )) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 "track",
                 {
                   kind: "captions",
@@ -8451,7 +8718,7 @@ var CardAudio = (0, import_react27.forwardRef)(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "button",
             {
               type: "button",
@@ -8459,14 +8726,14 @@ var CardAudio = (0, import_react27.forwardRef)(
               disabled: !src,
               className: "cursor-pointer text-text-950 hover:text-primary-600 disabled:text-text-400 disabled:cursor-not-allowed",
               "aria-label": isPlaying ? "Pausar" : "Reproduzir",
-              children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex gap-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" })
-              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.Play, { size: 24 })
+              children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex gap-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" })
+              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.Play, { size: 24 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(currentTime) }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(currentTime) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "button",
             {
               type: "button",
@@ -8481,7 +8748,7 @@ var CardAudio = (0, import_react27.forwardRef)(
                 }
               },
               "aria-label": "Barra de progresso do \xE1udio",
-              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 "div",
                 {
                   className: "h-full bg-primary-600 rounded-full transition-all duration-100",
@@ -8492,19 +8759,19 @@ var CardAudio = (0, import_react27.forwardRef)(
               )
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(duration) }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative h-6", ref: volumeControlRef, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(duration) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative h-6", ref: volumeControlRef, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               "button",
               {
                 type: "button",
                 onClick: toggleVolumeControl,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Controle de volume",
-                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
+                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
               }
             ),
-            showVolumeControl && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            showVolumeControl && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               "button",
               {
                 type: "button",
@@ -8514,7 +8781,7 @@ var CardAudio = (0, import_react27.forwardRef)(
                     setShowVolumeControl(false);
                   }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                   "input",
                   {
                     type: "range",
@@ -8555,22 +8822,22 @@ var CardAudio = (0, import_react27.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative h-6", ref: speedMenuRef, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative h-6", ref: speedMenuRef, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               "button",
               {
                 type: "button",
                 onClick: toggleSpeedMenu,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Op\xE7\xF5es de velocidade",
-                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.DotsThreeVertical, { size: 24 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.DotsThreeVertical, { size: 24 })
               }
             ),
-            showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex flex-col gap-1", children: [
+            showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex flex-col gap-1", children: [
               { speed: 1, label: "1x" },
               { speed: 1.5, label: "1.5x" },
               { speed: 2, label: "2x" }
-            ].map(({ speed, label }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            ].map(({ speed, label }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               "button",
               {
                 type: "button",
@@ -8595,10 +8862,10 @@ var SIMULADO_BACKGROUND_CLASSES = {
   simuladao: "bg-exam-3",
   vestibular: "bg-exam-4"
 };
-var CardSimulado = (0, import_react27.forwardRef)(
+var CardSimulado = (0, import_react28.forwardRef)(
   ({ title, duration, info, backgroundColor, className, ...props }, ref) => {
     const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       CardBase,
       {
         ref,
@@ -8611,18 +8878,18 @@ var CardSimulado = (0, import_react27.forwardRef)(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
-              duration && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.Clock, { size: 16, className: "flex-shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text_default, { size: "sm", children: duration })
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.Clock, { size: 16, className: "flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text_default, { size: "sm", children: duration })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             import_phosphor_react19.CaretRight,
             {
               size: 24,
@@ -8635,7 +8902,7 @@ var CardSimulado = (0, import_react27.forwardRef)(
     );
   }
 );
-var CardTest = (0, import_react27.forwardRef)(
+var CardTest = (0, import_react28.forwardRef)(
   ({
     title,
     duration,
@@ -8667,7 +8934,7 @@ var CardTest = (0, import_react27.forwardRef)(
     const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
     const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
     if (isSelectable) {
-      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         "button",
         {
           ref,
@@ -8679,8 +8946,8 @@ var CardTest = (0, import_react27.forwardRef)(
           onKeyDown: handleKeyDown,
           "aria-pressed": selected,
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               Text_default,
               {
                 size: "md",
@@ -8689,10 +8956,10 @@ var CardTest = (0, import_react27.forwardRef)(
                 children: title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
-              duration && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.Clock, { size: 16, className: "text-text-700" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.Clock, { size: 16, className: "text-text-700" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                   Text_default,
                   {
                     size: "sm",
@@ -8701,7 +8968,7 @@ var CardTest = (0, import_react27.forwardRef)(
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 Text_default,
                 {
                   size: "sm",
@@ -8714,14 +8981,14 @@ var CardTest = (0, import_react27.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         ref,
         className: cn(`${baseClasses} ${className}`.trim()),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             Text_default,
             {
               size: "md",
@@ -8730,10 +8997,10 @@ var CardTest = (0, import_react27.forwardRef)(
               children: title
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
-            duration && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.Clock, { size: 16, className: "text-text-700" }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+            duration && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.Clock, { size: 16, className: "text-text-700" }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 Text_default,
                 {
                   size: "sm",
@@ -8742,7 +9009,7 @@ var CardTest = (0, import_react27.forwardRef)(
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               Text_default,
               {
                 size: "sm",
@@ -8778,15 +9045,15 @@ var SIMULATION_TYPE_STYLES = {
     text: "Vestibular"
   }
 };
-var CardSimulationHistory = (0, import_react27.forwardRef)(({ data, onSimulationClick, className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var CardSimulationHistory = (0, import_react28.forwardRef)(({ data, onSimulationClick, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
       ref,
       className: cn("w-full max-w-[992px] h-auto", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-0", children: [
-        data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-0", children: [
+        data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
           "div",
           {
             className: cn(
@@ -8794,7 +9061,7 @@ var CardSimulationHistory = (0, import_react27.forwardRef)(({ data, onSimulation
               sectionIndex === 0 ? "rounded-t-3xl" : ""
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 Text_default,
                 {
                   size: "xs",
@@ -8803,9 +9070,9 @@ var CardSimulationHistory = (0, import_react27.forwardRef)(({ data, onSimulation
                   children: section.date
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
                 const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
-                return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                   CardBase,
                   {
                     layout: "horizontal",
@@ -8817,9 +9084,9 @@ var CardSimulationHistory = (0, import_react27.forwardRef)(({ data, onSimulation
                           transition-shadow duration-200 h-auto min-h-[61px]`
                     ),
                     onClick: () => onSimulationClick?.(simulation),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                           Text_default,
                           {
                             size: "lg",
@@ -8828,8 +9095,8 @@ var CardSimulationHistory = (0, import_react27.forwardRef)(({ data, onSimulation
                             children: simulation.title
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                             Badge_default,
                             {
                               variant: "examsOutlined",
@@ -8838,10 +9105,10 @@ var CardSimulationHistory = (0, import_react27.forwardRef)(({ data, onSimulation
                               children: typeStyles.text
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
+                          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                         import_phosphor_react19.CaretRight,
                         {
                           size: 24,
@@ -8857,7 +9124,7 @@ var CardSimulationHistory = (0, import_react27.forwardRef)(({ data, onSimulation
             ]
           }
         ) }, section.date)),
-        data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-full h-6 bg-background rounded-b-3xl" })
+        data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "w-full h-6 bg-background rounded-b-3xl" })
       ] })
     }
   );
@@ -8865,7 +9132,7 @@ var CardSimulationHistory = (0, import_react27.forwardRef)(({ data, onSimulation
 
 // src/components/StatisticsCard/StatisticsCard.tsx
 var import_phosphor_react20 = require("phosphor-react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var VARIANT_STYLES = {
   high: "bg-success-background",
   medium: "bg-warning-background",
@@ -8879,12 +9146,12 @@ var VALUE_TEXT_COLORS = {
   total: "text-info-700"
 };
 var StatCard = ({ item, showPlaceholder = false }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
       className: `rounded-xl py-[17px] px-6 min-h-[105px] flex flex-col justify-center items-start gap-1 ${VARIANT_STYLES[item.variant]}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           Text_default,
           {
             size: "4xl",
@@ -8893,7 +9160,7 @@ var StatCard = ({ item, showPlaceholder = false }) => {
             children: showPlaceholder ? "-" : item.value
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           Text_default,
           {
             size: "xs",
@@ -8928,13 +9195,13 @@ var StatisticsCard = ({
 }) => {
   const hasData = data && data.length > 0;
   const gridColumnsClass = hasData ? getGridColumnsClass(data.length) : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
       className: `bg-background rounded-xl p-4 h-auto lg:h-[185px] flex flex-col gap-2 ${className}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-row justify-between items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-row justify-between items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             Text_default,
             {
               as: "h3",
@@ -8945,22 +9212,22 @@ var StatisticsCard = ({
               children: title
             }
           ),
-          dropdownOptions && dropdownOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "w-[120px] min-w-[90px] sm:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+          dropdownOptions && dropdownOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "w-[120px] min-w-[90px] sm:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
             Select_default,
             {
               value: selectedDropdownValue,
               onValueChange: onDropdownChange,
               size: "medium",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                   SelectTrigger,
                   {
                     className: "border border-border-300 rounded [&>span]:whitespace-nowrap [&>span]:overflow-hidden [&>span]:text-ellipsis",
                     "aria-label": dropdownAriaLabel,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectValue, { placeholder: selectPlaceholder })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectValue, { placeholder: selectPlaceholder })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectContent, { className: "min-w-[120px]", children: dropdownOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectContent, { className: "min-w-[120px]", children: dropdownOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                   SelectItem,
                   {
                     value: option.value,
@@ -8973,11 +9240,11 @@ var StatisticsCard = ({
             }
           ) })
         ] }),
-        hasData ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        hasData ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "div",
           {
             className: `grid grid-cols-1 sm:grid-cols-2 gap-[13px] ${gridColumnsClass}`,
-            children: data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            children: data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               StatCard,
               {
                 item,
@@ -8986,8 +9253,8 @@ var StatisticsCard = ({
               `${item.variant}-${item.label}-${index}`
             ))
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "border border-dashed border-border-300 rounded-lg p-6 min-h-[105px] flex flex-col items-center justify-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "border border-dashed border-border-300 rounded-lg p-6 min-h-[105px] flex flex-col items-center justify-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             Text_default,
             {
               size: "sm",
@@ -8996,14 +9263,14 @@ var StatisticsCard = ({
               children: emptyStateMessage
             }
           ),
-          onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             Button_default,
             {
               variant: "outline",
               action: "primary",
               size: "small",
               onClick: onEmptyStateButtonClick,
-              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react20.Plus, { size: 16, weight: "bold" }),
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react20.Plus, { size: 16, weight: "bold" }),
               children: emptyStateButtonText
             }
           )
@@ -9014,7 +9281,7 @@ var StatisticsCard = ({
 };
 
 // src/components/NotFound/NotFound.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var NotFound = ({
   title,
   description,
@@ -9057,22 +9324,22 @@ var NotFound = ({
   const errorTitle = title || getDefaultTitle();
   const errorDescription = description || getDefaultDescription();
   const errorCode = getErrorCode();
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       className: cn(
         "flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         "main",
         {
           role: "main",
           "aria-labelledby": "error-title",
           "aria-describedby": "error-description",
           className: "flex flex-col items-center text-center max-w-md space-y-6",
-          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "div",
               {
                 className: "text-8xl font-bold text-primary-300 select-none",
@@ -9080,8 +9347,8 @@ var NotFound = ({
                 children: errorCode
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("header", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("header", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 Text_default,
                 {
                   size: "xl",
@@ -9092,9 +9359,9 @@ var NotFound = ({
                   children: errorTitle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
             ] }),
-            onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               Button_default,
               {
                 onClick: handleButtonClick,
@@ -9115,12 +9382,12 @@ var NotFound = ({
 var NotFound_default = NotFound;
 
 // src/components/NoSearchResult/NoSearchResult.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var NoSearchResult = ({ image, title, description }) => {
   const displayTitle = title || "Nenhum resultado encontrado";
   const displayDescription = description || "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.";
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-row justify-center items-center gap-8 w-full max-w-4xl min-h-96", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "w-72 h-72 flex-shrink-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-row justify-center items-center gap-8 w-full max-w-4xl min-h-96", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-72 h-72 flex-shrink-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "img",
       {
         src: image,
@@ -9128,8 +9395,8 @@ var NoSearchResult = ({ image, title, description }) => {
         className: "w-full h-full object-contain"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col items-start w-full max-w-md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex flex-row justify-between items-end px-6 pt-6 pb-4 w-full rounded-t-xl", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col items-start w-full max-w-md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-row justify-between items-end px-6 pt-6 pb-4 w-full rounded-t-xl", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         Text_default,
         {
           as: "h2",
@@ -9137,21 +9404,21 @@ var NoSearchResult = ({ image, title, description }) => {
           children: displayTitle
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex flex-row justify-center items-center px-6 gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text_default, { className: "text-text-600 font-normal text-lg leading-relaxed w-full text-justify", children: displayDescription }) })
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-row justify-center items-center px-6 gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Text_default, { className: "text-text-600 font-normal text-lg leading-relaxed w-full text-justify", children: displayDescription }) })
     ] })
   ] });
 };
 var NoSearchResult_default = NoSearchResult;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_react_dom = require("react-dom");
 var import_phosphor_react22 = require("phosphor-react");
 
 // src/components/DownloadButton/DownloadButton.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_phosphor_react21 = require("phosphor-react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var getMimeType = (url) => {
   const extension = getFileExtension(url);
   const mimeTypes = {
@@ -9226,13 +9493,13 @@ var DownloadButton = ({
   lessonTitle = "aula",
   disabled = false
 }) => {
-  const [isDownloading, setIsDownloading] = (0, import_react28.useState)(false);
-  const isValidUrl = (0, import_react28.useCallback)((url) => {
+  const [isDownloading, setIsDownloading] = (0, import_react29.useState)(false);
+  const isValidUrl = (0, import_react29.useCallback)((url) => {
     return Boolean(
       url && url.trim() !== "" && url !== "undefined" && url !== "null"
     );
   }, []);
-  const getAvailableContent = (0, import_react28.useCallback)(() => {
+  const getAvailableContent = (0, import_react29.useCallback)(() => {
     const downloads = [];
     if (isValidUrl(content.urlDoc)) {
       downloads.push({
@@ -9267,7 +9534,7 @@ var DownloadButton = ({
     }
     return downloads;
   }, [content, isValidUrl]);
-  const handleDownload = (0, import_react28.useCallback)(async () => {
+  const handleDownload = (0, import_react29.useCallback)(async () => {
     if (disabled || isDownloading) return;
     const availableContent = getAvailableContent();
     if (availableContent.length === 0) {
@@ -9308,10 +9575,10 @@ var DownloadButton = ({
   if (!hasContent) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     IconButton_default,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react21.DownloadSimple, { size: 24 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react21.DownloadSimple, { size: 24 }),
       onClick: handleDownload,
       disabled: disabled || isDownloading,
       "aria-label": (() => {
@@ -9332,7 +9599,7 @@ var DownloadButton = ({
 var DownloadButton_default = DownloadButton;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var CONTROLS_HIDE_TIMEOUT = 3e3;
 var LEAVE_HIDE_TIMEOUT = 1e3;
 var INIT_DELAY = 100;
@@ -9348,7 +9615,7 @@ var ProgressBar2 = ({
   progressPercentage,
   onSeek,
   className = "px-4 pb-2"
-}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   "input",
   {
     type: "range",
@@ -9370,17 +9637,17 @@ var VolumeControls = ({
   onToggleMute,
   iconSize = 24,
   showSlider = true
-}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     IconButton_default,
     {
-      icon: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react22.SpeakerSlash, { size: iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react22.SpeakerHigh, { size: iconSize }),
+      icon: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react22.SpeakerSlash, { size: iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react22.SpeakerHigh, { size: iconSize }),
       onClick: onToggleMute,
       "aria-label": isMuted ? "Unmute" : "Mute",
       className: "!bg-transparent !text-white hover:!bg-white/20"
     }
   ),
-  showSlider && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  showSlider && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "input",
     {
       type: "range",
@@ -9405,9 +9672,9 @@ var SpeedMenu = ({
   iconSize = 24,
   isTinyMobile = false
 }) => {
-  const buttonRef = (0, import_react29.useRef)(null);
-  const speedMenuContainerRef = (0, import_react29.useRef)(null);
-  const speedMenuRef = (0, import_react29.useRef)(null);
+  const buttonRef = (0, import_react30.useRef)(null);
+  const speedMenuContainerRef = (0, import_react30.useRef)(null);
+  const speedMenuRef = (0, import_react30.useRef)(null);
   const getMenuPosition = () => {
     if (!buttonRef.current) return { top: 0, left: 0 };
     const rect = buttonRef.current.getBoundingClientRect();
@@ -9421,7 +9688,7 @@ var SpeedMenu = ({
     };
   };
   const position = getMenuPosition();
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       const isOutsideContainer = speedMenuContainerRef.current && !speedMenuContainerRef.current.contains(target);
@@ -9437,7 +9704,7 @@ var SpeedMenu = ({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [showSpeedMenu, onToggleMenu]);
-  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "div",
     {
       ref: speedMenuRef,
@@ -9448,7 +9715,7 @@ var SpeedMenu = ({
         top: `${position.top}px`,
         left: `${position.left}px`
       },
-      children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+      children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
         "button",
         {
           role: "menuitemradio",
@@ -9465,12 +9732,12 @@ var SpeedMenu = ({
     }
   );
   const portalContent = showSpeedMenu && globalThis.window !== void 0 && globalThis.document !== void 0 && !!globalThis.document?.body ? (0, import_react_dom.createPortal)(menuContent, globalThis.document.body) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "relative", ref: speedMenuContainerRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "relative", ref: speedMenuContainerRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       IconButton_default,
       {
         ref: buttonRef,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react22.DotsThreeVertical, { size: iconSize }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react22.DotsThreeVertical, { size: iconSize }),
         onClick: onToggleMenu,
         "aria-label": "Playback speed",
         "aria-haspopup": "menu",
@@ -9500,28 +9767,28 @@ var VideoPlayer = ({
   onDownloadComplete,
   onDownloadError
 }) => {
-  const videoRef = (0, import_react29.useRef)(null);
+  const videoRef = (0, import_react30.useRef)(null);
   const { isUltraSmallMobile, isTinyMobile } = useMobile();
-  const [isPlaying, setIsPlaying] = (0, import_react29.useState)(false);
-  const [currentTime, setCurrentTime] = (0, import_react29.useState)(0);
-  const [duration, setDuration] = (0, import_react29.useState)(0);
-  const [isMuted, setIsMuted] = (0, import_react29.useState)(false);
-  const [volume, setVolume] = (0, import_react29.useState)(1);
-  const [isFullscreen, setIsFullscreen] = (0, import_react29.useState)(false);
-  const [showControls, setShowControls] = (0, import_react29.useState)(true);
-  const [hasCompleted, setHasCompleted] = (0, import_react29.useState)(false);
-  const [showCaptions, setShowCaptions] = (0, import_react29.useState)(false);
-  const [subtitlesValidation, setSubtitlesValidation] = (0, import_react29.useState)("idle");
-  (0, import_react29.useEffect)(() => {
+  const [isPlaying, setIsPlaying] = (0, import_react30.useState)(false);
+  const [currentTime, setCurrentTime] = (0, import_react30.useState)(0);
+  const [duration, setDuration] = (0, import_react30.useState)(0);
+  const [isMuted, setIsMuted] = (0, import_react30.useState)(false);
+  const [volume, setVolume] = (0, import_react30.useState)(1);
+  const [isFullscreen, setIsFullscreen] = (0, import_react30.useState)(false);
+  const [showControls, setShowControls] = (0, import_react30.useState)(true);
+  const [hasCompleted, setHasCompleted] = (0, import_react30.useState)(false);
+  const [showCaptions, setShowCaptions] = (0, import_react30.useState)(false);
+  const [subtitlesValidation, setSubtitlesValidation] = (0, import_react30.useState)("idle");
+  (0, import_react30.useEffect)(() => {
     setHasCompleted(false);
   }, [src]);
-  const [playbackRate, setPlaybackRate] = (0, import_react29.useState)(1);
-  const [showSpeedMenu, setShowSpeedMenu] = (0, import_react29.useState)(false);
-  const lastSaveTimeRef = (0, import_react29.useRef)(0);
-  const trackRef = (0, import_react29.useRef)(null);
-  const controlsTimeoutRef = (0, import_react29.useRef)(null);
-  const lastMousePositionRef = (0, import_react29.useRef)({ x: 0, y: 0 });
-  const isUserInteracting = (0, import_react29.useCallback)(() => {
+  const [playbackRate, setPlaybackRate] = (0, import_react30.useState)(1);
+  const [showSpeedMenu, setShowSpeedMenu] = (0, import_react30.useState)(false);
+  const lastSaveTimeRef = (0, import_react30.useRef)(0);
+  const trackRef = (0, import_react30.useRef)(null);
+  const controlsTimeoutRef = (0, import_react30.useRef)(null);
+  const lastMousePositionRef = (0, import_react30.useRef)({ x: 0, y: 0 });
+  const isUserInteracting = (0, import_react30.useCallback)(() => {
     if (showSpeedMenu) {
       return true;
     }
@@ -9538,13 +9805,13 @@ var VideoPlayer = ({
     }
     return false;
   }, [showSpeedMenu]);
-  const clearControlsTimeout = (0, import_react29.useCallback)(() => {
+  const clearControlsTimeout = (0, import_react30.useCallback)(() => {
     if (controlsTimeoutRef.current) {
       clearTimeout(controlsTimeoutRef.current);
       controlsTimeoutRef.current = null;
     }
   }, []);
-  const showControlsWithTimer = (0, import_react29.useCallback)(() => {
+  const showControlsWithTimer = (0, import_react30.useCallback)(() => {
     setShowControls(true);
     clearControlsTimeout();
     if (isFullscreen) {
@@ -9559,7 +9826,7 @@ var VideoPlayer = ({
       }, CONTROLS_HIDE_TIMEOUT);
     }
   }, [isFullscreen, isPlaying, clearControlsTimeout]);
-  const handleMouseMove = (0, import_react29.useCallback)(
+  const handleMouseMove = (0, import_react30.useCallback)(
     (event) => {
       const currentX = event.clientX;
       const currentY = event.clientY;
@@ -9572,10 +9839,10 @@ var VideoPlayer = ({
     },
     [showControlsWithTimer]
   );
-  const handleMouseEnter = (0, import_react29.useCallback)(() => {
+  const handleMouseEnter = (0, import_react30.useCallback)(() => {
     showControlsWithTimer();
   }, [showControlsWithTimer]);
-  const handleMouseLeave = (0, import_react29.useCallback)(() => {
+  const handleMouseLeave = (0, import_react30.useCallback)(() => {
     const userInteracting = isUserInteracting();
     clearControlsTimeout();
     if (!isFullscreen && !userInteracting) {
@@ -9584,13 +9851,13 @@ var VideoPlayer = ({
       }, LEAVE_HIDE_TIMEOUT);
     }
   }, [isFullscreen, clearControlsTimeout, isUserInteracting]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (videoRef.current) {
       videoRef.current.volume = volume;
       videoRef.current.muted = isMuted;
     }
   }, [volume, isMuted]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const video = videoRef.current;
     if (!video) return;
     const onPlay = () => setIsPlaying(true);
@@ -9605,13 +9872,13 @@ var VideoPlayer = ({
       video.removeEventListener("ended", onEnded);
     };
   }, []);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const video = videoRef.current;
     if (!video) return;
     video.setAttribute("playsinline", "");
     video.setAttribute("webkit-playsinline", "");
   }, []);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (isPlaying) {
       showControlsWithTimer();
     } else {
@@ -9623,7 +9890,7 @@ var VideoPlayer = ({
       }
     }
   }, [isPlaying, isFullscreen, showControlsWithTimer, clearControlsTimeout]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const video = videoRef.current;
     if (!video) return;
     const handleFullscreenChange = () => {
@@ -9658,7 +9925,7 @@ var VideoPlayer = ({
       );
     };
   }, [showControlsWithTimer]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const init = () => {
       if (!isFullscreen) {
         showControlsWithTimer();
@@ -9680,7 +9947,7 @@ var VideoPlayer = ({
       };
     }
   }, []);
-  const getInitialTime = (0, import_react29.useCallback)(() => {
+  const getInitialTime = (0, import_react30.useCallback)(() => {
     if (!autoSave || !storageKey) {
       return Number.isFinite(initialTime) && initialTime >= 0 ? initialTime : void 0;
     }
@@ -9693,14 +9960,14 @@ var VideoPlayer = ({
     if (hasValidSaved) return saved;
     return void 0;
   }, [autoSave, storageKey, src, initialTime]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const start = getInitialTime();
     if (start !== void 0 && videoRef.current) {
       videoRef.current.currentTime = start;
       setCurrentTime(start);
     }
   }, [getInitialTime]);
-  const saveProgress = (0, import_react29.useCallback)(
+  const saveProgress = (0, import_react30.useCallback)(
     (time) => {
       if (!autoSave || !storageKey) return;
       const now = Date.now();
@@ -9711,7 +9978,7 @@ var VideoPlayer = ({
     },
     [autoSave, storageKey, src]
   );
-  const togglePlayPause = (0, import_react29.useCallback)(async () => {
+  const togglePlayPause = (0, import_react30.useCallback)(async () => {
     const video = videoRef.current;
     if (!video) return;
     if (!video.paused) {
@@ -9723,7 +9990,7 @@ var VideoPlayer = ({
     } catch {
     }
   }, []);
-  const handleVolumeChange = (0, import_react29.useCallback)(
+  const handleVolumeChange = (0, import_react30.useCallback)(
     (newVolume) => {
       const video = videoRef.current;
       if (!video) return;
@@ -9742,7 +10009,7 @@ var VideoPlayer = ({
     },
     [isMuted]
   );
-  const toggleMute = (0, import_react29.useCallback)(() => {
+  const toggleMute = (0, import_react30.useCallback)(() => {
     const video = videoRef.current;
     if (!video) return;
     if (isMuted) {
@@ -9756,20 +10023,20 @@ var VideoPlayer = ({
       setIsMuted(true);
     }
   }, [isMuted, volume]);
-  const handleSeek = (0, import_react29.useCallback)((newTime) => {
+  const handleSeek = (0, import_react30.useCallback)((newTime) => {
     const video = videoRef.current;
     if (video) {
       video.currentTime = newTime;
     }
   }, []);
-  const isSafariIOS = (0, import_react29.useCallback)(() => {
+  const isSafariIOS = (0, import_react30.useCallback)(() => {
     const ua = navigator.userAgent;
     const isIOS = /iPad|iPhone|iPod/.test(ua);
     const isWebKit = /WebKit/.test(ua);
     const isNotChrome = !/CriOS|Chrome/.test(ua);
     return isIOS && isWebKit && isNotChrome;
   }, []);
-  const toggleFullscreen = (0, import_react29.useCallback)(() => {
+  const toggleFullscreen = (0, import_react30.useCallback)(() => {
     const video = videoRef.current;
     const container = video?.parentElement;
     if (!video || !container) return;
@@ -9786,24 +10053,24 @@ var VideoPlayer = ({
       document.exitFullscreen();
     }
   }, [isFullscreen, isSafariIOS]);
-  const handleSpeedChange = (0, import_react29.useCallback)((speed) => {
+  const handleSpeedChange = (0, import_react30.useCallback)((speed) => {
     if (videoRef.current) {
       videoRef.current.playbackRate = speed;
       setPlaybackRate(speed);
       setShowSpeedMenu(false);
     }
   }, []);
-  const toggleSpeedMenu = (0, import_react29.useCallback)(() => {
+  const toggleSpeedMenu = (0, import_react30.useCallback)(() => {
     setShowSpeedMenu(!showSpeedMenu);
   }, [showSpeedMenu]);
-  const toggleCaptions = (0, import_react29.useCallback)(() => {
+  const toggleCaptions = (0, import_react30.useCallback)(() => {
     if (!trackRef.current?.track || !subtitles || subtitlesValidation !== "valid")
       return;
     const newShowCaptions = !showCaptions;
     setShowCaptions(newShowCaptions);
     trackRef.current.track.mode = newShowCaptions ? "showing" : "hidden";
   }, [showCaptions, subtitles, subtitlesValidation]);
-  const checkVideoCompletion = (0, import_react29.useCallback)(
+  const checkVideoCompletion = (0, import_react30.useCallback)(
     (progressPercent) => {
       if (progressPercent >= 95 && !hasCompleted) {
         setHasCompleted(true);
@@ -9812,7 +10079,7 @@ var VideoPlayer = ({
     },
     [hasCompleted, onVideoComplete]
   );
-  const handleTimeUpdate = (0, import_react29.useCallback)(() => {
+  const handleTimeUpdate = (0, import_react30.useCallback)(() => {
     const video = videoRef.current;
     if (!video) return;
     const current = video.currentTime;
@@ -9825,12 +10092,12 @@ var VideoPlayer = ({
       checkVideoCompletion(progressPercent);
     }
   }, [duration, saveProgress, onTimeUpdate, onProgress, checkVideoCompletion]);
-  const handleLoadedMetadata = (0, import_react29.useCallback)(() => {
+  const handleLoadedMetadata = (0, import_react30.useCallback)(() => {
     if (videoRef.current) {
       setDuration(videoRef.current.duration);
     }
   }, []);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const controller = new AbortController();
     const validateSubtitles = async () => {
       if (!subtitles) {
@@ -9877,12 +10144,12 @@ var VideoPlayer = ({
       controller.abort();
     };
   }, [subtitles]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (trackRef.current?.track) {
       trackRef.current.track.mode = showCaptions && subtitles && subtitlesValidation === "valid" ? "showing" : "hidden";
     }
   }, [subtitles, showCaptions, subtitlesValidation]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const handleVisibilityChange = () => {
       if (document.hidden && isPlaying && videoRef.current) {
         videoRef.current.pause();
@@ -9904,54 +10171,54 @@ var VideoPlayer = ({
     };
   }, [isPlaying, clearControlsTimeout]);
   const progressPercentage = duration > 0 ? currentTime / duration * 100 : 0;
-  const getIconSize2 = (0, import_react29.useCallback)(() => {
+  const getIconSize2 = (0, import_react30.useCallback)(() => {
     if (isTinyMobile) return 18;
     if (isUltraSmallMobile) return 20;
     return 24;
   }, [isTinyMobile, isUltraSmallMobile]);
-  const getControlsPadding = (0, import_react29.useCallback)(() => {
+  const getControlsPadding = (0, import_react30.useCallback)(() => {
     if (isTinyMobile) return "px-2 pb-2 pt-1";
     if (isUltraSmallMobile) return "px-3 pb-3 pt-1";
     return "px-4 pb-4";
   }, [isTinyMobile, isUltraSmallMobile]);
-  const getControlsGap = (0, import_react29.useCallback)(() => {
+  const getControlsGap = (0, import_react30.useCallback)(() => {
     if (isTinyMobile) return "gap-1";
     if (isUltraSmallMobile) return "gap-2";
     return "gap-4";
   }, [isTinyMobile, isUltraSmallMobile]);
-  const getProgressBarPadding = (0, import_react29.useCallback)(() => {
+  const getProgressBarPadding = (0, import_react30.useCallback)(() => {
     if (isTinyMobile) return "px-2 pb-1";
     if (isUltraSmallMobile) return "px-3 pb-1";
     return "px-4 pb-2";
   }, [isTinyMobile, isUltraSmallMobile]);
-  const getCenterPlayButtonPosition = (0, import_react29.useCallback)(() => {
+  const getCenterPlayButtonPosition = (0, import_react30.useCallback)(() => {
     if (isTinyMobile) return "items-center justify-center -translate-y-12";
     if (isUltraSmallMobile) return "items-center justify-center -translate-y-8";
     return "items-center justify-center";
   }, [isTinyMobile, isUltraSmallMobile]);
-  const getTopControlsOpacity = (0, import_react29.useCallback)(() => {
+  const getTopControlsOpacity = (0, import_react30.useCallback)(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const getBottomControlsOpacity = (0, import_react29.useCallback)(() => {
+  const getBottomControlsOpacity = (0, import_react30.useCallback)(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const seekBackward = (0, import_react29.useCallback)(() => {
+  const seekBackward = (0, import_react30.useCallback)(() => {
     if (videoRef.current) {
       videoRef.current.currentTime -= 10;
     }
   }, []);
-  const seekForward = (0, import_react29.useCallback)(() => {
+  const seekForward = (0, import_react30.useCallback)(() => {
     if (videoRef.current) {
       videoRef.current.currentTime += 10;
     }
   }, []);
-  const increaseVolume = (0, import_react29.useCallback)(() => {
+  const increaseVolume = (0, import_react30.useCallback)(() => {
     handleVolumeChange(Math.min(100, volume * 100 + 10));
   }, [handleVolumeChange, volume]);
-  const decreaseVolume = (0, import_react29.useCallback)(() => {
+  const decreaseVolume = (0, import_react30.useCallback)(() => {
     handleVolumeChange(Math.max(0, volume * 100 - 10));
   }, [handleVolumeChange, volume]);
-  const handleVideoKeyDown = (0, import_react29.useCallback)(
+  const handleVideoKeyDown = (0, import_react30.useCallback)(
     (e) => {
       if (!e.key) return;
       e.stopPropagation();
@@ -9986,10 +10253,10 @@ var VideoPlayer = ({
     ]
   );
   const groupedSubTitleValid = subtitles && subtitlesValidation === "valid";
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn("flex flex-col", className), children: [
-    (title || subtitleText) && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cn("flex flex-col", className), children: [
+    (title || subtitleText) && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           Text_default,
           {
             as: "h2",
@@ -10000,7 +10267,7 @@ var VideoPlayer = ({
             children: title
           }
         ),
-        subtitleText && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        subtitleText && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           Text_default,
           {
             as: "p",
@@ -10012,7 +10279,7 @@ var VideoPlayer = ({
           }
         )
       ] }),
-      showDownloadButton && downloadContent && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      showDownloadButton && downloadContent && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         DownloadButton_default,
         {
           content: downloadContent,
@@ -10024,7 +10291,7 @@ var VideoPlayer = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "section",
       {
         className: cn(
@@ -10039,7 +10306,7 @@ var VideoPlayer = ({
         onTouchStart: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "video",
             {
               ref: videoRef,
@@ -10054,7 +10321,7 @@ var VideoPlayer = ({
               onKeyDown: handleVideoKeyDown,
               tabIndex: 0,
               "aria-label": title ? `Video: ${title}` : "Video player",
-              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 "track",
                 {
                   ref: trackRef,
@@ -10067,17 +10334,17 @@ var VideoPlayer = ({
               )
             }
           ),
-          !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "div",
             {
               className: cn(
                 "absolute inset-0 flex bg-black/30 transition-opacity",
                 getCenterPlayButtonPosition()
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react22.Play, { size: 32, weight: "regular", className: "ml-1" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react22.Play, { size: 32, weight: "regular", className: "ml-1" }),
                   onClick: togglePlayPause,
                   "aria-label": "Play video",
                   className: "!bg-transparent !text-white !w-auto !h-auto hover:!bg-transparent hover:!text-gray-200"
@@ -10085,17 +10352,17 @@ var VideoPlayer = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "div",
             {
               className: cn(
                 "absolute top-0 left-0 right-0 p-4 bg-gradient-to-b from-black/70 to-transparent transition-opacity",
                 getTopControlsOpacity()
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 IconButton_default,
                 {
-                  icon: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react22.ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react22.ArrowsOutSimple, { size: 24 }),
+                  icon: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react22.ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react22.ArrowsOutSimple, { size: 24 }),
                   onClick: toggleFullscreen,
                   "aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
                   className: "!bg-transparent !text-white hover:!bg-white/20"
@@ -10103,7 +10370,7 @@ var VideoPlayer = ({
               ) })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
             "div",
             {
               className: cn(
@@ -10111,7 +10378,7 @@ var VideoPlayer = ({
                 getBottomControlsOpacity()
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                   ProgressBar2,
                   {
                     currentTime,
@@ -10121,7 +10388,7 @@ var VideoPlayer = ({
                     className: getProgressBarPadding()
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
                   "div",
                   {
                     className: cn(
@@ -10129,17 +10396,17 @@ var VideoPlayer = ({
                       getControlsPadding()
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn("flex items-center", getControlsGap()), children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cn("flex items-center", getControlsGap()), children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                           IconButton_default,
                           {
-                            icon: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react22.Pause, { size: getIconSize2() }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react22.Play, { size: getIconSize2() }),
+                            icon: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react22.Pause, { size: getIconSize2() }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react22.Play, { size: getIconSize2() }),
                             onClick: togglePlayPause,
                             "aria-label": isPlaying ? "Pause" : "Play",
                             className: "!bg-transparent !text-white hover:!bg-white/20"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                           VolumeControls,
                           {
                             volume,
@@ -10150,10 +10417,10 @@ var VideoPlayer = ({
                             showSlider: !isUltraSmallMobile
                           }
                         ),
-                        groupedSubTitleValid && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                        groupedSubTitleValid && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                           IconButton_default,
                           {
-                            icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react22.ClosedCaptioning, { size: getIconSize2() }),
+                            icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react22.ClosedCaptioning, { size: getIconSize2() }),
                             onClick: toggleCaptions,
                             "aria-label": showCaptions ? "Hide captions" : "Show captions",
                             className: cn(
@@ -10162,13 +10429,13 @@ var VideoPlayer = ({
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
                           formatTime(currentTime),
                           " / ",
                           formatTime(duration)
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                         SpeedMenu,
                         {
                           showSpeedMenu,
@@ -10194,9 +10461,9 @@ var VideoPlayer = ({
 var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_phosphor_react23 = require("phosphor-react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var IMAGE_WIDTH = 225;
 var IMAGE_HEIGHT = 90;
 var Whiteboard = ({
@@ -10207,8 +10474,8 @@ var Whiteboard = ({
   imagesPerRow = 2,
   ...rest
 }) => {
-  const [imageErrors, setImageErrors] = (0, import_react30.useState)(/* @__PURE__ */ new Set());
-  const handleDownload = (0, import_react30.useCallback)(
+  const [imageErrors, setImageErrors] = (0, import_react31.useState)(/* @__PURE__ */ new Set());
+  const handleDownload = (0, import_react31.useCallback)(
     (image) => {
       if (onDownload) {
         onDownload(image);
@@ -10225,7 +10492,7 @@ var Whiteboard = ({
     },
     [onDownload]
   );
-  const handleImageError = (0, import_react30.useCallback)((imageId) => {
+  const handleImageError = (0, import_react31.useCallback)((imageId) => {
     setImageErrors((prev) => new Set(prev).add(imageId));
   }, []);
   const gridColsClass = images?.length === 1 ? "grid-cols-1" : {
@@ -10234,7 +10501,7 @@ var Whiteboard = ({
     4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
   }[imagesPerRow];
   if (!images || images.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "div",
       {
         className: cn(
@@ -10242,11 +10509,11 @@ var Whiteboard = ({
           className
         ),
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     {
       className: cn(
@@ -10254,7 +10521,7 @@ var Whiteboard = ({
         className
       ),
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
         "div",
         {
           className: "relative group overflow-hidden bg-gray-100 rounded-lg",
@@ -10262,7 +10529,7 @@ var Whiteboard = ({
             width: `${IMAGE_WIDTH}px`
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               "div",
               {
                 className: "relative",
@@ -10270,8 +10537,8 @@ var Whiteboard = ({
                   width: `${IMAGE_WIDTH}px`,
                   height: `${IMAGE_HEIGHT}px`
                 },
-                children: imageErrors.has(image.id) ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                children: imageErrors.has(image.id) ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                     "img",
                     {
                       src: image.imageUrl,
@@ -10281,18 +10548,18 @@ var Whiteboard = ({
                       onError: () => handleImageError(image.id)
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
+                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
                 ] })
               }
             ),
-            showDownload && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            showDownload && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               "button",
               {
                 type: "button",
                 onClick: () => handleDownload(image),
                 className: "cursor-pointer absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6",
                 "aria-label": `Download ${image.title || "imagem"}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                   import_phosphor_react23.ArrowsOut,
                   {
                     size: 24,
@@ -10312,10 +10579,10 @@ var Whiteboard = ({
 var Whiteboard_default = Whiteboard;
 
 // src/components/Auth/Auth.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_react_router_dom = require("react-router-dom");
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var AuthContext = (0, import_react31.createContext)(void 0);
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var AuthContext = (0, import_react32.createContext)(void 0);
 var AuthProvider = ({
   children,
   checkAuthFn,
@@ -10325,12 +10592,12 @@ var AuthProvider = ({
   getSessionFn,
   getTokensFn
 }) => {
-  const [authState, setAuthState] = (0, import_react31.useState)({
+  const [authState, setAuthState] = (0, import_react32.useState)({
     isAuthenticated: false,
     isLoading: true,
     ...initialAuthState
   });
-  const checkAuth = (0, import_react31.useCallback)(async () => {
+  const checkAuth = (0, import_react32.useCallback)(async () => {
     try {
       setAuthState((prev) => ({ ...prev, isLoading: true }));
       if (!checkAuthFn) {
@@ -10361,7 +10628,7 @@ var AuthProvider = ({
       return false;
     }
   }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);
-  const signOut = (0, import_react31.useCallback)(() => {
+  const signOut = (0, import_react32.useCallback)(() => {
     if (signOutFn) {
       signOutFn();
     }
@@ -10373,10 +10640,10 @@ var AuthProvider = ({
       tokens: void 0
     }));
   }, [signOutFn]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     checkAuth();
   }, [checkAuth]);
-  const contextValue = (0, import_react31.useMemo)(
+  const contextValue = (0, import_react32.useMemo)(
     () => ({
       ...authState,
       checkAuth,
@@ -10384,10 +10651,10 @@ var AuthProvider = ({
     }),
     [authState, checkAuth, signOut]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AuthContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AuthContext.Provider, { value: contextValue, children });
 };
 var useAuth = () => {
-  const context = (0, import_react31.useContext)(AuthContext);
+  const context = (0, import_react32.useContext)(AuthContext);
   if (context === void 0) {
     throw new Error("useAuth deve ser usado dentro de um AuthProvider");
   }
@@ -10400,9 +10667,9 @@ var ProtectedRoute = ({
   additionalCheck
 }) => {
   const { isAuthenticated, isLoading, ...authState } = useAuth();
-  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: loadingComponent || defaultLoadingComponent });
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: loadingComponent || defaultLoadingComponent });
   }
   if (!isAuthenticated) {
     if (typeof window !== "undefined") {
@@ -10413,12 +10680,12 @@ var ProtectedRoute = ({
         return null;
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
   if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children });
 };
 var PublicRoute = ({
   children,
@@ -10428,15 +10695,15 @@ var PublicRoute = ({
 }) => {
   const { isAuthenticated, isLoading } = useAuth();
   if (checkAuthBeforeRender && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   }
   if (isAuthenticated && redirectIfAuthenticated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children });
 };
 var withAuth = (Component, options = {}) => {
-  return (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Component, { ...props }) });
+  return (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Component, { ...props }) });
 };
 var useAuthGuard = (options = {}) => {
   const authState = useAuth();
@@ -10451,7 +10718,7 @@ var useAuthGuard = (options = {}) => {
 var useRouteAuth = (fallbackPath = "/") => {
   const { isAuthenticated, isLoading } = useAuth();
   const location = (0, import_react_router_dom.useLocation)();
-  const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_router_dom.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
+  const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_router_dom.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
   return {
     isAuthenticated,
     isLoading,
@@ -10485,10 +10752,10 @@ var getRootDomain = () => {
 };
 
 // src/components/Accordation/Accordation.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_phosphor_react24 = require("phosphor-react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var CardAccordation = (0, import_react32.forwardRef)(
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var CardAccordation = (0, import_react33.forwardRef)(
   ({
     trigger,
     children,
@@ -10500,13 +10767,13 @@ var CardAccordation = (0, import_react32.forwardRef)(
     disabled = false,
     ...props
   }, ref) => {
-    const [internalExpanded, setInternalExpanded] = (0, import_react32.useState)(defaultExpanded);
-    const generatedId = (0, import_react32.useId)();
+    const [internalExpanded, setInternalExpanded] = (0, import_react33.useState)(defaultExpanded);
+    const generatedId = (0, import_react33.useId)();
     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;
-    (0, import_react32.useEffect)(() => {
+    (0, import_react33.useEffect)(() => {
       if (isControlled) {
         setInternalExpanded(controlledExpanded);
       }
@@ -10526,7 +10793,7 @@ var CardAccordation = (0, import_react32.forwardRef)(
         handleToggle();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
       CardBase,
       {
         ref,
@@ -10536,7 +10803,7 @@ var CardAccordation = (0, import_react32.forwardRef)(
         className: cn("overflow-hidden", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
             "button",
             {
               id: headerId,
@@ -10554,7 +10821,7 @@ var CardAccordation = (0, import_react32.forwardRef)(
               "data-value": value,
               children: [
                 trigger,
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   import_phosphor_react24.CaretRight,
                   {
                     size: 20,
@@ -10569,7 +10836,7 @@ var CardAccordation = (0, import_react32.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "section",
             {
               id: contentId,
@@ -10581,7 +10848,7 @@ var CardAccordation = (0, import_react32.forwardRef)(
               ),
               "data-testid": "accordion-content",
               "data-value": value,
-              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "p-4 pt-0", children })
+              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "p-4 pt-0", children })
             }
           )
         ]
@@ -10592,9 +10859,9 @@ var CardAccordation = (0, import_react32.forwardRef)(
 CardAccordation.displayName = "CardAccordation";
 
 // src/components/Accordation/AccordionGroup.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_zustand9 = require("zustand");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function createAccordionGroupStore(type, initialValue, collapsible) {
   return (0, import_zustand9.create)((set, get) => ({
     type,
@@ -10612,8 +10879,8 @@ function createAccordionGroupStore(type, initialValue, collapsible) {
   }));
 }
 var injectStore6 = (children, store, indexRef, onItemToggle) => {
-  return import_react33.Children.map(children, (child) => {
-    if (!(0, import_react33.isValidElement)(child)) {
+  return import_react34.Children.map(children, (child) => {
+    if (!(0, import_react34.isValidElement)(child)) {
       return child;
     }
     const typedChild = child;
@@ -10640,16 +10907,16 @@ var injectStore6 = (children, store, indexRef, onItemToggle) => {
       if (displayName === "CardAccordation") {
         newProps.children = processedChildren;
       } else if (processedChildren !== typedChild.props.children) {
-        return (0, import_react33.cloneElement)(typedChild, { children: processedChildren });
+        return (0, import_react34.cloneElement)(typedChild, { children: processedChildren });
       }
     }
     if (Object.keys(newProps).length > 0) {
-      return (0, import_react33.cloneElement)(typedChild, newProps);
+      return (0, import_react34.cloneElement)(typedChild, newProps);
     }
     return child;
   });
 };
-var AccordionGroup = (0, import_react33.forwardRef)(
+var AccordionGroup = (0, import_react34.forwardRef)(
   ({
     type = "single",
     defaultValue,
@@ -10660,12 +10927,12 @@ var AccordionGroup = (0, import_react33.forwardRef)(
     className,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = (0, import_react33.useState)(
+    const [internalValue, setInternalValue] = (0, import_react34.useState)(
       defaultValue || (type === "single" ? "" : [])
     );
     const isControlled = controlledValue !== void 0;
     const currentValue = isControlled ? controlledValue : internalValue;
-    const storeRef = (0, import_react33.useRef)(null);
+    const storeRef = (0, import_react34.useRef)(null);
     if (storeRef.current) {
       storeRef.current.setState((prev) => {
         const nextState = {};
@@ -10685,10 +10952,10 @@ var AccordionGroup = (0, import_react33.forwardRef)(
       );
     }
     const store = storeRef.current;
-    (0, import_react33.useEffect)(() => {
+    (0, import_react34.useEffect)(() => {
       store.setState({ value: currentValue });
     }, [currentValue, store]);
-    (0, import_react33.useEffect)(() => {
+    (0, import_react34.useEffect)(() => {
       if (!isControlled) {
         setInternalValue((prev) => {
           if (type === "single") {
@@ -10734,15 +11001,15 @@ var AccordionGroup = (0, import_react33.forwardRef)(
       indexRef,
       handleItemToggle
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ref, className, ...props, children: enhancedChildren });
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { ref, className, ...props, children: enhancedChildren });
   }
 );
 AccordionGroup.displayName = "AccordionGroup";
 
 // src/components/Alternative/Alternative.tsx
 var import_phosphor_react25 = require("phosphor-react");
-var import_react34 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_react35 = require("react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var AlternativesList = ({
   alternatives,
   name,
@@ -10755,9 +11022,9 @@ var AlternativesList = ({
   mode = "interactive",
   selectedValue
 }) => {
-  const uniqueId = (0, import_react34.useId)();
+  const uniqueId = (0, import_react35.useId)();
   const groupName = name || `alternatives-${uniqueId}`;
-  const [actualValue, setActualValue] = (0, import_react34.useState)(value);
+  const [actualValue, setActualValue] = (0, import_react35.useState)(value);
   const isReadonly = mode === "readonly";
   const getStatusStyles2 = (status, isReadonly2) => {
     const hoverClass = isReadonly2 ? "" : "hover:bg-background-50";
@@ -10773,9 +11040,9 @@ var AlternativesList = ({
   const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_phosphor_react25.CheckCircle, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react25.CheckCircle, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_phosphor_react25.XCircle, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react25.XCircle, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -10805,10 +11072,10 @@ var AlternativesList = ({
     const renderRadio = () => {
       const radioClasses = `w-6 h-6 rounded-full border-2 cursor-default transition-all duration-200 flex items-center justify-center ${isUserSelected ? "border-primary-950 bg-background" : "border-border-400 bg-background"}`;
       const dotClasses = "w-3 h-3 rounded-full bg-primary-950 transition-all duration-200";
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: dotClasses }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: dotClasses }) });
     };
     if (layout === "detailed") {
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         "div",
         {
           className: cn(
@@ -10816,11 +11083,11 @@ var AlternativesList = ({
             statusStyles,
             alternative.disabled ? "opacity-50" : ""
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "mt-1", children: renderRadio() }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "mt-1", children: renderRadio() }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "p",
                   {
                     className: cn(
@@ -10830,16 +11097,16 @@ var AlternativesList = ({
                     children: alternative.label
                   }
                 ),
-                alternative.description && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                alternative.description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
               ] })
             ] }),
-            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
           ] })
         },
         alternativeId
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "div",
       {
         className: cn(
@@ -10848,9 +11115,9 @@ var AlternativesList = ({
           alternative.disabled ? "opacity-50" : ""
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
             renderRadio(),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "span",
               {
                 className: cn(
@@ -10861,14 +11128,14 @@ var AlternativesList = ({
               }
             )
           ] }),
-          statusBadge && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+          statusBadge && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
         ]
       },
       alternativeId
     );
   };
   if (isReadonly) {
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       "div",
       {
         className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
@@ -10878,7 +11145,7 @@ var AlternativesList = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     RadioGroup,
     {
       name: groupName,
@@ -10895,7 +11162,7 @@ var AlternativesList = ({
         const statusStyles = getStatusStyles2(alternative.status, false);
         const statusBadge = getStatusBadge2(alternative.status);
         if (layout === "detailed") {
-          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "div",
             {
               className: cn(
@@ -10903,9 +11170,9 @@ var AlternativesList = ({
                 statusStyles,
                 alternative.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     RadioGroupItem,
                     {
                       value: alternative.value,
@@ -10914,8 +11181,8 @@ var AlternativesList = ({
                       className: "mt-1"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                       "label",
                       {
                         htmlFor: alternativeId,
@@ -10927,16 +11194,16 @@ var AlternativesList = ({
                         children: alternative.label
                       }
                     ),
-                    alternative.description && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                    alternative.description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
                   ] })
                 ] }),
-                statusBadge && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+                statusBadge && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
               ] })
             },
             alternativeId
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
           "div",
           {
             className: cn(
@@ -10945,8 +11212,8 @@ var AlternativesList = ({
               alternative.disabled ? "opacity-50 cursor-not-allowed" : ""
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   RadioGroupItem,
                   {
                     value: alternative.value,
@@ -10954,7 +11221,7 @@ var AlternativesList = ({
                     disabled: alternative.disabled
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "label",
                   {
                     htmlFor: alternativeId,
@@ -10967,7 +11234,7 @@ var AlternativesList = ({
                   }
                 )
               ] }),
-              statusBadge && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+              statusBadge && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
             ]
           },
           alternativeId
@@ -10976,9 +11243,9 @@ var AlternativesList = ({
     }
   );
 };
-var HeaderAlternative = (0, import_react34.forwardRef)(
+var HeaderAlternative = (0, import_react35.forwardRef)(
   ({ className, title, subTitle, content, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "div",
       {
         ref,
@@ -10988,11 +11255,11 @@ var HeaderAlternative = (0, import_react34.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-text-950 font-bold text-lg", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-text-700 text-sm ", children: subTitle })
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-text-950 font-bold text-lg", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-text-700 text-sm ", children: subTitle })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-text-950 text-md", children: content })
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-text-950 text-md", children: content })
         ]
       }
     );
@@ -11042,7 +11309,7 @@ function createZustandAuthAdapter(useAuthStore2) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_react_router_dom2 = require("react-router-dom");
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -11090,8 +11357,8 @@ var handleUserData = (responseData, setUser) => {
 };
 function useUrlAuthentication(options) {
   const location = (0, import_react_router_dom2.useLocation)();
-  const processedRef = (0, import_react35.useRef)(false);
-  (0, import_react35.useEffect)(() => {
+  const processedRef = (0, import_react36.useRef)(false);
+  (0, import_react36.useEffect)(() => {
     const handleAuthentication = async () => {
       if (processedRef.current) {
         return;
@@ -11162,9 +11429,9 @@ function useUrlAuthentication(options) {
 }
 
 // src/components/Auth/useApiConfig.ts
-var import_react36 = require("react");
+var import_react37 = require("react");
 function useApiConfig(api) {
-  return (0, import_react36.useMemo)(
+  return (0, import_react37.useMemo)(
     () => ({
       get: (endpoint, config) => api.get(endpoint, config)
     }),
@@ -11174,7 +11441,7 @@ function useApiConfig(api) {
 
 // src/components/Quiz/Quiz.tsx
 var import_phosphor_react28 = require("phosphor-react");
-var import_react39 = require("react");
+var import_react40 = require("react");
 
 // src/components/Quiz/useQuizStore.ts
 var import_zustand10 = require("zustand");
@@ -11784,12 +12051,12 @@ var useQuizStore = (0, import_zustand10.create)()(
 );
 
 // src/components/Quiz/QuizContent.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 
 // src/components/MultipleChoice/MultipleChoice.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_phosphor_react26 = require("phosphor-react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var MultipleChoiceList = ({
   disabled = false,
   className = "",
@@ -11799,16 +12066,16 @@ var MultipleChoiceList = ({
   onHandleSelectedValues,
   mode = "interactive"
 }) => {
-  const [actualValue, setActualValue] = (0, import_react37.useState)(selectedValues);
-  (0, import_react37.useEffect)(() => {
+  const [actualValue, setActualValue] = (0, import_react38.useState)(selectedValues);
+  (0, import_react38.useEffect)(() => {
     setActualValue(selectedValues);
   }, [selectedValues]);
   const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react26.CheckCircle, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react26.CheckCircle, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react26.XCircle, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react26.XCircle, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -11829,14 +12096,14 @@ var MultipleChoiceList = ({
       isSelected ? "border-primary-950 bg-primary-950 text-text" : "border-border-400 bg-background",
       isDisabled && "opacity-40 cursor-not-allowed"
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react26.Check, { size: 16, weight: "bold" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react26.Check, { size: 16, weight: "bold" }) });
   };
   if (mode === "readonly") {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
       const isSelected = actualValue?.includes(choice.value) || false;
       const statusStyles = getStatusStyles2(choice.status);
       const statusBadge = getStatusBadge2(choice.status);
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
         "div",
         {
           className: cn(
@@ -11845,9 +12112,9 @@ var MultipleChoiceList = ({
             choice.disabled ? "opacity-50 cursor-not-allowed" : ""
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
               renderVisualCheckbox(isSelected, choice.disabled || disabled),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                 "span",
                 {
                   className: cn(
@@ -11859,14 +12126,14 @@ var MultipleChoiceList = ({
                 }
               )
             ] }),
-            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
           ]
         },
         `readonly-${choice.value}-${i}`
       );
     }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
       className: cn(
@@ -11874,7 +12141,7 @@ var MultipleChoiceList = ({
         disabled ? "opacity-50 cursor-not-allowed" : "",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         CheckboxList_default,
         {
           name,
@@ -11884,12 +12151,12 @@ var MultipleChoiceList = ({
             onHandleSelectedValues?.(v);
           },
           disabled,
-          children: choices.map((choice, i) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+          children: choices.map((choice, i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
             "div",
             {
               className: "flex flex-row gap-2 items-center",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   CheckboxListItem,
                   {
                     value: choice.value,
@@ -11897,7 +12164,7 @@ var MultipleChoiceList = ({
                     disabled: choice.disabled || disabled
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   "label",
                   {
                     htmlFor: `interactive-${choice.value}-${i}`,
@@ -11926,13 +12193,13 @@ var import_phosphor_react27 = require("phosphor-react");
 var mock_image_question_default = "./mock-image-question-HEZCLFDL.png";
 
 // src/components/Quiz/QuizContent.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var getStatusBadge = (status) => {
   switch (status) {
     case "correct":
-      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react27.CheckCircle, {}), children: "Resposta correta" });
+      return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react27.CheckCircle, {}), children: "Resposta correta" });
     case "incorrect":
-      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react27.XCircle, {}), children: "Resposta incorreta" });
+      return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react27.XCircle, {}), children: "Resposta incorreta" });
     default:
       return null;
   }
@@ -11945,13 +12212,13 @@ var getStatusStyles = (variantCorrect) => {
       return "bg-error-background border-error-300";
   }
 };
-var QuizSubTitle = (0, import_react38.forwardRef)(
+var QuizSubTitle = (0, import_react39.forwardRef)(
   ({ subTitle, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
   }
 );
-var QuizContainer = (0, import_react38.forwardRef)(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var QuizContainer = (0, import_react39.forwardRef)(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       ref,
@@ -12004,10 +12271,10 @@ var QuizAlternative = ({ paddingBottom }) => {
     };
   });
   if (!alternatives)
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       AlternativesList,
       {
         mode: variant === "default" ? "interactive" : "readonly",
@@ -12039,15 +12306,15 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
   const currentQuestionResult = getQuestionResultByQuestionId(
     currentQuestion?.id || ""
   );
-  const prevSelectedValuesRef = (0, import_react38.useRef)([]);
-  const prevQuestionIdRef = (0, import_react38.useRef)("");
-  const allCurrentAnswerIds = (0, import_react38.useMemo)(() => {
+  const prevSelectedValuesRef = (0, import_react39.useRef)([]);
+  const prevQuestionIdRef = (0, import_react39.useRef)("");
+  const allCurrentAnswerIds = (0, import_react39.useMemo)(() => {
     return allCurrentAnswers?.map((answer) => answer.optionId) || [];
   }, [allCurrentAnswers]);
-  const selectedValues = (0, import_react38.useMemo)(() => {
+  const selectedValues = (0, import_react39.useMemo)(() => {
     return allCurrentAnswerIds?.filter((id) => id !== null) || [];
   }, [allCurrentAnswerIds]);
-  const stableSelectedValues = (0, import_react38.useMemo)(() => {
+  const stableSelectedValues = (0, import_react39.useMemo)(() => {
     const currentQuestionId = currentQuestion?.id || "";
     const hasQuestionChanged = prevQuestionIdRef.current !== currentQuestionId;
     if (hasQuestionChanged) {
@@ -12071,7 +12338,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     variant,
     currentQuestionResult?.selectedOptions
   ]);
-  const handleSelectedValues = (0, import_react38.useCallback)(
+  const handleSelectedValues = (0, import_react39.useCallback)(
     (values) => {
       if (currentQuestion) {
         selectMultipleAnswer(currentQuestion.id, values);
@@ -12079,7 +12346,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     },
     [currentQuestion, selectMultipleAnswer]
   );
-  const questionKey = (0, import_react38.useMemo)(
+  const questionKey = (0, import_react39.useMemo)(
     () => `question-${currentQuestion?.id || "1"}`,
     [currentQuestion?.id]
   );
@@ -12110,10 +12377,10 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     };
   });
   if (!choices)
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       MultipleChoiceList,
       {
         choices,
@@ -12140,14 +12407,14 @@ var QuizDissertative = ({ paddingBottom }) => {
     currentQuestion?.id || ""
   );
   const currentAnswer = getCurrentAnswer();
-  const textareaRef = (0, import_react38.useRef)(null);
+  const textareaRef = (0, import_react39.useRef)(null);
   const charLimit = getDissertativeCharLimit();
   const handleAnswerChange = (value) => {
     if (currentQuestion) {
       selectDissertativeAnswer(currentQuestion.id, value);
     }
   };
-  const adjustTextareaHeight = (0, import_react38.useCallback)(() => {
+  const adjustTextareaHeight = (0, import_react39.useCallback)(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       const scrollHeight = textareaRef.current.scrollHeight;
@@ -12157,16 +12424,16 @@ var QuizDissertative = ({ paddingBottom }) => {
       textareaRef.current.style.height = `${newHeight}px`;
     }
   }, []);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
   }
   const localAnswer = (variant == "result" ? currentQuestionResult?.answer : currentAnswer?.answer) || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizSubTitle, { subTitle: "Resposta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizSubTitle, { subTitle: "Resposta" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       TextArea_default,
       {
         ref: textareaRef,
@@ -12178,10 +12445,10 @@ var QuizDissertative = ({ paddingBottom }) => {
         maxLength: charLimit,
         showCharacterCount: !!charLimit
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
-    variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentQuestionResult?.teacherFeedback }) })
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
+    variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentQuestionResult?.teacherFeedback }) })
     ] })
   ] });
 };
@@ -12207,16 +12474,16 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
   ];
   const getLetterByIndex = (index) => String.fromCodePoint(97 + index);
   const isDefaultVariant = variant === "default";
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
       const variantCorrect = option.isCorrect ? "correct" : "incorrect";
-      return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
         "section",
         {
           className: "flex flex-col gap-2",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
               "div",
               {
                 className: cn(
@@ -12224,20 +12491,20 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
                   isDefaultVariant ? "" : getStatusStyles(variantCorrect)
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
-                  isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Select_default, { size: "medium", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(SelectContent, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectItem, { value: "V", children: "Verdadeiro" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectItem, { value: "F", children: "Falso" })
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
+                  isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Select_default, { size: "medium", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(SelectContent, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItem, { value: "V", children: "Verdadeiro" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItem, { value: "F", children: "Falso" })
                     ] })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
                 ]
               }
             ),
-            !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
-              !option.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
+            !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
+              !option.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
             ] })
           ]
         },
@@ -12298,7 +12565,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
       isCorrect: false
     }
   ];
-  const [userAnswers, setUserAnswers] = (0, import_react38.useState)(() => {
+  const [userAnswers, setUserAnswers] = (0, import_react39.useState)(() => {
     if (variant === "result") {
       return mockUserAnswers;
     }
@@ -12327,13 +12594,13 @@ var QuizConnectDots = ({ paddingBottom }) => {
   const assignedDots = new Set(
     userAnswers.map((a) => a.dotOption).filter(Boolean)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
       const answer = userAnswers[index];
       const variantCorrect = answer.isCorrect ? "correct" : "incorrect";
-      return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             className: cn(
@@ -12341,30 +12608,30 @@ var QuizConnectDots = ({ paddingBottom }) => {
               isDefaultVariant ? "" : getStatusStyles(variantCorrect)
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
-              isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
+              isDefaultVariant ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 Select_default,
                 {
                   size: "medium",
                   value: answer.dotOption || void 0,
                   onValueChange: (value) => handleSelectDot(index, value),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectContent, { children: dotsOptions.filter(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectContent, { children: dotsOptions.filter(
                       (dot) => !assignedDots.has(dot.label) || answer.dotOption === dot.label
-                    ).map((dot) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
+                    ).map((dot) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
                   ]
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
             ]
           }
         ),
-        !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("p", { className: "text-text-800 text-2xs", children: [
+        !isDefaultVariant && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "text-text-800 text-2xs", children: [
             "Resposta selecionada: ",
             answer.dotOption || "Nenhuma"
           ] }),
-          !answer.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("p", { className: "text-text-800 text-2xs", children: [
+          !answer.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "text-text-800 text-2xs", children: [
             "Resposta correta: ",
             answer.correctOption
           ] })
@@ -12417,8 +12684,8 @@ var QuizFill = ({ paddingBottom }) => {
       isCorrect: true
     }
   ];
-  const [answers, setAnswers] = (0, import_react38.useState)({});
-  const baseId = (0, import_react38.useId)();
+  const [answers, setAnswers] = (0, import_react39.useState)({});
+  const baseId = (0, import_react39.useId)();
   const getAvailableOptionsForSelect = (selectId) => {
     const usedOptions = new Set(
       Object.entries(answers).filter(([key]) => key !== selectId).map(([, value]) => value)
@@ -12433,18 +12700,18 @@ var QuizFill = ({ paddingBottom }) => {
     const mockAnswer = mockUserAnswers.find(
       (answer) => answer.selectId === selectId
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "inline-flex mb-2.5 text-success-600 font-semibold text-md border-b-2 border-success-600", children: mockAnswer?.correctAnswer });
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "inline-flex mb-2.5 text-success-600 font-semibold text-md border-b-2 border-success-600", children: mockAnswer?.correctAnswer });
   };
   const renderDefaultElement = (selectId, startIndex, selectedValue, availableOptionsForThisSelect) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       Select_default,
       {
         value: selectedValue,
         onValueChange: (value) => handleSelectChange(selectId, value),
         className: "inline-flex mb-2.5",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-background border-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-background border-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
         ]
       },
       `${selectId}-${startIndex}`
@@ -12456,8 +12723,8 @@ var QuizFill = ({ paddingBottom }) => {
     );
     if (!mockAnswer) return null;
     const action = mockAnswer.isCorrect ? "success" : "error";
-    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react27.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react27.XCircle, {});
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react27.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react27.XCircle, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       Badge_default,
       {
         variant: "solid",
@@ -12465,7 +12732,7 @@ var QuizFill = ({ paddingBottom }) => {
         iconRight: icon,
         size: "large",
         className: "py-3 w-[180px] justify-between mb-2.5",
-        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-text-900", children: mockAnswer.userAnswer })
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-text-900", children: mockAnswer.userAnswer })
       },
       selectId
     );
@@ -12521,25 +12788,25 @@ var QuizFill = ({ paddingBottom }) => {
     }
     return elements;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "div",
       {
         className: cn(
           "text-lg text-text-900 leading-8 h-auto",
           variant != "result" && paddingBottom
         ),
-        children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: element.element }, element.id))
+        children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: element.element }, element.id))
       }
     ) }) }),
-    variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizSubTitle, { subTitle: "Resultado" }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizSubTitle, { subTitle: "Resultado" }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "div",
         {
           className: cn("text-lg text-text-900 leading-8", paddingBottom),
-          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: element.element }, element.id))
+          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: element.element }, element.id))
         }
       ) }) })
     ] })
@@ -12557,7 +12824,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
   };
   const correctRadiusRelative = calculateCorrectRadiusRelative();
   const mockUserAnswerRelative = { x: 0.72, y: 0.348 };
-  const [clickPositionRelative, setClickPositionRelative] = (0, import_react38.useState)(variant == "result" ? mockUserAnswerRelative : null);
+  const [clickPositionRelative, setClickPositionRelative] = (0, import_react39.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);
@@ -12593,36 +12860,36 @@ var QuizImageQuestion = ({ paddingBottom }) => {
     }
     return "bg-success-600/70 border-white";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       "div",
       {
         "data-testid": "quiz-image-container",
         className: "space-y-6 p-3 relative inline-block",
         children: [
-          variant == "result" && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          variant == "result" && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "div",
             {
               "data-testid": "quiz-legend",
               className: "flex items-center gap-4 text-xs",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "button",
             {
               "data-testid": "quiz-image-button",
@@ -12637,7 +12904,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
               },
               "aria-label": "\xC1rea da imagem interativa",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "img",
                   {
                     "data-testid": "quiz-image",
@@ -12646,7 +12913,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
                     className: "w-full h-auto rounded-md"
                   }
                 ),
-                variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                variant === "result" && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "div",
                   {
                     "data-testid": "quiz-correct-circle",
@@ -12661,7 +12928,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
                     }
                   }
                 ),
-                clickPositionRelative && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                clickPositionRelative && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "div",
                   {
                     "data-testid": "quiz-user-circle",
@@ -12686,7 +12953,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
 };
 
 // src/components/Quiz/Quiz.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var getQuizTypeConfig = (type) => {
   const QUIZ_TYPE_CONFIG = {
     ["SIMULADO" /* SIMULADO */]: {
@@ -12723,14 +12990,14 @@ var getFinishConfirmationText = (type) => {
   const config = getQuizTypeConfig(type);
   return `Tem certeza que deseja finalizar ${config.article} ${config.label.toLowerCase()}?`;
 };
-var Quiz = (0, import_react39.forwardRef)(({ children, className, variant = "default", ...props }, ref) => {
+var Quiz = (0, import_react40.forwardRef)(({ children, className, variant = "default", ...props }, ref) => {
   const { setVariant } = useQuizStore();
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     setVariant(variant);
   }, [variant, setVariant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children });
 });
-var QuizTitle = (0, import_react39.forwardRef)(({ className, onBack, ...props }, ref) => {
+var QuizTitle = (0, import_react40.forwardRef)(({ className, onBack, ...props }, ref) => {
   const {
     quiz,
     currentQuestionIndex,
@@ -12740,7 +13007,7 @@ var QuizTitle = (0, import_react39.forwardRef)(({ className, onBack, ...props },
     formatTime: formatTime2,
     isStarted
   } = useQuizStore();
-  const [showExitConfirmation, setShowExitConfirmation] = (0, import_react39.useState)(false);
+  const [showExitConfirmation, setShowExitConfirmation] = (0, import_react40.useState)(false);
   const totalQuestions = getTotalQuestions();
   const quizTitle = getQuizTitle();
   const handleBackClick = () => {
@@ -12764,8 +13031,8 @@ var QuizTitle = (0, import_react39.forwardRef)(({ className, onBack, ...props },
   const handleCancelExit = () => {
     setShowExitConfirmation(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
       "div",
       {
         ref,
@@ -12775,24 +13042,24 @@ var QuizTitle = (0, import_react39.forwardRef)(({ className, onBack, ...props },
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             IconButton_default,
             {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react28.CaretLeft, { size: 24 }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_phosphor_react28.CaretLeft, { size: 24 }),
               size: "md",
               "aria-label": "Voltar",
               onClick: handleBackClick
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react28.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_phosphor_react28.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       AlertDialog,
       {
         isOpen: showExitConfirmation,
@@ -12812,7 +13079,7 @@ var QuizHeader = () => {
   const currentQuestion = getCurrentQuestion();
   let currentId = currentQuestion && "questionId" in currentQuestion ? currentQuestion.questionId : currentQuestion?.id;
   const questionIndex = getQuestionIndex(currentId);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     HeaderAlternative,
     {
       title: currentQuestion ? `Quest\xE3o ${questionIndex.toString().padStart(2, "0")}` : "Quest\xE3o",
@@ -12834,7 +13101,7 @@ var QuizContent = ({ paddingBottom }) => {
     ["IMAGEM" /* IMAGEM */]: QuizImageQuestion
   };
   const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.questionType] : null;
-  return QuestionComponent ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QuestionComponent, { paddingBottom }) : null;
+  return QuestionComponent ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(QuestionComponent, { paddingBottom }) : null;
 };
 var QuizQuestionList = ({
   filterType = "all",
@@ -12881,18 +13148,18 @@ var QuizQuestionList = ({
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-6 px-4 h-full", children: [
-    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-lg", children: "Nenhum resultado" }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-6 px-4 h-full", children: [
+    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-lg", children: "Nenhum resultado" }) }),
     Object.entries(filteredGroupedQuestions).map(
-      ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react28.BookOpen, { size: 17, className: "text-white" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
+      ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_phosphor_react28.BookOpen, { size: 17, className: "text-white" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
           const status = getQuestionStatus(question.id);
           const questionNumber = getQuestionIndex(question.id);
-          return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             CardStatus,
             {
               header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
@@ -12909,7 +13176,7 @@ var QuizQuestionList = ({
     )
   ] });
 };
-var QuizFooter = (0, import_react39.forwardRef)(
+var QuizFooter = (0, import_react40.forwardRef)(
   ({
     className,
     onGoToSimulated,
@@ -12943,8 +13210,8 @@ var QuizFooter = (0, import_react39.forwardRef)(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [activeModal, setActiveModal] = (0, import_react39.useState)(null);
-    const [filterType, setFilterType] = (0, import_react39.useState)("all");
+    const [activeModal, setActiveModal] = (0, import_react40.useState)(null);
+    const [filterType, setFilterType] = (0, import_react40.useState)("all");
     const openModal = (modalName) => setActiveModal(modalName);
     const closeModal = () => setActiveModal(null);
     const isModalOpen = (modalName) => activeModal === modalName;
@@ -12999,8 +13266,8 @@ var QuizFooter = (0, import_react39.forwardRef)(
         return;
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "footer",
         {
           ref,
@@ -13009,17 +13276,17 @@ var QuizFooter = (0, import_react39.forwardRef)(
             className
           ),
           ...props,
-          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react28.SquaresFour, { size: 24, className: "text-text-950" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_phosphor_react28.SquaresFour, { size: 24, className: "text-text-950" }),
                   size: "md",
                   onClick: () => openModal("modalNavigate")
                 }
               ),
-              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -13030,13 +13297,13 @@ var QuizFooter = (0, import_react39.forwardRef)(
                   },
                   children: "Pular"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 Button_default,
                 {
                   size: "medium",
                   variant: "link",
                   action: "primary",
-                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react28.CaretLeft, { size: 18 }),
+                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_phosphor_react28.CaretLeft, { size: 18 }),
                   onClick: () => {
                     goToPreviousQuestion();
                   },
@@ -13044,7 +13311,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
                 }
               )
             ] }),
-            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               Button_default,
               {
                 size: "small",
@@ -13057,7 +13324,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
                 children: "Pular"
               }
             ),
-            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               Button_default,
               {
                 size: "medium",
@@ -13066,13 +13333,13 @@ var QuizFooter = (0, import_react39.forwardRef)(
                 onClick: handleFinishQuiz,
                 children: "Finalizar"
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               Button_default,
               {
                 size: "medium",
                 variant: "link",
                 action: "primary",
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react28.CaretRight, { size: 18 }),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_phosphor_react28.CaretRight, { size: 18 }),
                 disabled: !currentAnswer && !isCurrentQuestionSkipped,
                 onClick: () => {
                   goToNextQuestion();
@@ -13080,7 +13347,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
                 children: "Avan\xE7ar"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex flex-row items-center justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex flex-row items-center justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             Button_default,
             {
               variant: "link",
@@ -13092,7 +13359,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
           ) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         AlertDialog,
         {
           isOpen: isModalOpen("alertDialog"),
@@ -13104,7 +13371,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
           onSubmit: handleAlertSubmit
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen("modalResult"),
@@ -13113,11 +13380,11 @@ var QuizFooter = (0, import_react39.forwardRef)(
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: getCompletionTitle(quizType) }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "text-text-500 font-sm", children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: getCompletionTitle(quizType) }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-text-500 font-sm", children: [
                 "Voc\xEA acertou ",
                 correctAnswers ?? "--",
                 " de ",
@@ -13126,8 +13393,8 @@ var QuizFooter = (0, import_react39.forwardRef)(
                 "quest\xF5es."
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -13137,38 +13404,38 @@ var QuizFooter = (0, import_react39.forwardRef)(
                   children: quizTypeLabel === "Question\xE1rio" ? "Ir para aulas" : `Ir para ${quizTypeLabel.toLocaleLowerCase()}s`
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen("modalNavigate"),
           onClose: closeModal,
           title: "Quest\xF5es",
           size: "lg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   SelectTrigger,
                   {
                     variant: "rounded",
                     className: "max-w-[266px] min-w-[160px]",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(SelectContent, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItem, { value: "all", children: "Todas" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(SelectContent, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectItem, { value: "all", children: "Todas" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               QuizQuestionList,
               {
                 filterType,
@@ -13178,7 +13445,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen("modalResolution"),
@@ -13188,7 +13455,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
           children: currentQuestion?.solutionExplanation
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen("modalQuestionnaireAllCorrect"),
@@ -13197,17 +13464,17 @@ var QuizFooter = (0, import_react39.forwardRef)(
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F389} Parab\xE9ns!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-500 font-sm", children: "Voc\xEA concluiu o m\xF3dulo Movimento Uniforme." })
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F389} Parab\xE9ns!" }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-500 font-sm", children: "Voc\xEA concluiu o m\xF3dulo Movimento Uniforme." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button_default, { className: "w-full", onClick: onGoToNextModule, children: "Pr\xF3ximo m\xF3dulo" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button_default, { className: "w-full", onClick: onGoToNextModule, children: "Pr\xF3ximo m\xF3dulo" }) })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen("modalQuestionnaireAllIncorrect"),
@@ -13216,16 +13483,16 @@ var QuizFooter = (0, import_react39.forwardRef)(
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            resultIncorrectImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-[282px] h-auto", children: resultIncorrectImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F615} N\xE3o foi dessa vez..." }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-500 font-sm", children: "Voc\xEA tirou 0 no question\xE1rio, mas n\xE3o se preocupe! Isso \xE9 apenas uma oportunidade de aprendizado." }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-500 font-sm", children: "Que tal tentar novamente para melhorar sua nota? Estamos aqui para te ajudar a entender o conte\xFAdo e evoluir." }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-text-500 font-sm", children: "Clique em Repetir Question\xE1rio e mostre do que voc\xEA \xE9 capaz! \u{1F4AA}" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            resultIncorrectImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-[282px] h-auto", children: resultIncorrectImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F615} N\xE3o foi dessa vez..." }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-500 font-sm", children: "Voc\xEA tirou 0 no question\xE1rio, mas n\xE3o se preocupe! Isso \xE9 apenas uma oportunidade de aprendizado." }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-500 font-sm", children: "Que tal tentar novamente para melhorar sua nota? Estamos aqui para te ajudar a entender o conte\xFAdo e evoluir." }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-500 font-sm", children: "Clique em Repetir Question\xE1rio e mostre do que voc\xEA \xE9 capaz! \u{1F4AA}" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-row justify-center items-center gap-2 w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-row justify-center items-center gap-2 w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 Button_default,
                 {
                   type: "button",
@@ -13239,7 +13506,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
                   children: "Tentar depois"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -13249,7 +13516,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
                   children: "Detalhar resultado"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 Button_default,
                 {
                   className: "w-auto",
@@ -13262,7 +13529,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         AlertDialog,
         {
           isOpen: isModalOpen("alertDialogTryLater"),
@@ -13286,37 +13553,37 @@ var QuizFooter = (0, import_react39.forwardRef)(
 );
 
 // src/components/Quiz/QuizResult.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_phosphor_react29 = require("phosphor-react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var QuizBadge = ({
   subtype
 }) => {
   switch (subtype) {
     case "PROVA" /* PROVA */:
-      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
     case "ENEM_PROVA_1" /* ENEM_PROVA_1 */:
     case "ENEM_PROVA_2" /* ENEM_PROVA_2 */:
-      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
     case "VESTIBULAR" /* VESTIBULAR */:
-      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
     case "SIMULADO" /* SIMULADO */:
     case "SIMULADAO" /* SIMULADAO */:
     case void 0:
-      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
   }
 };
-var QuizHeaderResult = (0, import_react40.forwardRef)(
+var QuizHeaderResult = (0, import_react41.forwardRef)(
   ({ className, ...props }, ref) => {
     const {
       getQuestionResultByQuestionId,
       getCurrentQuestion,
       questionsResult
     } = useQuizStore();
-    const [status, setStatus] = (0, import_react40.useState)(void 0);
-    (0, import_react40.useEffect)(() => {
+    const [status, setStatus] = (0, import_react41.useState)(void 0);
+    (0, import_react41.useEffect)(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
         setStatus(void 0);
@@ -13362,7 +13629,7 @@ var QuizHeaderResult = (0, import_react40.forwardRef)(
           return "N\xE3o foi dessa vez...voc\xEA deixou a resposta em branco";
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
       "div",
       {
         ref,
@@ -13373,16 +13640,16 @@ var QuizHeaderResult = (0, import_react40.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
         ]
       }
     );
   }
 );
-var QuizResultHeaderTitle = (0, import_react40.forwardRef)(({ className, showBadge = true, onRepeat, canRetry, ...props }, ref) => {
+var QuizResultHeaderTitle = (0, import_react41.forwardRef)(({ className, showBadge = true, onRepeat, canRetry, ...props }, ref) => {
   const { quiz } = useQuizStore();
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "div",
     {
       ref,
@@ -13392,9 +13659,9 @@ var QuizResultHeaderTitle = (0, import_react40.forwardRef)(({ className, showBad
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-row gap-3 items-center", children: [
-          canRetry && onRepeat && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-row gap-3 items-center", children: [
+          canRetry && onRepeat && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             Button_default,
             {
               variant: "solid",
@@ -13404,16 +13671,16 @@ var QuizResultHeaderTitle = (0, import_react40.forwardRef)(({ className, showBad
               children: "Repetir question\xE1rio"
             }
           ),
-          showBadge && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(QuizBadge, { subtype: quiz?.subtype || void 0 })
+          showBadge && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(QuizBadge, { subtype: quiz?.subtype || void 0 })
         ] })
       ]
     }
   );
 });
-var QuizResultTitle = (0, import_react40.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultTitle = (0, import_react41.forwardRef)(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "p",
     {
       className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
@@ -13454,7 +13721,7 @@ var calculateAnswerStatistics = (answers) => {
   }
   return stats;
 };
-var QuizResultPerformance = (0, import_react40.forwardRef)(({ showDetails = true, ...props }, ref) => {
+var QuizResultPerformance = (0, import_react41.forwardRef)(({ showDetails = true, ...props }, ref) => {
   const {
     getTotalQuestions,
     formatTime: formatTime2,
@@ -13474,7 +13741,7 @@ var QuizResultPerformance = (0, import_react40.forwardRef)(({ showDetails = true
   };
   const percentage = totalQuestions > 0 ? Math.round(stats.correctAnswers / totalQuestions * 100) : 0;
   const classesJustifyBetween = showDetails ? "justify-between" : "justify-center";
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "div",
     {
       className: cn(
@@ -13484,8 +13751,8 @@ var QuizResultPerformance = (0, import_react40.forwardRef)(({ showDetails = true
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             ProgressCircle_default,
             {
               size: "medium",
@@ -13495,24 +13762,24 @@ var QuizResultPerformance = (0, import_react40.forwardRef)(({ showDetails = true
               label: ""
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-            showDetails && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_phosphor_react29.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+            showDetails && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_phosphor_react29.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
                 (getQuestionResultStatistics()?.timeSpent ?? 0) * 60
               ) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
               getQuestionResultStatistics()?.correctAnswers ?? "--",
               " de",
               " ",
               totalQuestions
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
           ] })
         ] }),
-        showDetails && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        showDetails && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             ProgressBar_default,
             {
               className: "w-full",
@@ -13526,7 +13793,7 @@ var QuizResultPerformance = (0, import_react40.forwardRef)(({ showDetails = true
               percentageClassName: "text-xs font-medium leading-[14px] text-right"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             ProgressBar_default,
             {
               className: "w-full",
@@ -13540,7 +13807,7 @@ var QuizResultPerformance = (0, import_react40.forwardRef)(({ showDetails = true
               percentageClassName: "text-xs font-medium leading-[14px] text-right"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             ProgressBar_default,
             {
               className: "w-full",
@@ -13559,7 +13826,7 @@ var QuizResultPerformance = (0, import_react40.forwardRef)(({ showDetails = true
     }
   );
 });
-var QuizListResult = (0, import_react40.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
+var QuizListResult = (0, import_react41.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
   const { getQuestionsGroupedBySubject } = useQuizStore();
   const { isDark } = useTheme();
   const groupedQuestions = getQuestionsGroupedBySubject();
@@ -13587,9 +13854,9 @@ var QuizListResult = (0, import_react40.forwardRef)(({ className, onSubjectClick
       };
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("section", { ref, className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { ref, className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       CardResults,
       {
         onClick: () => onSubjectClick?.(subject.subject.id),
@@ -13613,16 +13880,16 @@ var QuizListResultByMateria = ({
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
   const formattedQuestions = subject == "all" ? Object.values(groupedQuestions).flat() : answeredQuestions;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subjectName || formattedQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name || "Sem mat\xE9ria" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("section", { className: "flex flex-col ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: formattedQuestions.map((question) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subjectName || formattedQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name || "Sem mat\xE9ria" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { className: "flex flex-col ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: formattedQuestions.map((question) => {
         const questionIndex = getQuestionIndex(
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           question.questionId ?? question.id
         );
-        return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           CardStatus,
           {
             className: "max-w-full",
@@ -13648,7 +13915,7 @@ var QuizListResultByMateria = ({
 
 // src/components/BreadcrumbMenu/BreadcrumbMenu.tsx
 var import_react_router_dom3 = require("react-router-dom");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var BreadcrumbMenu = ({
   breadcrumbs,
   onBreadcrumbClick,
@@ -13661,17 +13928,17 @@ var BreadcrumbMenu = ({
     }
     navigate(breadcrumb.url);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     Menu,
     {
       value: `breadcrumb-${breadcrumbs.length - 1}`,
       defaultValue: "breadcrumb-0",
       variant: "breadcrumb",
       className,
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MenuContent, { className: "w-full flex flex-row flex-wrap gap-2 !px-0", children: breadcrumbs.map((breadcrumb, index) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MenuContent, { className: "w-full flex flex-row flex-wrap gap-2 !px-0", children: breadcrumbs.map((breadcrumb, index) => {
         const isLast = index === breadcrumbs.length - 1;
         const hasSeparator = !isLast;
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           MenuItem,
           {
             variant: "breadcrumb",
@@ -13689,7 +13956,7 @@ var BreadcrumbMenu = ({
 };
 
 // src/components/BreadcrumbMenu/useBreadcrumbBuilder.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 
 // src/components/BreadcrumbMenu/breadcrumbStore.ts
 var import_zustand11 = require("zustand");
@@ -13818,7 +14085,7 @@ var useBreadcrumbBuilder = (config) => {
     (level) => isBreadcrumbWithData(level) ? level.data : null
   );
   const levelUrlIds = levels.map((level) => level.urlId);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const newBreadcrumbs = [root];
     const previousIds = [];
     for (const level of levels) {
@@ -13850,11 +14117,11 @@ var useBreadcrumbBuilder = (config) => {
 };
 
 // src/components/BreadcrumbMenu/useUrlParams.ts
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_react_router_dom4 = require("react-router-dom");
 var useUrlParams = (config) => {
   const location = (0, import_react_router_dom4.useLocation)();
-  return (0, import_react42.useMemo)(() => {
+  return (0, import_react43.useMemo)(() => {
     const segments = location.pathname.split("/").filter(Boolean);
     const params = {};
     for (const [key, index] of Object.entries(config)) {
@@ -13865,15 +14132,15 @@ var useUrlParams = (config) => {
 };
 
 // src/hooks/useAppInitialization.ts
-var import_react44 = require("react");
+var import_react45 = require("react");
 
 // src/hooks/useInstitution.ts
-var import_react43 = require("react");
+var import_react44 = require("react");
 function useInstitutionId() {
-  const [institutionId, setInstitutionId] = (0, import_react43.useState)(() => {
+  const [institutionId, setInstitutionId] = (0, import_react44.useState)(() => {
     return document.querySelector('meta[name="institution-id"]')?.getAttribute("content") ?? null;
   });
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     const metaTag = document.querySelector('meta[name="institution-id"]');
     if (!metaTag) return;
     const observer = new MutationObserver(() => {
@@ -14040,7 +14307,7 @@ var useAuthStore = (0, import_zustand13.create)()(
 function useAppInitialization() {
   const getInstitutionId = useInstitutionId();
   const { initialize, initialized, institutionId } = useAppStore();
-  const authFunctions = (0, import_react44.useMemo)(
+  const authFunctions = (0, import_react45.useMemo)(
     () => ({
       checkAuth: async () => {
         const { sessionInfo, tokens } = useAuthStore.getState();
@@ -14077,7 +14344,7 @@ function useAppInitialization() {
 }
 
 // src/hooks/useAppContent.ts
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_react_router_dom5 = require("react-router-dom");
 function useAppContent(config) {
   const navigate = (0, import_react_router_dom5.useNavigate)();
@@ -14103,20 +14370,20 @@ function useAppContent(config) {
       navigate("/painel");
     }
   };
-  const handleSetSelectedProfile = (0, import_react45.useCallback)(
+  const handleSetSelectedProfile = (0, import_react46.useCallback)(
     (profile) => {
       setSelectedProfile(profile);
     },
     [setSelectedProfile]
   );
-  const handleClearParamsFromURL = (0, import_react45.useCallback)(() => {
+  const handleClearParamsFromURL = (0, import_react46.useCallback)(() => {
     if (onClearParamsFromURL) {
       onClearParamsFromURL();
     } else {
       globalThis.location.replace("/painel");
     }
   }, [onClearParamsFromURL]);
-  const handleError = (0, import_react45.useCallback)(
+  const handleError = (0, import_react46.useCallback)(
     (error) => {
       if (onError) {
         onError(error);
@@ -14127,7 +14394,7 @@ function useAppContent(config) {
     },
     [navigate, onError]
   );
-  const urlAuthConfig = (0, import_react45.useMemo)(
+  const urlAuthConfig = (0, import_react46.useMemo)(
     () => ({
       setTokens,
       setSessionInfo,
@@ -14153,10 +14420,10 @@ function useAppContent(config) {
   );
   useUrlAuthentication(urlAuthConfig);
   const { sessionInfo } = useAuth();
-  const institutionIdToUse = (0, import_react45.useMemo)(() => {
+  const institutionIdToUse = (0, import_react46.useMemo)(() => {
     return sessionInfo?.institutionId || getInstitutionId;
   }, [sessionInfo?.institutionId, getInstitutionId]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (institutionIdToUse && !initialized) {
       initialize(institutionIdToUse);
     }
@@ -14203,6 +14470,7 @@ function useAppContent(config) {
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
+  FilterModal,
   IconButton,
   IconRender,
   IconRoundedButton,
@@ -14319,6 +14587,7 @@ function useAppContent(config) {
   useMobile,
   useQuizStore,
   useRouteAuth,
+  useTableFilter,
   useTableSort,
   useTheme,
   useThemeStore,