analytica-frontend-lib 1.1.53 → 1.1.55

package/dist/index.mjs

@@ -1786,29 +1786,412 @@ var Input = forwardRef9(
 var Input_default = Input;
 
 // src/components/Search/Search.tsx
-import { CaretLeft, X as X2 } from "phosphor-react";
+import { CaretLeft, X as X3 } from "phosphor-react";
 import {
   forwardRef as forwardRef11,
-  useState as useState6,
-  useId as useId6,
+  useState as useState8,
+  useId as useId7,
   useMemo as useMemo2,
-  useEffect as useEffect4,
-  useRef as useRef4
+  useEffect as useEffect7,
+  useRef as useRef5
 } from "react";
 
 // src/components/DropdownMenu/DropdownMenu.tsx
-import { SignOut, User } from "phosphor-react";
+import { CaretRight, SignOut, User } from "phosphor-react";
 import {
   forwardRef as forwardRef10,
-  useEffect as useEffect3,
-  useRef as useRef3,
+  useEffect as useEffect6,
+  useRef as useRef4,
   isValidElement as isValidElement3,
   Children as Children3,
   cloneElement as cloneElement3,
-  useState as useState5
+  useState as useState7
 } from "react";
 import { create as create4, useStore as useStore3 } from "zustand";
+
+// src/components/Modal/Modal.tsx
+import { useEffect as useEffect3, useId as useId6 } from "react";
+import { X as X2 } from "phosphor-react";
+
+// src/components/Modal/utils/videoUtils.ts
+var isYouTubeUrl = (url) => {
+  const youtubeRegex = /^(https?:\/\/)?((www|m|music)\.)?(youtube\.com|youtu\.be|youtube-nocookie\.com)\/.+/i;
+  return youtubeRegex.test(url);
+};
+var isValidYouTubeHost = (host) => {
+  if (host === "youtu.be") return "youtu.be";
+  const isValidYouTubeCom = host === "youtube.com" || host.endsWith(".youtube.com") && /^(www|m|music)\.youtube\.com$/.test(host);
+  if (isValidYouTubeCom) return "youtube";
+  const isValidNoCookie = host === "youtube-nocookie.com" || host.endsWith(".youtube-nocookie.com") && /^(www|m|music)\.youtube-nocookie\.com$/.test(host);
+  if (isValidNoCookie) return "nocookie";
+  return null;
+};
+var extractYoutuBeId = (pathname) => {
+  const firstSeg = pathname.split("/").filter(Boolean)[0];
+  return firstSeg || null;
+};
+var extractYouTubeId = (pathname, searchParams) => {
+  const parts = pathname.split("/").filter(Boolean);
+  const [first, second] = parts;
+  if (first === "embed" && second) return second;
+  if (first === "shorts" && second) return second;
+  if (first === "live" && second) return second;
+  const v = searchParams.get("v");
+  if (v) return v;
+  return null;
+};
+var getYouTubeVideoId = (url) => {
+  try {
+    const u = new URL(url);
+    const hostType = isValidYouTubeHost(u.hostname.toLowerCase());
+    if (!hostType) return null;
+    if (hostType === "youtu.be") {
+      return extractYoutuBeId(u.pathname);
+    }
+    return extractYouTubeId(u.pathname, u.searchParams);
+  } catch {
+    return null;
+  }
+};
+var getYouTubeEmbedUrl = (videoId) => {
+  return `https://www.youtube-nocookie.com/embed/${videoId}?autoplay=0&rel=0&modestbranding=1`;
+};
+
+// src/components/Modal/Modal.tsx
 import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+var SIZE_CLASSES7 = {
+  xs: "max-w-[360px]",
+  sm: "max-w-[420px]",
+  md: "max-w-[510px]",
+  lg: "max-w-[640px]",
+  xl: "max-w-[970px]"
+};
+var Modal = ({
+  isOpen,
+  onClose,
+  title,
+  children,
+  size = "md",
+  className = "",
+  closeOnEscape = true,
+  footer,
+  hideCloseButton = false,
+  variant = "default",
+  description,
+  image,
+  imageAlt,
+  actionLink,
+  actionLabel
+}) => {
+  const titleId = useId6();
+  useEffect3(() => {
+    if (!isOpen || !closeOnEscape) return;
+    const handleEscape = (event) => {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", handleEscape);
+    return () => document.removeEventListener("keydown", handleEscape);
+  }, [isOpen, closeOnEscape, onClose]);
+  useEffect3(() => {
+    const originalOverflow = document.body.style.overflow;
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = originalOverflow;
+    }
+    return () => {
+      document.body.style.overflow = originalOverflow;
+    };
+  }, [isOpen]);
+  if (!isOpen) return null;
+  const sizeClasses = SIZE_CLASSES7[size];
+  const baseClasses = "bg-secondary-50 rounded-3xl shadow-hard-shadow-2 border border-border-100 w-full mx-4";
+  const dialogResetClasses = "p-0 m-0 border-none outline-none max-h-none static";
+  const modalClasses = cn(
+    baseClasses,
+    sizeClasses,
+    dialogResetClasses,
+    className
+  );
+  const normalizeUrl = (href) => /^https?:\/\//i.test(href) ? href : `https://${href}`;
+  const handleActionClick = () => {
+    if (actionLink) {
+      window.open(normalizeUrl(actionLink), "_blank", "noopener,noreferrer");
+    }
+  };
+  if (variant === "activity") {
+    return /* @__PURE__ */ jsx18("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-xs border-none p-0 m-0 w-full cursor-default", children: /* @__PURE__ */ jsxs12(
+      "dialog",
+      {
+        className: modalClasses,
+        "aria-labelledby": titleId,
+        "aria-modal": "true",
+        open: true,
+        children: [
+          /* @__PURE__ */ jsx18("div", { className: "flex justify-end p-6 pb-0", children: !hideCloseButton && /* @__PURE__ */ jsx18(
+            "button",
+            {
+              onClick: onClose,
+              className: "p-1 text-text-500 hover:text-text-700 hover:bg-background-50 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-indicator-info focus:ring-offset-2",
+              "aria-label": "Fechar modal",
+              children: /* @__PURE__ */ jsx18(X2, { size: 18 })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center px-6 pb-6 gap-5", children: [
+            image && /* @__PURE__ */ jsx18("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx18(
+              "img",
+              {
+                src: image,
+                alt: imageAlt ?? "",
+                className: "w-[122px] h-[122px] object-contain"
+              }
+            ) }),
+            /* @__PURE__ */ jsx18(
+              "h2",
+              {
+                id: titleId,
+                className: "text-lg font-semibold text-text-950 text-center",
+                children: title
+              }
+            ),
+            description && /* @__PURE__ */ jsx18("p", { className: "text-sm font-normal text-text-400 text-center max-w-md leading-[21px]", children: description }),
+            actionLink && /* @__PURE__ */ jsxs12("div", { className: "w-full", children: [
+              (() => {
+                const normalized = normalizeUrl(actionLink);
+                const isYT = isYouTubeUrl(normalized);
+                if (!isYT) return null;
+                const id = getYouTubeVideoId(normalized);
+                if (!id) {
+                  return /* @__PURE__ */ jsx18(
+                    Button_default,
+                    {
+                      variant: "solid",
+                      action: "primary",
+                      size: "large",
+                      className: "w-full",
+                      onClick: handleActionClick,
+                      children: actionLabel || "Iniciar Atividade"
+                    }
+                  );
+                }
+                return /* @__PURE__ */ jsx18(
+                  "iframe",
+                  {
+                    src: getYouTubeEmbedUrl(id),
+                    className: "w-full aspect-video rounded-lg",
+                    allowFullScreen: true,
+                    allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+                    title: "V\xEDdeo YouTube"
+                  }
+                );
+              })(),
+              !isYouTubeUrl(normalizeUrl(actionLink)) && /* @__PURE__ */ jsx18(
+                Button_default,
+                {
+                  variant: "solid",
+                  action: "primary",
+                  size: "large",
+                  className: "w-full",
+                  onClick: handleActionClick,
+                  children: actionLabel || "Iniciar Atividade"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx18("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-xs border-none p-0 m-0 w-full cursor-default", children: /* @__PURE__ */ jsxs12(
+    "dialog",
+    {
+      className: modalClasses,
+      "aria-labelledby": titleId,
+      "aria-modal": "true",
+      open: true,
+      children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between px-6 py-6", children: [
+          /* @__PURE__ */ jsx18("h2", { id: titleId, className: "text-lg font-semibold text-text-950", children: title }),
+          !hideCloseButton && /* @__PURE__ */ jsx18(
+            "button",
+            {
+              onClick: onClose,
+              className: "p-1 text-text-500 hover:text-text-700 hover:bg-background-50 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-indicator-info focus:ring-offset-2",
+              "aria-label": "Fechar modal",
+              children: /* @__PURE__ */ jsx18(X2, { size: 18 })
+            }
+          )
+        ] }),
+        children && /* @__PURE__ */ jsx18("div", { className: "px-6 pb-6", children: /* @__PURE__ */ jsx18("div", { className: "text-text-500 font-normal text-sm leading-6", children }) }),
+        footer && /* @__PURE__ */ jsx18("div", { className: "flex justify-end gap-3 px-6 pb-6", children: footer })
+      ]
+    }
+  ) });
+};
+var Modal_default = Modal;
+
+// src/components/ThemeToggle/ThemeToggle.tsx
+import { Moon, Sun } from "phosphor-react";
+import { useState as useState6, useEffect as useEffect5 } from "react";
+
+// src/hooks/useTheme.ts
+import { useEffect as useEffect4, useState as useState5, useCallback, useRef as useRef3 } from "react";
+var useTheme = () => {
+  const [themeMode, setThemeMode] = useState5("system");
+  const [isDark, setIsDark] = useState5(false);
+  const themeModeRef = useRef3("system");
+  const applyTheme = useCallback((mode) => {
+    const htmlElement = document.documentElement;
+    const originalTheme = htmlElement.getAttribute("data-original-theme");
+    if (mode === "dark") {
+      htmlElement.setAttribute("data-theme", "dark");
+      setIsDark(true);
+    } else if (mode === "light") {
+      if (originalTheme) {
+        htmlElement.setAttribute("data-theme", originalTheme);
+      }
+      setIsDark(false);
+    } else if (mode === "system") {
+      const isSystemDark = window.matchMedia(
+        "(prefers-color-scheme: dark)"
+      ).matches;
+      if (isSystemDark) {
+        htmlElement.setAttribute("data-theme", "dark");
+        setIsDark(true);
+      } else if (originalTheme) {
+        htmlElement.setAttribute("data-theme", originalTheme);
+        setIsDark(false);
+      }
+    }
+  }, []);
+  const toggleTheme = useCallback(() => {
+    let newMode;
+    if (themeMode === "light") {
+      newMode = "dark";
+    } else if (themeMode === "dark") {
+      newMode = "light";
+    } else {
+      newMode = "dark";
+    }
+    setThemeMode(newMode);
+    themeModeRef.current = newMode;
+    applyTheme(newMode);
+    localStorage.setItem("theme-mode", newMode);
+  }, [themeMode, applyTheme]);
+  const setTheme = useCallback(
+    (mode) => {
+      setThemeMode(mode);
+      themeModeRef.current = mode;
+      applyTheme(mode);
+      localStorage.setItem("theme-mode", mode);
+    },
+    [applyTheme]
+  );
+  useEffect4(() => {
+    const htmlElement = document.documentElement;
+    const currentTheme = htmlElement.getAttribute("data-theme");
+    if (currentTheme && !htmlElement.getAttribute("data-original-theme")) {
+      htmlElement.setAttribute("data-original-theme", currentTheme);
+    }
+    const savedThemeMode = localStorage.getItem("theme-mode");
+    const initialMode = savedThemeMode || "system";
+    if (!savedThemeMode) {
+      localStorage.setItem("theme-mode", "system");
+    }
+    setThemeMode(initialMode);
+    themeModeRef.current = initialMode;
+    applyTheme(initialMode);
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleSystemThemeChange = () => {
+      if (themeModeRef.current === "system") {
+        applyTheme("system");
+      }
+    };
+    mediaQuery.addEventListener("change", handleSystemThemeChange);
+    return () => {
+      mediaQuery.removeEventListener("change", handleSystemThemeChange);
+    };
+  }, [applyTheme]);
+  return {
+    themeMode,
+    isDark,
+    toggleTheme,
+    setTheme
+  };
+};
+
+// src/components/ThemeToggle/ThemeToggle.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var ThemeToggle = ({
+  variant = "default",
+  onToggle
+}) => {
+  const { themeMode, setTheme } = useTheme();
+  const [tempTheme, setTempTheme] = useState6(themeMode);
+  useEffect5(() => {
+    setTempTheme(themeMode);
+  }, [themeMode]);
+  const problemTypes = [
+    {
+      id: "light",
+      title: "Claro",
+      icon: /* @__PURE__ */ jsx19(Sun, { size: 24 })
+    },
+    {
+      id: "dark",
+      title: "Escuro",
+      icon: /* @__PURE__ */ jsx19(Moon, { size: 24 })
+    },
+    {
+      id: "system",
+      title: "Sistema",
+      icon: /* @__PURE__ */ jsx19(
+        "svg",
+        {
+          width: "25",
+          height: "25",
+          viewBox: "0 0 25 25",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ jsx19(
+            "path",
+            {
+              d: "M12.5 2.75C15.085 2.75276 17.5637 3.78054 19.3916 5.6084C21.2195 7.43628 22.2473 9.915 22.25 12.5C22.25 14.4284 21.6778 16.3136 20.6064 17.917C19.5352 19.5201 18.0128 20.7699 16.2314 21.5078C14.4499 22.2458 12.489 22.4387 10.5977 22.0625C8.70642 21.6863 6.96899 20.758 5.60547 19.3945C4.24197 18.031 3.31374 16.2936 2.9375 14.4023C2.56129 12.511 2.75423 10.5501 3.49219 8.76855C4.23012 6.98718 5.47982 5.46483 7.08301 4.39355C8.68639 3.32221 10.5716 2.75 12.5 2.75ZM11.75 4.28516C9.70145 4.47452 7.7973 5.42115 6.41016 6.94043C5.02299 8.4599 4.25247 10.4426 4.25 12.5C4.25247 14.5574 5.02299 16.5401 6.41016 18.0596C7.7973 19.5789 9.70145 20.5255 11.75 20.7148V4.28516Z",
+              fill: "#525252"
+            }
+          )
+        }
+      )
+    }
+  ];
+  const handleThemeSelect = (selectedTheme) => {
+    if (variant === "with-save") {
+      setTempTheme(selectedTheme);
+    } else {
+      setTheme(selectedTheme);
+    }
+    if (onToggle) {
+      onToggle(selectedTheme);
+    }
+  };
+  const currentTheme = variant === "with-save" ? tempTheme : themeMode;
+  return /* @__PURE__ */ jsx19("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ jsx19(
+    SelectionButton_default,
+    {
+      icon: type.icon,
+      label: type.title,
+      selected: currentTheme === type.id,
+      onClick: () => handleThemeSelect(type.id),
+      className: "w-full p-2 sm:p-4"
+    },
+    type.id
+  )) });
+};
+
+// src/components/DropdownMenu/DropdownMenu.tsx
+import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 function createDropdownStore() {
   return create4((set) => ({
     open: false,
@@ -1843,14 +2226,14 @@ var DropdownMenu = ({
   open: propOpen,
   onOpenChange
 }) => {
-  const storeRef = useRef3(null);
+  const storeRef = useRef4(null);
   storeRef.current ??= createDropdownStore();
   const store = storeRef.current;
   const { open, setOpen: storeSetOpen } = useStore3(store, (s) => s);
   const setOpen = (newOpen) => {
     storeSetOpen(newOpen);
   };
-  const menuRef = useRef3(null);
+  const menuRef = useRef4(null);
   const handleArrowDownOrArrowUp = (event) => {
     const menuContent = menuRef.current?.querySelector('[role="menu"]');
     if (menuContent) {
@@ -1884,7 +2267,7 @@ var DropdownMenu = ({
       setOpen(false);
     }
   };
-  useEffect3(() => {
+  useEffect6(() => {
     if (open) {
       document.addEventListener("mousedown", handleClickOutside);
       document.addEventListener("keydown", handleDownkey);
@@ -1894,16 +2277,16 @@ var DropdownMenu = ({
       document.removeEventListener("keydown", handleDownkey);
     };
   }, [open]);
-  useEffect3(() => {
+  useEffect6(() => {
     setOpen(open);
     onOpenChange?.(open);
   }, [open, onOpenChange]);
-  useEffect3(() => {
+  useEffect6(() => {
     if (propOpen) {
       setOpen(propOpen);
     }
   }, [propOpen]);
-  return /* @__PURE__ */ jsx18("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
+  return /* @__PURE__ */ jsx20("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
 };
 var DropdownMenuTrigger = ({
   className,
@@ -1915,7 +2298,7 @@ var DropdownMenuTrigger = ({
   const store = useDropdownStore(externalStore);
   const open = useStore3(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx20(
     "button",
     {
       onClick: (e) => {
@@ -1951,7 +2334,7 @@ var MENUCONTENT_VARIANT_CLASSES = {
   profile: "p-6"
 };
 var MenuLabel = forwardRef10(({ className, inset, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       ref,
@@ -1974,8 +2357,8 @@ var DropdownMenuContent = forwardRef10(
   }, ref) => {
     const store = useDropdownStore(externalStore);
     const open = useStore3(store, (s) => s.open);
-    const [isVisible, setIsVisible] = useState5(open);
-    useEffect3(() => {
+    const [isVisible, setIsVisible] = useState7(open);
+    useEffect6(() => {
       if (open) {
         setIsVisible(true);
       } else {
@@ -1990,7 +2373,7 @@ var DropdownMenuContent = forwardRef10(
       return `absolute ${vertical} ${horizontal}`;
     };
     const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx20(
       "div",
       {
         ref,
@@ -2049,7 +2432,7 @@ var DropdownMenuItem = forwardRef10(
     const getVariantProps = () => {
       return variant === "profile" ? { "data-variant": "profile" } : {};
     };
-    return /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsxs13(
       "div",
       {
         ref,
@@ -2071,7 +2454,7 @@ var DropdownMenuItem = forwardRef10(
         ...props,
         children: [
           iconLeft,
-          /* @__PURE__ */ jsx18("span", { className: "w-full text-md", children }),
+          /* @__PURE__ */ jsx20("div", { className: "w-full", children }),
           iconRight
         ]
       }
@@ -2079,7 +2462,7 @@ var DropdownMenuItem = forwardRef10(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = forwardRef10(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ jsx18(
+var DropdownMenuSeparator = forwardRef10(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ jsx20(
   "div",
   {
     ref,
@@ -2092,7 +2475,7 @@ var ProfileMenuTrigger = forwardRef10(({ className, onClick, store: externalStor
   const store = useDropdownStore(externalStore);
   const open = useStore3(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx20(
     "button",
     {
       ref,
@@ -2107,13 +2490,13 @@ var ProfileMenuTrigger = forwardRef10(({ className, onClick, store: externalStor
       },
       "aria-expanded": open,
       ...props,
-      children: /* @__PURE__ */ jsx18("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ jsx18(User, { className: "text-primary-950", size: 18 }) })
+      children: /* @__PURE__ */ jsx20("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ jsx20(User, { className: "text-primary-950", size: 18 }) })
     }
   );
 });
 ProfileMenuTrigger.displayName = "ProfileMenuTrigger";
 var ProfileMenuHeader = forwardRef10(({ className, name, email, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       ref,
@@ -2121,18 +2504,98 @@ var ProfileMenuHeader = forwardRef10(({ className, name, email, store: _store, .
       className: cn("flex flex-row gap-4 items-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx18("span", { className: "size-16 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx18(User, { size: 34, className: "text-primary-950" }) }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex flex-col ", children: [
-          /* @__PURE__ */ jsx18("p", { className: "text-xl font-bold text-text-950", children: name }),
-          /* @__PURE__ */ jsx18("p", { className: "text-md text-text-600", children: email })
+        /* @__PURE__ */ jsx20("span", { className: "size-16 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx20(User, { size: 34, className: "text-primary-950" }) }),
+        /* @__PURE__ */ jsxs13("div", { className: "flex flex-col ", children: [
+          /* @__PURE__ */ jsx20(Text_default, { size: "xl", weight: "bold", color: "text-text-950", children: name }),
+          /* @__PURE__ */ jsx20(Text_default, { size: "md", color: "text-text-600", children: email })
         ] })
       ]
     }
   );
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
+var ProfileToggleTheme = ({ ...props }) => {
+  const { themeMode, setTheme } = useTheme();
+  const [modalThemeToggle, setModalThemeToggle] = useState7(false);
+  const [selectedTheme, setSelectedTheme] = useState7(themeMode);
+  const handleClick = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setModalThemeToggle(true);
+  };
+  const handleSave = () => {
+    setTheme(selectedTheme);
+    setModalThemeToggle(false);
+  };
+  return /* @__PURE__ */ jsxs13(Fragment2, { children: [
+    /* @__PURE__ */ jsxs13(
+      "div",
+      {
+        role: "menuitem",
+        "data-variant": "profile",
+        className: "relative flex flex-row justify-between select-none items-center gap-2 rounded-sm p-4 text-sm outline-none transition-colors [&>svg]:size-6 [&>svg]:shrink-0 cursor-pointer hover:bg-background-50 text-text-700 focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground",
+        onClick: handleClick,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            e.stopPropagation();
+            setModalThemeToggle(true);
+          }
+        },
+        tabIndex: 0,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx20(
+            "svg",
+            {
+              width: "25",
+              height: "25",
+              viewBox: "0 0 25 25",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: /* @__PURE__ */ jsx20(
+                "path",
+                {
+                  d: "M12.5 2.75C15.085 2.75276 17.5637 3.78054 19.3916 5.6084C21.2195 7.43628 22.2473 9.915 22.25 12.5C22.25 14.4284 21.6778 16.3136 20.6064 17.917C19.5352 19.5201 18.0128 20.7699 16.2314 21.5078C14.4499 22.2458 12.489 22.4387 10.5977 22.0625C8.70642 21.6863 6.96899 20.758 5.60547 19.3945C4.24197 18.031 3.31374 16.2936 2.9375 14.4023C2.56129 12.511 2.75423 10.5501 3.49219 8.76855C4.23012 6.98718 5.47982 5.46483 7.08301 4.39355C8.68639 3.32221 10.5716 2.75 12.5 2.75ZM11.75 4.28516C9.70145 4.47452 7.7973 5.42115 6.41016 6.94043C5.02299 8.4599 4.25247 10.4426 4.25 12.5C4.25247 14.5574 5.02299 16.5401 6.41016 18.0596C7.7973 19.5789 9.70145 20.5255 11.75 20.7148V4.28516Z",
+                  fill: "#525252"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx20(Text_default, { className: "w-full", size: "md", children: "Apar\xEAncia" }),
+          /* @__PURE__ */ jsx20(CaretRight, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx20(
+      Modal_default,
+      {
+        isOpen: modalThemeToggle,
+        onClose: () => setModalThemeToggle(false),
+        title: "Apar\xEAncia",
+        size: "md",
+        footer: /* @__PURE__ */ jsxs13("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsx20(
+            Button_default,
+            {
+              variant: "outline",
+              onClick: () => setModalThemeToggle(false),
+              children: "Cancelar"
+            }
+          ),
+          /* @__PURE__ */ jsx20(Button_default, { variant: "solid", onClick: () => handleSave(), children: "Salvar" })
+        ] }),
+        children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx20("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
+          /* @__PURE__ */ jsx20(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
+        ] })
+      }
+    )
+  ] });
+};
+ProfileToggleTheme.displayName = "ProfileToggleTheme";
 var ProfileMenuSection = forwardRef10(({ className, children, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsx18("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
+  return /* @__PURE__ */ jsx20("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
 });
 ProfileMenuSection.displayName = "ProfileMenuSection";
 var ProfileMenuFooter = ({
@@ -2144,7 +2607,7 @@ var ProfileMenuFooter = ({
 }) => {
   const store = useDropdownStore(externalStore);
   const setOpen = useStore3(store, (s) => s.setOpen);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     Button_default,
     {
       variant: "outline",
@@ -2156,8 +2619,8 @@ var ProfileMenuFooter = ({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx18("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx18(SignOut, {}) }),
-        /* @__PURE__ */ jsx18("span", { children: "Sair" })
+        /* @__PURE__ */ jsx20("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx20(SignOut, {}) }),
+        /* @__PURE__ */ jsx20(Text_default, { children: "Sair" })
       ]
     }
   );
@@ -2166,7 +2629,7 @@ ProfileMenuFooter.displayName = "ProfileMenuFooter";
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/Search/Search.tsx
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 var filterOptions = (options, query) => {
   if (!query || query.length < 1) return [];
   return options.filter(
@@ -2211,9 +2674,9 @@ var Search = forwardRef11(
     placeholder = "Buscar...",
     ...props
   }, ref) => {
-    const [dropdownOpen, setDropdownOpen] = useState6(false);
-    const dropdownStore = useRef4(createDropdownStore()).current;
-    const dropdownRef = useRef4(null);
+    const [dropdownOpen, setDropdownOpen] = useState8(false);
+    const dropdownStore = useRef5(createDropdownStore()).current;
+    const dropdownRef = useRef5(null);
     const filteredOptions = useMemo2(() => {
       if (!options.length) {
         return [];
@@ -2222,7 +2685,7 @@ var Search = forwardRef11(
       return filtered;
     }, [options, value]);
     const showDropdown = controlledShowDropdown ?? (dropdownOpen && value && String(value).length > 0);
-    useEffect4(() => {
+    useEffect7(() => {
       const shouldShow = Boolean(value && String(value).length > 0);
       setDropdownOpen(shouldShow);
       dropdownStore.setState({ open: shouldShow });
@@ -2234,7 +2697,7 @@ var Search = forwardRef11(
       dropdownStore.setState({ open: false });
       updateInputValue(option, ref, onChange);
     };
-    useEffect4(() => {
+    useEffect7(() => {
       const handleClickOutside = (event) => {
         if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
           setDropdownOpen(false);
@@ -2248,7 +2711,7 @@ var Search = forwardRef11(
         document.removeEventListener("mousedown", handleClickOutside);
       };
     }, [showDropdown, dropdownStore]);
-    const generatedId = useId6();
+    const generatedId = useId7();
     const inputId = id ?? `search-${generatedId}`;
     const handleClear = () => {
       if (onClear) {
@@ -2277,24 +2740,24 @@ var Search = forwardRef11(
       return "hover:border-border-400";
     };
     const showClearButton = value && !disabled && !readOnly;
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs14(
       "div",
       {
         ref: dropdownRef,
         className: `w-full max-w-lg md:w-[488px] ${containerClassName}`,
         children: [
-          /* @__PURE__ */ jsxs13("div", { className: "relative flex items-center", children: [
-            /* @__PURE__ */ jsx19("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsxs14("div", { className: "relative flex items-center", children: [
+            /* @__PURE__ */ jsx21("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx21(
               "button",
               {
                 type: "button",
                 className: "w-6 h-6 text-text-800 flex items-center justify-center bg-transparent border-0 p-0 cursor-pointer hover:text-text-600 transition-colors",
                 onClick: handleLeftIconClick,
                 "aria-label": "Voltar",
-                children: /* @__PURE__ */ jsx19(CaretLeft, {})
+                children: /* @__PURE__ */ jsx21(CaretLeft, {})
               }
             ) }),
-            /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx21(
               "input",
               {
                 ref,
@@ -2312,24 +2775,24 @@ var Search = forwardRef11(
                 ...props
               }
             ),
-            showClearButton && /* @__PURE__ */ jsx19("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx19(
+            showClearButton && /* @__PURE__ */ jsx21("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx21(
               "button",
               {
                 type: "button",
                 className: "p-0 border-0 bg-transparent cursor-pointer",
                 onMouseDown: handleClearClick,
                 "aria-label": "Limpar busca",
-                children: /* @__PURE__ */ jsx19("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ jsx19(X2, {}) })
+                children: /* @__PURE__ */ jsx21("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ jsx21(X3, {}) })
               }
             ) })
           ] }),
-          showDropdown && /* @__PURE__ */ jsx19(DropdownMenu_default, { open: showDropdown, onOpenChange: setDropdownOpen, children: /* @__PURE__ */ jsx19(
+          showDropdown && /* @__PURE__ */ jsx21(DropdownMenu_default, { open: showDropdown, onOpenChange: setDropdownOpen, children: /* @__PURE__ */ jsx21(
             DropdownMenuContent,
             {
               className: "w-full mt-1",
               style: { maxHeight: dropdownMaxHeight },
               align: "start",
-              children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsx19(
+              children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsx21(
                 DropdownMenuItem,
                 {
                   onClick: () => handleSelectOption(option),
@@ -2337,7 +2800,7 @@ var Search = forwardRef11(
                   children: option
                 },
                 option
-              )) : /* @__PURE__ */ jsx19("div", { className: "px-3 py-3 text-text-700 text-base", children: noResultsText })
+              )) : /* @__PURE__ */ jsx21("div", { className: "px-3 py-3 text-text-700 text-base", children: noResultsText })
             }
           ) })
         ]
@@ -2350,7 +2813,7 @@ var Search_default = Search;
 
 // src/components/Chips/Chips.tsx
 import { Check as Check2 } from "phosphor-react";
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 var STATE_CLASSES5 = {
   default: "bg-background text-text-950 border border-border-100 hover:bg-secondary-50 hover:border-border-300",
   selected: "bg-info-background text-primary-950 border-2 border-primary-950 hover:bg-secondary-50 focus-visible:border-0"
@@ -2365,7 +2828,7 @@ var Chips = ({
 }) => {
   const stateClasses = selected ? STATE_CLASSES5.selected : STATE_CLASSES5.default;
   const baseClasses = "inline-flex items-center justify-center rounded-full cursor-pointer font-normal text-sm px-4 py-2 gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-primary-600 disabled:opacity-40 disabled:cursor-not-allowed";
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "button",
     {
       className: cn(baseClasses, stateClasses, className),
@@ -2373,8 +2836,8 @@ var Chips = ({
       type,
       ...props,
       children: [
-        selected && /* @__PURE__ */ jsx20("span", { className: `flex items-center`, children: /* @__PURE__ */ jsx20(Check2, { weight: "bold", size: 16 }) }),
-        /* @__PURE__ */ jsx20("span", { className: "flex-1", children })
+        selected && /* @__PURE__ */ jsx22("span", { className: `flex items-center`, children: /* @__PURE__ */ jsx22(Check2, { weight: "bold", size: 16 }) }),
+        /* @__PURE__ */ jsx22("span", { className: "flex-1", children })
       ]
     }
   );
@@ -2382,8 +2845,8 @@ var Chips = ({
 var Chips_default = Chips;
 
 // src/components/ProgressBar/ProgressBar.tsx
-import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
-var SIZE_CLASSES7 = {
+import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+var SIZE_CLASSES8 = {
   small: {
     container: "h-1",
     // 4px height (h-1 = 4px in Tailwind)
@@ -2494,20 +2957,20 @@ var renderStackedHitCountDisplay = (showHitCount, showPercentage, clampedValue,
     max,
     percentage
   );
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       className: cn(
         "text-xs font-medium leading-[14px] text-right",
         percentageClassName
       ),
-      children: displayPriority.type === "hitCount" ? /* @__PURE__ */ jsxs15(Fragment2, { children: [
-        /* @__PURE__ */ jsx21("span", { className: "text-success-200", children: Math.round(clampedValue) }),
-        /* @__PURE__ */ jsxs15("span", { className: "text-text-600", children: [
+      children: displayPriority.type === "hitCount" ? /* @__PURE__ */ jsxs16(Fragment3, { children: [
+        /* @__PURE__ */ jsx23("span", { className: "text-success-200", children: Math.round(clampedValue) }),
+        /* @__PURE__ */ jsxs16("span", { className: "text-text-600", children: [
           " de ",
           max
         ] })
-      ] }) : /* @__PURE__ */ jsxs15(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
+      ] }) : /* @__PURE__ */ jsxs16(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
         Math.round(percentage),
         "%"
       ] })
@@ -2522,7 +2985,7 @@ var ProgressBarBase = ({
   variantClasses,
   containerClassName,
   fillClassName
-}) => /* @__PURE__ */ jsxs15(
+}) => /* @__PURE__ */ jsxs16(
   "div",
   {
     className: cn(
@@ -2531,7 +2994,7 @@ var ProgressBarBase = ({
       "overflow-hidden relative"
     ),
     children: [
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx23(
         "progress",
         {
           value: clampedValue,
@@ -2540,7 +3003,7 @@ var ProgressBarBase = ({
           className: "absolute inset-0 w-full h-full opacity-0"
         }
       ),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx23(
         "div",
         {
           className: cn(
@@ -2566,7 +3029,7 @@ var StackedLayout = ({
   percentage,
   variantClasses,
   dimensions
-}) => /* @__PURE__ */ jsxs15(
+}) => /* @__PURE__ */ jsxs16(
   "div",
   {
     className: cn(
@@ -2576,8 +3039,8 @@ var StackedLayout = ({
       className
     ),
     children: [
-      shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsxs15("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
-        label && /* @__PURE__ */ jsx21(
+      shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsxs16("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
+        label && /* @__PURE__ */ jsx23(
           Text_default,
           {
             as: "div",
@@ -2596,7 +3059,7 @@ var StackedLayout = ({
           percentageClassName
         )
       ] }),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx23(
         ProgressBarBase,
         {
           clampedValue,
@@ -2638,7 +3101,7 @@ var CompactLayout = ({
     percentageClassName,
     labelClassName
   });
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       className: cn(
@@ -2648,7 +3111,7 @@ var CompactLayout = ({
         className
       ),
       children: [
-        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsx21(
+        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsx23(
           Text_default,
           {
             as: "div",
@@ -2659,7 +3122,7 @@ var CompactLayout = ({
             children: content
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx23(
           ProgressBarBase,
           {
             clampedValue,
@@ -2695,9 +3158,9 @@ var DefaultLayout = ({
     label,
     showPercentage
   );
-  return /* @__PURE__ */ jsxs15("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
-    displayConfig.showHeader && /* @__PURE__ */ jsxs15("div", { className: "flex flex-row items-center justify-between w-full", children: [
-      label && /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs16("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
+    displayConfig.showHeader && /* @__PURE__ */ jsxs16("div", { className: "flex flex-row items-center justify-between w-full", children: [
+      label && /* @__PURE__ */ jsx23(
         Text_default,
         {
           as: "div",
@@ -2710,7 +3173,7 @@ var DefaultLayout = ({
           children: label
         }
       ),
-      showPercentage && /* @__PURE__ */ jsxs15(
+      showPercentage && /* @__PURE__ */ jsxs16(
         Text_default,
         {
           size: "xs",
@@ -2726,7 +3189,7 @@ var DefaultLayout = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx23(
       ProgressBarBase,
       {
         clampedValue,
@@ -2746,7 +3209,7 @@ var DefaultLayout = ({
         )
       }
     ),
-    displayConfig.showPercentage && /* @__PURE__ */ jsxs15(
+    displayConfig.showPercentage && /* @__PURE__ */ jsxs16(
       Text_default,
       {
         size: "xs",
@@ -2761,7 +3224,7 @@ var DefaultLayout = ({
         ]
       }
     ),
-    displayConfig.showLabel && /* @__PURE__ */ jsx21(
+    displayConfig.showLabel && /* @__PURE__ */ jsx23(
       Text_default,
       {
         as: "div",
@@ -2794,10 +3257,10 @@ var ProgressBar = ({
   compactHeight
 }) => {
   const { clampedValue, percentage } = calculateProgressValues(value, max);
-  const sizeClasses = SIZE_CLASSES7[size];
+  const sizeClasses = SIZE_CLASSES8[size];
   const variantClasses = VARIANT_CLASSES2[variant];
   if (layout === "stacked") {
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx23(
       StackedLayout,
       {
         className,
@@ -2818,7 +3281,7 @@ var ProgressBar = ({
     );
   }
   if (layout === "compact") {
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx23(
       CompactLayout,
       {
         className,
@@ -2838,7 +3301,7 @@ var ProgressBar = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     DefaultLayout,
     {
       className,
@@ -2858,8 +3321,8 @@ var ProgressBar = ({
 var ProgressBar_default = ProgressBar;
 
 // src/components/ProgressCircle/ProgressCircle.tsx
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
-var SIZE_CLASSES8 = {
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+var SIZE_CLASSES9 = {
   small: {
     container: "w-[90px] h-[90px]",
     // 90px circle from design specs
@@ -2933,14 +3396,14 @@ var ProgressCircle = ({
   const safeValue = isNaN(value) ? 0 : value;
   const clampedValue = Math.max(0, Math.min(safeValue, max));
   const percentage = max === 0 ? 0 : clampedValue / max * 100;
-  const sizeClasses = SIZE_CLASSES8[size];
+  const sizeClasses = SIZE_CLASSES9[size];
   const variantClasses = VARIANT_CLASSES3[variant];
   const radius = size === "small" ? 37 : 64;
   const circumference = 2 * Math.PI * radius;
   const strokeDashoffset = circumference - percentage / 100 * circumference;
   const center = size === "small" ? 45 : 76;
   const svgSize = size === "small" ? 90 : 152;
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: cn(
@@ -2950,7 +3413,7 @@ var ProgressCircle = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsxs17(
           "svg",
           {
             className: "absolute inset-0 transform -rotate-90",
@@ -2959,7 +3422,7 @@ var ProgressCircle = ({
             viewBox: `0 0 ${svgSize} ${svgSize}`,
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx24(
                 "circle",
                 {
                   cx: center,
@@ -2970,7 +3433,7 @@ var ProgressCircle = ({
                   className: cn(variantClasses.background, "rounded-lg")
                 }
               ),
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx24(
                 "circle",
                 {
                   cx: center,
@@ -2990,7 +3453,7 @@ var ProgressCircle = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24(
           "progress",
           {
             value: clampedValue,
@@ -2999,7 +3462,7 @@ var ProgressCircle = ({
             className: "absolute opacity-0 w-0 h-0"
           }
         ),
-        /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsxs17(
           "div",
           {
             className: cn(
@@ -3008,7 +3471,7 @@ var ProgressCircle = ({
               sizeClasses.contentWidth
             ),
             children: [
-              showPercentage && /* @__PURE__ */ jsxs16(
+              showPercentage && /* @__PURE__ */ jsxs17(
                 Text_default,
                 {
                   size: sizeClasses.textSize,
@@ -3024,7 +3487,7 @@ var ProgressCircle = ({
                   ]
                 }
               ),
-              label && /* @__PURE__ */ jsx22(
+              label && /* @__PURE__ */ jsx24(
                 Text_default,
                 {
                   as: "span",
@@ -3049,8 +3512,8 @@ var ProgressCircle_default = ProgressCircle;
 
 // src/components/Stepper/Stepper.tsx
 import { Check as Check3 } from "phosphor-react";
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
-var SIZE_CLASSES9 = {
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+var SIZE_CLASSES10 = {
   small: {
     container: "gap-2",
     // 8px gap as specified in CSS
@@ -3176,7 +3639,7 @@ var Step = ({
     }
     return `${step.label}${suffix}`;
   };
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       className: `
@@ -3189,7 +3652,7 @@ var Step = ({
         overflow-visible
       `,
       children: [
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx25(
           "div",
           {
             className: `
@@ -3198,7 +3661,7 @@ var Step = ({
         `
           }
         ),
-        /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsxs18(
           "div",
           {
             className: `
@@ -3208,7 +3671,7 @@ var Step = ({
           overflow-visible
         `,
             children: [
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx25(
                 "div",
                 {
                   className: `
@@ -3218,7 +3681,7 @@ var Step = ({
             w-4 h-4 sm:w-5 sm:h-5 md:w-5 md:h-5 lg:w-6 lg:h-6
           `,
                   "aria-label": getAriaLabel(),
-                  children: isCompleted ? /* @__PURE__ */ jsx23(
+                  children: isCompleted ? /* @__PURE__ */ jsx25(
                     Check3,
                     {
                       weight: "bold",
@@ -3227,7 +3690,7 @@ var Step = ({
                 w-2.5 h-2.5 sm:w-3 sm:h-3 md:w-3 md:h-3 lg:w-3.5 lg:h-3.5
               `
                     }
-                  ) : /* @__PURE__ */ jsx23(
+                  ) : /* @__PURE__ */ jsx25(
                     Text_default,
                     {
                       size: sizeClasses.indicatorTextSize,
@@ -3242,7 +3705,7 @@ var Step = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx25(
                 Text_default,
                 {
                   size: sizeClasses.labelTextSize,
@@ -3292,9 +3755,9 @@ var Stepper = ({
   progressText,
   responsive = true
 }) => {
-  const sizeClasses = SIZE_CLASSES9[size];
+  const sizeClasses = SIZE_CLASSES10[size];
   const steps = currentStep !== void 0 ? calculateStepStates(initialSteps, currentStep) : initialSteps;
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "fieldset",
     {
       className: cn(
@@ -3303,8 +3766,8 @@ var Stepper = ({
         "border-0 p-0 m-0"
       ),
       children: [
-        /* @__PURE__ */ jsx23("legend", { className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children: "Stepper de formul\xE1rio" }),
-        showProgress && currentStep !== void 0 && /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx25("legend", { className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children: "Stepper de formul\xE1rio" }),
+        showProgress && currentStep !== void 0 && /* @__PURE__ */ jsx25(
           Text_default,
           {
             size: "sm",
@@ -3313,7 +3776,7 @@ var Stepper = ({
             children: getProgressText(currentStep, steps.length, progressText)
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx25(
           "div",
           {
             className: cn(
@@ -3326,7 +3789,7 @@ var Stepper = ({
             "aria-label": "Progress steps",
             children: steps.map((step, index) => {
               const stateClasses = STATE_CLASSES6[step.state];
-              return /* @__PURE__ */ jsx23(
+              return /* @__PURE__ */ jsx25(
                 Step,
                 {
                   step,
@@ -3350,12 +3813,12 @@ var Stepper_default = Stepper;
 
 // src/components/Calendar/Calendar.tsx
 import {
-  useState as useState7,
+  useState as useState9,
   useMemo as useMemo3,
-  useEffect as useEffect5,
-  useRef as useRef5
+  useEffect as useEffect8,
+  useRef as useRef6
 } from "react";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var WEEK_DAYS = ["SEG", "TER", "QUA", "QUI", "SEX", "S\xC1B", "DOM"];
 var WEEK_DAYS_SHORT = ["S", "T", "Q", "Q", "S", "S", "D"];
 var MONTH_NAMES = [
@@ -3378,15 +3841,15 @@ var MonthYearPicker = ({
   currentDate,
   onYearChange,
   onMonthChange
-}) => /* @__PURE__ */ jsxs18(
+}) => /* @__PURE__ */ jsxs19(
   "div",
   {
     ref: monthPickerRef,
     className: "absolute top-full left-0 z-50 mt-1 bg-white rounded-lg shadow-lg border border-border-200 p-4 min-w-[280px]",
     children: [
-      /* @__PURE__ */ jsxs18("div", { className: "mb-4", children: [
-        /* @__PURE__ */ jsx24("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
-        /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsxs19("div", { className: "mb-4", children: [
+        /* @__PURE__ */ jsx26("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
+        /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ jsx26(
           "button",
           {
             onClick: () => onYearChange(year),
@@ -3399,9 +3862,9 @@ var MonthYearPicker = ({
           year
         )) })
       ] }),
-      /* @__PURE__ */ jsxs18("div", { children: [
-        /* @__PURE__ */ jsx24("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
-        /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsxs19("div", { children: [
+        /* @__PURE__ */ jsx26("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
+        /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ jsx26(
           "button",
           {
             onClick: () => onMonthChange(index, currentDate.getFullYear()),
@@ -3454,11 +3917,11 @@ var Calendar = ({
   showActivities = true,
   className = ""
 }) => {
-  const [currentDate, setCurrentDate] = useState7(selectedDate || /* @__PURE__ */ new Date());
-  const [isMonthPickerOpen, setIsMonthPickerOpen] = useState7(false);
-  const monthPickerRef = useRef5(null);
-  const monthPickerContainerRef = useRef5(null);
-  useEffect5(() => {
+  const [currentDate, setCurrentDate] = useState9(selectedDate || /* @__PURE__ */ new Date());
+  const [isMonthPickerOpen, setIsMonthPickerOpen] = useState9(false);
+  const monthPickerRef = useRef6(null);
+  const monthPickerContainerRef = useRef6(null);
+  useEffect8(() => {
     const handleClickOutside = (event) => {
       if (monthPickerContainerRef.current && !monthPickerContainerRef.current.contains(event.target)) {
         setIsMonthPickerOpen(false);
@@ -3533,28 +3996,28 @@ var Calendar = ({
     onDateSelect?.(day.date);
   };
   if (variant === "navigation") {
-    return /* @__PURE__ */ jsxs18("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
-      /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between mb-4 px-6", children: [
-        /* @__PURE__ */ jsxs18("div", { className: "relative", ref: monthPickerContainerRef, children: [
-          /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs19("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
+      /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between mb-4 px-6", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "relative", ref: monthPickerContainerRef, children: [
+          /* @__PURE__ */ jsxs19(
             "button",
             {
               onClick: toggleMonthPicker,
               className: "flex items-center group gap-1 rounded transition-colors cursor-pointer",
               children: [
-                /* @__PURE__ */ jsxs18("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
+                /* @__PURE__ */ jsxs19("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
                   MONTH_NAMES[currentDate.getMonth()],
                   " ",
                   currentDate.getFullYear()
                 ] }),
-                /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsx26(
                   "svg",
                   {
                     className: `w-4 h-4 text-primary-950 transition-transform ${isMonthPickerOpen ? "rotate-180" : ""}`,
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
-                    children: /* @__PURE__ */ jsx24(
+                    children: /* @__PURE__ */ jsx26(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -3568,7 +4031,7 @@ var Calendar = ({
               ]
             }
           ),
-          isMonthPickerOpen && /* @__PURE__ */ jsx24(
+          isMonthPickerOpen && /* @__PURE__ */ jsx26(
             MonthYearPicker,
             {
               monthPickerRef,
@@ -3579,21 +4042,21 @@ var Calendar = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-10", children: [
-          /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-10", children: [
+          /* @__PURE__ */ jsx26(
             "button",
             {
               onClick: goToPreviousMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "M\xEAs anterior",
-              children: /* @__PURE__ */ jsx24(
+              children: /* @__PURE__ */ jsx26(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ jsx24(
+                  children: /* @__PURE__ */ jsx26(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -3606,20 +4069,20 @@ var Calendar = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx26(
             "button",
             {
               onClick: goToNextMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "Pr\xF3ximo m\xEAs",
-              children: /* @__PURE__ */ jsx24(
+              children: /* @__PURE__ */ jsx26(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ jsx24(
+                  children: /* @__PURE__ */ jsx26(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -3634,7 +4097,7 @@ var Calendar = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ jsx26(
         "div",
         {
           className: "h-9 flex items-center justify-center text-xs font-normal text-text-600",
@@ -3642,13 +4105,13 @@ var Calendar = ({
         },
         `${day}-${index}`
       )) }),
-      /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
+      /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
         if (!day.isCurrentMonth) {
-          return /* @__PURE__ */ jsx24(
+          return /* @__PURE__ */ jsx26(
             "div",
             {
               className: "flex items-center justify-center",
-              children: /* @__PURE__ */ jsx24("div", { className: "w-9 h-9" })
+              children: /* @__PURE__ */ jsx26("div", { className: "w-9 h-9" })
             },
             day.date.getTime()
           );
@@ -3664,11 +4127,11 @@ var Calendar = ({
         } else if (day.isSelected) {
           spanClass = "h-6 w-6 rounded-full bg-primary-950 text-text";
         }
-        return /* @__PURE__ */ jsx24(
+        return /* @__PURE__ */ jsx26(
           "div",
           {
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ jsx24(
+            children: /* @__PURE__ */ jsx26(
               "button",
               {
                 className: `
@@ -3684,7 +4147,7 @@ var Calendar = ({
                 "aria-label": `${day.date.getDate()} de ${MONTH_NAMES[day.date.getMonth()]}`,
                 "aria-current": day.isToday ? "date" : void 0,
                 tabIndex: 0,
-                children: /* @__PURE__ */ jsx24("span", { className: spanClass, children: day.date.getDate() })
+                children: /* @__PURE__ */ jsx26("span", { className: spanClass, children: day.date.getDate() })
               }
             )
           },
@@ -3693,28 +4156,28 @@ var Calendar = ({
       }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs18("div", { className: cn("bg-background rounded-xl p-4", className), children: [
-    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between mb-3.5", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "relative", ref: monthPickerContainerRef, children: [
-        /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19("div", { className: cn("bg-background rounded-xl p-4", className), children: [
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between mb-3.5", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "relative", ref: monthPickerContainerRef, children: [
+        /* @__PURE__ */ jsxs19(
           "button",
           {
             onClick: toggleMonthPicker,
             className: "flex items-center gap-2 hover:bg-background-100 rounded px-2 py-1 transition-colors",
             children: [
-              /* @__PURE__ */ jsxs18("h2", { className: "text-lg font-semibold text-text-950", children: [
+              /* @__PURE__ */ jsxs19("h2", { className: "text-lg font-semibold text-text-950", children: [
                 MONTH_NAMES[currentDate.getMonth()],
                 " ",
                 currentDate.getFullYear()
               ] }),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx26(
                 "svg",
                 {
                   className: `w-4 h-4 text-text-400 transition-transform ${isMonthPickerOpen ? "rotate-180" : ""}`,
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ jsx24(
+                  children: /* @__PURE__ */ jsx26(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -3728,7 +4191,7 @@ var Calendar = ({
             ]
           }
         ),
-        isMonthPickerOpen && /* @__PURE__ */ jsx24(
+        isMonthPickerOpen && /* @__PURE__ */ jsx26(
           MonthYearPicker,
           {
             monthPickerRef,
@@ -3739,21 +4202,21 @@ var Calendar = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx26(
           "button",
           {
             onClick: goToPreviousMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "M\xEAs anterior",
-            children: /* @__PURE__ */ jsx24(
+            children: /* @__PURE__ */ jsx26(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsx24(
+                children: /* @__PURE__ */ jsx26(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -3766,20 +4229,20 @@ var Calendar = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(
           "button",
           {
             onClick: goToNextMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "Pr\xF3ximo m\xEAs",
-            children: /* @__PURE__ */ jsx24(
+            children: /* @__PURE__ */ jsx26(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsx24(
+                children: /* @__PURE__ */ jsx26(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -3793,173 +4256,79 @@ var Calendar = ({
           }
         )
       ] })
-    ] }),
-    /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsx24(
-      "div",
-      {
-        className: "h-4 flex items-center justify-center text-xs font-semibold text-text-500",
-        children: day
-      },
-      day
-    )) }),
-    /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
-      if (!day.isCurrentMonth) {
-        return /* @__PURE__ */ jsx24(
-          "div",
-          {
-            className: "flex items-center justify-center",
-            children: /* @__PURE__ */ jsx24("div", { className: "w-10 h-10" })
-          },
-          day.date.getTime()
-        );
-      }
-      const { dayStyle, textStyle } = getDayStyles(
-        day,
-        variant,
-        showActivities
-      );
-      return /* @__PURE__ */ jsx24(
-        "div",
-        {
-          className: "flex items-center justify-center",
-          children: /* @__PURE__ */ jsx24(
-            "button",
-            {
-              className: `
-                  w-9 h-9
-                  flex items-center justify-center
-                  text-lg font-normal
-                  cursor-pointer
-                  rounded-full
-                  focus:outline-none focus:ring-2 focus:ring-primary-600 focus:ring-offset-1
-                  ${dayStyle}
-                  ${textStyle}
-                `,
-              onClick: () => handleDateSelect(day),
-              "aria-label": `${day.date.getDate()} de ${MONTH_NAMES[day.date.getMonth()]}`,
-              "aria-current": day.isToday ? "date" : void 0,
-              tabIndex: 0,
-              children: day.date.getDate()
-            }
-          )
-        },
-        day.date.getTime()
-      );
-    }) })
-  ] });
-};
-var Calendar_default = Calendar;
-
-// src/components/Modal/Modal.tsx
-import { useEffect as useEffect6 } from "react";
-import { X as X3 } from "phosphor-react";
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
-var SIZE_CLASSES10 = {
-  xs: "max-w-[360px]",
-  sm: "max-w-[420px]",
-  md: "max-w-[510px]",
-  lg: "max-w-[640px]",
-  xl: "max-w-[970px]"
-};
-var Modal = ({
-  isOpen,
-  onClose,
-  title,
-  children,
-  size = "md",
-  className = "",
-  closeOnBackdropClick = true,
-  closeOnEscape = true,
-  footer,
-  hideCloseButton = false
-}) => {
-  useEffect6(() => {
-    if (!isOpen || !closeOnEscape) return;
-    const handleEscape = (event) => {
-      if (event.key === "Escape") {
-        onClose();
-      }
-    };
-    document.addEventListener("keydown", handleEscape);
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, [isOpen, closeOnEscape, onClose]);
-  useEffect6(() => {
-    const originalOverflow = document.body.style.overflow;
-    if (isOpen) {
-      document.body.style.overflow = "hidden";
-    } else {
-      document.body.style.overflow = originalOverflow;
-    }
-    return () => {
-      document.body.style.overflow = originalOverflow;
-    };
-  }, [isOpen]);
-  const handleBackdropClick = (event) => {
-    if (closeOnBackdropClick && event.target === event.currentTarget) {
-      onClose();
-    }
-  };
-  const handleBackdropKeyDown = (event) => {
-    if (closeOnBackdropClick && (event.key === "Enter" || event.key === " ")) {
-      onClose();
-    }
-  };
-  if (!isOpen) return null;
-  const sizeClasses = SIZE_CLASSES10[size];
-  const baseClasses = "bg-secondary-50 rounded-3xl shadow-hard-shadow-2 border border-border-100 w-full mx-4";
-  const dialogResetClasses = "p-0 m-0 border-none outline-none max-h-none static";
-  const modalClasses = cn(
-    baseClasses,
-    sizeClasses,
-    dialogResetClasses,
-    className
-  );
-  return /* @__PURE__ */ jsx25(
-    "div",
-    {
-      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-xs",
-      onClick: handleBackdropClick,
-      onKeyDown: handleBackdropKeyDown,
-      role: "button",
-      tabIndex: closeOnBackdropClick ? 0 : -1,
-      "aria-label": "Fechar modal clicando no fundo",
-      children: /* @__PURE__ */ jsxs19("dialog", { className: modalClasses, "aria-labelledby": "modal-title", open: true, children: [
-        /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between px-6 py-6", children: [
-          /* @__PURE__ */ jsx25("h2", { id: "modal-title", className: "text-lg font-semibold text-text-950", children: title }),
-          !hideCloseButton && /* @__PURE__ */ jsx25(
+    ] }),
+    /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsx26(
+      "div",
+      {
+        className: "h-4 flex items-center justify-center text-xs font-semibold text-text-500",
+        children: day
+      },
+      day
+    )) }),
+    /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
+      if (!day.isCurrentMonth) {
+        return /* @__PURE__ */ jsx26(
+          "div",
+          {
+            className: "flex items-center justify-center",
+            children: /* @__PURE__ */ jsx26("div", { className: "w-10 h-10" })
+          },
+          day.date.getTime()
+        );
+      }
+      const { dayStyle, textStyle } = getDayStyles(
+        day,
+        variant,
+        showActivities
+      );
+      return /* @__PURE__ */ jsx26(
+        "div",
+        {
+          className: "flex items-center justify-center",
+          children: /* @__PURE__ */ jsx26(
             "button",
             {
-              onClick: onClose,
-              className: "p-1 text-text-500 hover:text-text-700 hover:bg-background-50 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-indicator-info focus:ring-offset-2",
-              "aria-label": "Fechar modal",
-              children: /* @__PURE__ */ jsx25(X3, { size: 18 })
+              className: `
+                  w-9 h-9
+                  flex items-center justify-center
+                  text-lg font-normal
+                  cursor-pointer
+                  rounded-full
+                  focus:outline-none focus:ring-2 focus:ring-primary-600 focus:ring-offset-1
+                  ${dayStyle}
+                  ${textStyle}
+                `,
+              onClick: () => handleDateSelect(day),
+              "aria-label": `${day.date.getDate()} de ${MONTH_NAMES[day.date.getMonth()]}`,
+              "aria-current": day.isToday ? "date" : void 0,
+              tabIndex: 0,
+              children: day.date.getDate()
             }
           )
-        ] }),
-        /* @__PURE__ */ jsx25("div", { className: "px-6 pb-6", children: /* @__PURE__ */ jsx25("div", { className: "text-text-500 font-normal text-sm leading-6", children }) }),
-        footer && /* @__PURE__ */ jsx25("div", { className: "flex justify-end gap-3 px-6 pb-6", children: footer })
-      ] })
-    }
-  );
+        },
+        day.date.getTime()
+      );
+    }) })
+  ] });
 };
-var Modal_default = Modal;
+var Calendar_default = Calendar;
 
 // src/components/Accordation/Accordation.tsx
 import {
   forwardRef as forwardRef13,
-  useId as useId7,
-  useState as useState9
+  useId as useId8,
+  useState as useState11
 } from "react";
 
 // src/components/Card/Card.tsx
 import {
   forwardRef as forwardRef12,
-  Fragment as Fragment3,
-  useState as useState8,
-  useRef as useRef6
+  Fragment as Fragment4,
+  useState as useState10,
+  useRef as useRef7
 } from "react";
 import {
-  CaretRight,
+  CaretRight as CaretRight2,
   ChatCircleText,
   CheckCircle as CheckCircle3,
   Clock,
@@ -3973,7 +4342,7 @@ import {
 
 // src/components/IconRender/IconRender.tsx
 import * as PhosphorIcons from "phosphor-react";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs20(
   "svg",
   {
@@ -3983,21 +4352,21 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs20(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "path",
         {
           d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "path",
         {
           d: "M21.1758 12V20.5312H19.7168V12H21.1758ZM23.8535 12V13.1719H17.0625V12H23.8535Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "path",
         {
           d: "M13.2402 17.3496H11.0195V16.1836H13.2402C13.627 16.1836 13.9395 16.1211 14.1777 15.9961C14.416 15.8711 14.5898 15.6992 14.6992 15.4805C14.8125 15.2578 14.8691 15.0039 14.8691 14.7188C14.8691 14.4492 14.8125 14.1973 14.6992 13.9629C14.5898 13.7246 14.416 13.5332 14.1777 13.3887C13.9395 13.2441 13.627 13.1719 13.2402 13.1719H11.4707V20.5312H10V12H13.2402C13.9004 12 14.4609 12.1172 14.9219 12.3516C15.3867 12.582 15.7402 12.9023 15.9824 13.3125C16.2246 13.7188 16.3457 14.1836 16.3457 14.707C16.3457 15.2578 16.2246 15.7305 15.9824 16.125C15.7402 16.5195 15.3867 16.8223 14.9219 17.0332C14.4609 17.2441 13.9004 17.3496 13.2402 17.3496Z",
@@ -4016,21 +4385,21 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs20(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "path",
         {
           d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "path",
         {
           d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "path",
         {
           d: "M14.584 19.3652V20.5312H10.0547V19.3652H14.584ZM10.4707 12V20.5312H9V12H10.4707ZM13.9922 15.5625V16.7109H10.0547V15.5625H13.9922ZM14.5547 12V13.1719H10.0547V12H14.5547Z",
@@ -4049,21 +4418,21 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs20(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "path",
         {
           d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "path",
         {
           d: "M21.1426 17.8027C21.1426 17.627 21.1152 17.4707 21.0605 17.334C21.0098 17.1973 20.918 17.0723 20.7852 16.959C20.6523 16.8457 20.4648 16.7363 20.2227 16.6309C19.9844 16.5215 19.6797 16.4102 19.3086 16.2969C18.9023 16.1719 18.5273 16.0332 18.1836 15.8809C17.8438 15.7246 17.5469 15.5449 17.293 15.3418C17.0391 15.1348 16.8418 14.8984 16.7012 14.6328C16.5605 14.3633 16.4902 14.0527 16.4902 13.7012C16.4902 13.3535 16.5625 13.0371 16.707 12.752C16.8555 12.4668 17.0645 12.2207 17.334 12.0137C17.6074 11.8027 17.9297 11.6406 18.3008 11.5273C18.6719 11.4102 19.082 11.3516 19.5312 11.3516C20.1641 11.3516 20.709 11.4688 21.166 11.7031C21.627 11.9375 21.9805 12.252 22.2266 12.6465C22.4766 13.041 22.6016 13.4766 22.6016 13.9531H21.1426C21.1426 13.6719 21.082 13.4238 20.9609 13.209C20.8438 12.9902 20.6641 12.8184 20.4219 12.6934C20.1836 12.5684 19.8809 12.5059 19.5137 12.5059C19.166 12.5059 18.877 12.5586 18.6465 12.6641C18.416 12.7695 18.2441 12.9121 18.1309 13.0918C18.0176 13.2715 17.9609 13.4746 17.9609 13.7012C17.9609 13.8613 17.998 14.0078 18.0723 14.1406C18.1465 14.2695 18.2598 14.3906 18.4121 14.5039C18.5645 14.6133 18.7559 14.7168 18.9863 14.8145C19.2168 14.9121 19.4883 15.0059 19.8008 15.0957C20.2734 15.2363 20.6855 15.3926 21.0371 15.5645C21.3887 15.7324 21.6816 15.9238 21.916 16.1387C22.1504 16.3535 22.3262 16.5977 22.4434 16.8711C22.5605 17.1406 22.6191 17.4473 22.6191 17.791C22.6191 18.1504 22.5469 18.4746 22.4023 18.7637C22.2578 19.0488 22.0508 19.293 21.7812 19.4961C21.5156 19.6953 21.1953 19.8496 20.8203 19.959C20.4492 20.0645 20.0352 20.1172 19.5781 20.1172C19.168 20.1172 18.7637 20.0625 18.3652 19.9531C17.9707 19.8438 17.6113 19.6777 17.2871 19.4551C16.9629 19.2285 16.7051 18.9473 16.5137 18.6113C16.3223 18.2715 16.2266 17.875 16.2266 17.4219H17.6973C17.6973 17.6992 17.7441 17.9355 17.8379 18.1309C17.9355 18.3262 18.0703 18.4863 18.2422 18.6113C18.4141 18.7324 18.6133 18.8223 18.8398 18.8809C19.0703 18.9395 19.3164 18.9688 19.5781 18.9688C19.9219 18.9688 20.209 18.9199 20.4395 18.8223C20.6738 18.7246 20.8496 18.5879 20.9668 18.4121C21.084 18.2363 21.1426 18.0332 21.1426 17.8027Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "path",
         {
           d: "M15.4512 18.834V20H10.9219V18.834H15.4512ZM11.3379 11.4688V20H9.86719V11.4688H11.3379ZM14.8594 15.0312V16.1797H10.9219V15.0312H14.8594ZM15.4219 11.4688V12.6406H10.9219V11.4688H15.4219Z",
@@ -4081,21 +4450,21 @@ var IconRender = ({
 }) => {
   switch (iconName) {
     case "Chat_PT":
-      return /* @__PURE__ */ jsx26(ChatPT, { size, color });
+      return /* @__PURE__ */ jsx27(ChatPT, { size, color });
     case "Chat_EN":
-      return /* @__PURE__ */ jsx26(ChatEN, { size, color });
+      return /* @__PURE__ */ jsx27(ChatEN, { size, color });
     case "Chat_ES":
-      return /* @__PURE__ */ jsx26(ChatES, { size, color });
+      return /* @__PURE__ */ jsx27(ChatES, { size, color });
     default: {
       const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
-      return /* @__PURE__ */ jsx26(IconComponent, { size, color, weight });
+      return /* @__PURE__ */ jsx27(IconComponent, { size, color, weight });
     }
   }
 };
 var IconRender_default = IconRender;
 
 // src/components/Card/Card.tsx
-import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs21 } from "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",
@@ -4137,7 +4506,7 @@ var CardBase = forwardRef12(
     const minHeightClasses = CARD_MIN_HEIGHT_CLASSES[minHeight];
     const layoutClasses = CARD_LAYOUT_CLASSES[layout];
     const cursorClasses = CARD_CURSOR_CLASSES[cursor];
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         ref,
@@ -4214,7 +4583,7 @@ var CardActivitiesResults = forwardRef12(
                 extended ? "rounded-t-xl" : "rounded-xl"
               ),
               children: [
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   "span",
                   {
                     className: cn(
@@ -4224,7 +4593,7 @@ var CardActivitiesResults = forwardRef12(
                     children: icon
                   }
                 ),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   Text_default,
                   {
                     size: "2xs",
@@ -4233,7 +4602,7 @@ var CardActivitiesResults = forwardRef12(
                     children: title
                   }
                 ),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   "p",
                   {
                     className: cn("text-lg font-bold truncate", actionSubTitleClasses),
@@ -4244,7 +4613,7 @@ var CardActivitiesResults = forwardRef12(
             }
           ),
           extended && /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(
               "p",
               {
                 className: cn(
@@ -4254,7 +4623,7 @@ var CardActivitiesResults = forwardRef12(
                 children: header
               }
             ),
-            /* @__PURE__ */ jsx27(Badge_default, { size: "large", action: "info", children: description })
+            /* @__PURE__ */ jsx28(Badge_default, { size: "large", action: "info", children: description })
           ] })
         ]
       }
@@ -4284,9 +4653,9 @@ var CardQuestions = forwardRef12(
         ...props,
         children: [
           /* @__PURE__ */ jsxs21("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx27("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
+            /* @__PURE__ */ jsx28("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
             /* @__PURE__ */ jsxs21("div", { className: "flex flex-row gap-6 items-center", children: [
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(
                 Badge_default,
                 {
                   size: "medium",
@@ -4297,11 +4666,11 @@ var CardQuestions = forwardRef12(
               ),
               /* @__PURE__ */ jsxs21("span", { className: "flex flex-row items-center gap-1 text-text-700 text-xs", children: [
                 isDone ? "Nota" : "Sem nota",
-                isDone && /* @__PURE__ */ jsx27(Badge_default, { size: "medium", action: "success", children: "00" })
+                isDone && /* @__PURE__ */ jsx28(Badge_default, { size: "medium", action: "success", children: "00" })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx27("span", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28("span", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx28(
             Button_default,
             {
               size: "extra-small",
@@ -4332,19 +4701,19 @@ var CardProgress = forwardRef12(
   }, ref) => {
     const isHorizontal = direction === "horizontal";
     const contentComponent = {
-      horizontal: /* @__PURE__ */ jsxs21(Fragment4, { children: [
+      horizontal: /* @__PURE__ */ jsxs21(Fragment5, { children: [
         showDates && /* @__PURE__ */ jsxs21("div", { className: "flex flex-row gap-6 items-center", children: [
           initialDate && /* @__PURE__ */ jsxs21("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ jsx27("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
-            /* @__PURE__ */ jsx27("p", { className: "text-text-600", children: initialDate })
+            /* @__PURE__ */ jsx28("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
+            /* @__PURE__ */ jsx28("p", { className: "text-text-600", children: initialDate })
           ] }),
           endDate && /* @__PURE__ */ jsxs21("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ jsx27("p", { className: "text-text-800 font-semibold", children: "Fim" }),
-            /* @__PURE__ */ jsx27("p", { className: "text-text-600", children: endDate })
+            /* @__PURE__ */ jsx28("p", { className: "text-text-800 font-semibold", children: "Fim" }),
+            /* @__PURE__ */ jsx28("p", { className: "text-text-600", children: endDate })
           ] })
         ] }),
         /* @__PURE__ */ jsxs21("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             ProgressBar_default,
             {
               size: "small",
@@ -4369,7 +4738,7 @@ var CardProgress = forwardRef12(
           )
         ] })
       ] }),
-      vertical: /* @__PURE__ */ jsx27("p", { className: "text-sm text-text-800", children: subhead })
+      vertical: /* @__PURE__ */ jsx28("p", { className: "text-sm text-text-800", children: subhead })
     };
     return /* @__PURE__ */ jsxs21(
       CardBase,
@@ -4382,7 +4751,7 @@ var CardProgress = forwardRef12(
         className: cn(isHorizontal ? "h-20" : "", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "div",
             {
               className: cn(
@@ -4403,7 +4772,7 @@ var CardProgress = forwardRef12(
                 !isHorizontal && "gap-4"
               ),
               children: [
-                /* @__PURE__ */ jsx27(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
+                /* @__PURE__ */ jsx28(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
                 contentComponent[direction]
               ]
             }
@@ -4434,13 +4803,13 @@ var CardTopic = forwardRef12(
         className: cn("justify-center gap-2  py-2 px-4", className),
         ...props,
         children: [
-          subHead && /* @__PURE__ */ jsx27("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ jsxs21(Fragment3, { children: [
-            /* @__PURE__ */ jsx27("p", { children: text }),
-            index < subHead.length - 1 && /* @__PURE__ */ jsx27("p", { children: "\u2022" })
+          subHead && /* @__PURE__ */ jsx28("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ jsxs21(Fragment4, { children: [
+            /* @__PURE__ */ jsx28("p", { children: text }),
+            index < subHead.length - 1 && /* @__PURE__ */ jsx28("p", { children: "\u2022" })
           ] }, `${text} - ${index}`)) }),
-          /* @__PURE__ */ jsx27("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
+          /* @__PURE__ */ jsx28("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
           /* @__PURE__ */ jsxs21("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(
               ProgressBar_default,
               {
                 size: "small",
@@ -4499,8 +4868,8 @@ var CardPerformance = forwardRef12(
         children: [
           /* @__PURE__ */ jsxs21("div", { className: "w-full flex flex-col justify-between gap-2", children: [
             /* @__PURE__ */ jsxs21("div", { className: "flex flex-row justify-between items-center gap-2", children: [
-              /* @__PURE__ */ jsx27("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-              actionVariant === "button" && /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+              actionVariant === "button" && /* @__PURE__ */ jsx28(
                 Button_default,
                 {
                   variant: "outline",
@@ -4511,17 +4880,17 @@ var CardPerformance = forwardRef12(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx27("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ jsx28(
               ProgressBar_default,
               {
                 value: progress,
                 label: `${progress}% ${labelProgress}`,
                 variant: progressVariant
               }
-            ) : /* @__PURE__ */ jsx27("p", { className: "text-xs text-text-600 truncate", children: description }) })
+            ) : /* @__PURE__ */ jsx28("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
-          actionVariant == "caret" && /* @__PURE__ */ jsx27(
-            CaretRight,
+          actionVariant == "caret" && /* @__PURE__ */ jsx28(
+            CaretRight2,
             {
               className: "size-4.5 text-text-800 cursor-pointer",
               "data-testid": "caret-icon"
@@ -4554,7 +4923,7 @@ var CardResults = forwardRef12(
         className: cn("items-stretch cursor-pointer pr-4", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "div",
             {
               className: cn(
@@ -4563,7 +4932,7 @@ var CardResults = forwardRef12(
               style: {
                 backgroundColor: color
               },
-              children: /* @__PURE__ */ jsx27(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
+              children: /* @__PURE__ */ jsx28(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
             }
           ),
           /* @__PURE__ */ jsxs21("div", { className: "w-full flex flex-row justify-between items-center", children: [
@@ -4575,7 +4944,7 @@ var CardResults = forwardRef12(
                   isRow ? "flex-row items-center gap-2" : "flex-col"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx27("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
+                  /* @__PURE__ */ jsx28("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
                   /* @__PURE__ */ jsxs21("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
                     /* @__PURE__ */ jsxs21(
                       Badge_default,
@@ -4583,7 +4952,7 @@ var CardResults = forwardRef12(
                         action: "success",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ jsx27(CheckCircle3, {}),
+                        iconLeft: /* @__PURE__ */ jsx28(CheckCircle3, {}),
                         children: [
                           correct_answers,
                           " Corretas"
@@ -4596,7 +4965,7 @@ var CardResults = forwardRef12(
                         action: "error",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ jsx27(XCircle2, {}),
+                        iconLeft: /* @__PURE__ */ jsx28(XCircle2, {}),
                         children: [
                           incorrect_answers,
                           " Incorretas"
@@ -4607,7 +4976,7 @@ var CardResults = forwardRef12(
                 ]
               }
             ),
-            /* @__PURE__ */ jsx27(CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
+            /* @__PURE__ */ jsx28(CaretRight2, { className: "min-w-6 min-h-6 text-text-800" })
           ] })
         ]
       }
@@ -4628,7 +4997,7 @@ var CardStatus = forwardRef12(
           return "Em branco";
       }
     };
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(
       CardBase,
       {
         ref,
@@ -4638,21 +5007,21 @@ var CardStatus = forwardRef12(
         className: cn("items-center cursor-pointer", className),
         ...props,
         children: /* @__PURE__ */ jsxs21("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
-          /* @__PURE__ */ jsx27("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+          /* @__PURE__ */ jsx28("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
           /* @__PURE__ */ jsxs21("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
-            status && /* @__PURE__ */ jsx27(
+            status && /* @__PURE__ */ jsx28(
               Badge_default,
               {
                 action: status == "correct" ? "success" : "error",
                 variant: "solid",
                 size: "medium",
-                iconLeft: status == "correct" ? /* @__PURE__ */ jsx27(CheckCircle3, {}) : /* @__PURE__ */ jsx27(XCircle2, {}),
+                iconLeft: status == "correct" ? /* @__PURE__ */ jsx28(CheckCircle3, {}) : /* @__PURE__ */ jsx28(XCircle2, {}),
                 children: getLabelBadge(status)
               }
             ),
-            label && /* @__PURE__ */ jsx27("p", { className: "text-sm text-text-800", children: label })
+            label && /* @__PURE__ */ jsx28("p", { className: "text-sm text-text-800", children: label })
           ] }),
-          /* @__PURE__ */ jsx27(CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+          /* @__PURE__ */ jsx28(CaretRight2, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
         ] })
       }
     );
@@ -4673,9 +5042,9 @@ var CardSettings = forwardRef12(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx27("span", { className: "[&>svg]:size-6", children: icon }),
-          /* @__PURE__ */ jsx27("p", { className: "w-full text-sm truncate", children: header }),
-          /* @__PURE__ */ jsx27(CaretRight, { size: 24, className: "cursor-pointer" })
+          /* @__PURE__ */ jsx28("span", { className: "[&>svg]:size-6", children: icon }),
+          /* @__PURE__ */ jsx28("p", { className: "w-full text-sm truncate", children: header }),
+          /* @__PURE__ */ jsx28(CaretRight2, { size: 24, className: "cursor-pointer" })
         ]
       }
     );
@@ -4704,12 +5073,12 @@ var CardSupport = forwardRef12(
                 direction == "col" ? "flex-col" : "flex-row items-center"
               ),
               children: [
-                /* @__PURE__ */ jsx27("span", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx27("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
-                /* @__PURE__ */ jsx27("span", { className: "flex flex-row gap-1", children })
+                /* @__PURE__ */ jsx28("span", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx28("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
+                /* @__PURE__ */ jsx28("span", { className: "flex flex-row gap-1", children })
               ]
             }
           ),
-          /* @__PURE__ */ jsx27(CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
+          /* @__PURE__ */ jsx28(CaretRight2, { className: "text-text-800 cursor-pointer", size: 24 })
         ]
       }
     );
@@ -4740,7 +5109,7 @@ var CardForum = forwardRef12(
         className: cn("w-auto h-auto gap-3", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "button",
             {
               type: "button",
@@ -4751,7 +5120,7 @@ var CardForum = forwardRef12(
           ),
           /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs21("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
-              /* @__PURE__ */ jsx27("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
+              /* @__PURE__ */ jsx28("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
               /* @__PURE__ */ jsxs21("p", { className: "text-xs text-text-600", children: [
                 "\u2022 ",
                 date,
@@ -4759,7 +5128,7 @@ var CardForum = forwardRef12(
                 hour
               ] })
             ] }),
-            /* @__PURE__ */ jsx27("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
+            /* @__PURE__ */ jsx28("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
             /* @__PURE__ */ jsxs21(
               "button",
               {
@@ -4768,7 +5137,7 @@ var CardForum = forwardRef12(
                 onClick: () => onClickComments?.(valueComments),
                 className: "text-text-600 flex flex-row gap-2 items-center",
                 children: [
-                  /* @__PURE__ */ jsx27(ChatCircleText, { "aria-hidden": "true", size: 16 }),
+                  /* @__PURE__ */ jsx28(ChatCircleText, { "aria-hidden": "true", size: 16 }),
                   /* @__PURE__ */ jsxs21("p", { className: "text-xs", children: [
                     comments,
                     " respostas"
@@ -4796,14 +5165,14 @@ var CardAudio = forwardRef12(
     className,
     ...props
   }, ref) => {
-    const [isPlaying, setIsPlaying] = useState8(false);
-    const [currentTime, setCurrentTime] = useState8(0);
-    const [duration, setDuration] = useState8(0);
-    const [volume, setVolume] = useState8(1);
-    const [showVolumeControl, setShowVolumeControl] = useState8(false);
-    const [showSpeedMenu, setShowSpeedMenu] = useState8(false);
-    const [playbackRate, setPlaybackRate] = useState8(1);
-    const audioRef = useRef6(null);
+    const [isPlaying, setIsPlaying] = useState10(false);
+    const [currentTime, setCurrentTime] = useState10(0);
+    const [duration, setDuration] = useState10(0);
+    const [volume, setVolume] = useState10(1);
+    const [showVolumeControl, setShowVolumeControl] = useState10(false);
+    const [showSpeedMenu, setShowSpeedMenu] = useState10(false);
+    const [playbackRate, setPlaybackRate] = useState10(1);
+    const audioRef = useRef7(null);
     const formatTime2 = (time) => {
       const minutes = Math.floor(time / 60);
       const seconds = Math.floor(time % 60);
@@ -4868,12 +5237,12 @@ var CardAudio = forwardRef12(
     };
     const getVolumeIcon = () => {
       if (volume === 0) {
-        return /* @__PURE__ */ jsx27(SpeakerSimpleX, { size: 24 });
+        return /* @__PURE__ */ jsx28(SpeakerSimpleX, { size: 24 });
       }
       if (volume < 0.5) {
-        return /* @__PURE__ */ jsx27(SpeakerLow, { size: 24 });
+        return /* @__PURE__ */ jsx28(SpeakerLow, { size: 24 });
       }
-      return /* @__PURE__ */ jsx27(SpeakerHigh, { size: 24 });
+      return /* @__PURE__ */ jsx28(SpeakerHigh, { size: 24 });
     };
     return /* @__PURE__ */ jsxs21(
       CardBase,
@@ -4888,7 +5257,7 @@ var CardAudio = forwardRef12(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "audio",
             {
               ref: audioRef,
@@ -4900,7 +5269,7 @@ var CardAudio = forwardRef12(
               onEnded: handleEnded,
               "data-testid": "audio-element",
               "aria-label": title,
-              children: tracks ? tracks.map((track) => /* @__PURE__ */ jsx27(
+              children: tracks ? tracks.map((track) => /* @__PURE__ */ jsx28(
                 "track",
                 {
                   kind: track.kind,
@@ -4910,7 +5279,7 @@ var CardAudio = forwardRef12(
                   default: track.default
                 },
                 track.src
-              )) : /* @__PURE__ */ jsx27(
+              )) : /* @__PURE__ */ jsx28(
                 "track",
                 {
                   kind: "captions",
@@ -4921,7 +5290,7 @@ var CardAudio = forwardRef12(
               )
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "button",
             {
               type: "button",
@@ -4929,14 +5298,14 @@ var CardAudio = forwardRef12(
               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__ */ jsx27("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsxs21("div", { className: "flex gap-0.5", children: [
-                /* @__PURE__ */ jsx27("div", { className: "w-1 h-4 bg-current rounded-sm" }),
-                /* @__PURE__ */ jsx27("div", { className: "w-1 h-4 bg-current rounded-sm" })
-              ] }) }) : /* @__PURE__ */ jsx27(Play, { size: 24 })
+              children: isPlaying ? /* @__PURE__ */ jsx28("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsxs21("div", { className: "flex gap-0.5", children: [
+                /* @__PURE__ */ jsx28("div", { className: "w-1 h-4 bg-current rounded-sm" }),
+                /* @__PURE__ */ jsx28("div", { className: "w-1 h-4 bg-current rounded-sm" })
+              ] }) }) : /* @__PURE__ */ jsx28(Play, { size: 24 })
             }
           ),
-          /* @__PURE__ */ jsx27("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(currentTime) }),
-          /* @__PURE__ */ jsx27("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(currentTime) }),
+          /* @__PURE__ */ jsx28("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ jsx28(
             "button",
             {
               type: "button",
@@ -4951,7 +5320,7 @@ var CardAudio = forwardRef12(
                 }
               },
               "aria-label": "Barra de progresso do \xE1udio",
-              children: /* @__PURE__ */ jsx27(
+              children: /* @__PURE__ */ jsx28(
                 "div",
                 {
                   className: "h-full bg-primary-600 rounded-full transition-all duration-100",
@@ -4962,19 +5331,19 @@ var CardAudio = forwardRef12(
               )
             }
           ) }),
-          /* @__PURE__ */ jsx27("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(duration) }),
+          /* @__PURE__ */ jsx28("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(duration) }),
           /* @__PURE__ */ jsxs21("div", { className: "relative h-6", children: [
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(
               "button",
               {
                 type: "button",
                 onClick: toggleVolumeControl,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Controle de volume",
-                children: /* @__PURE__ */ jsx27("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
+                children: /* @__PURE__ */ jsx28("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
               }
             ),
-            showVolumeControl && /* @__PURE__ */ jsx27(
+            showVolumeControl && /* @__PURE__ */ jsx28(
               "button",
               {
                 type: "button",
@@ -4984,7 +5353,7 @@ var CardAudio = forwardRef12(
                     setShowVolumeControl(false);
                   }
                 },
-                children: /* @__PURE__ */ jsx27(
+                children: /* @__PURE__ */ jsx28(
                   "input",
                   {
                     type: "range",
@@ -5026,21 +5395,21 @@ var CardAudio = forwardRef12(
             )
           ] }),
           /* @__PURE__ */ jsxs21("div", { className: "relative h-6", children: [
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(
               "button",
               {
                 type: "button",
                 onClick: toggleSpeedMenu,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Op\xE7\xF5es de velocidade",
-                children: /* @__PURE__ */ jsx27(DotsThreeVertical, { size: 24 })
+                children: /* @__PURE__ */ jsx28(DotsThreeVertical, { size: 24 })
               }
             ),
-            showSpeedMenu && /* @__PURE__ */ jsx27("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__ */ jsx27("div", { className: "flex flex-col gap-1", children: [
+            showSpeedMenu && /* @__PURE__ */ jsx28("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__ */ jsx28("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__ */ jsx27(
+            ].map(({ speed, label }) => /* @__PURE__ */ jsx28(
               "button",
               {
                 type: "button",
@@ -5068,7 +5437,7 @@ var SIMULADO_BACKGROUND_CLASSES = {
 var CardSimulado = forwardRef12(
   ({ title, duration, info, backgroundColor, className, ...props }, ref) => {
     const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(
       CardBase,
       {
         ref,
@@ -5083,17 +5452,17 @@ var CardSimulado = forwardRef12(
         ...props,
         children: /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-center w-full gap-4", children: [
           /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx27(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
+            /* @__PURE__ */ jsx28(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
             /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-4 text-text-700", children: [
               duration && /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx27(Clock, { size: 16, className: "flex-shrink-0" }),
-                /* @__PURE__ */ jsx27(Text_default, { size: "sm", children: duration })
+                /* @__PURE__ */ jsx28(Clock, { size: 16, className: "flex-shrink-0" }),
+                /* @__PURE__ */ jsx28(Text_default, { size: "sm", children: duration })
               ] }),
-              /* @__PURE__ */ jsx27(Text_default, { size: "sm", className: "truncate", children: info })
+              /* @__PURE__ */ jsx28(Text_default, { size: "sm", className: "truncate", children: info })
             ] })
           ] }),
-          /* @__PURE__ */ jsx27(
-            CaretRight,
+          /* @__PURE__ */ jsx28(
+            CaretRight2,
             {
               size: 24,
               className: "text-text-800 flex-shrink-0",
@@ -5137,7 +5506,7 @@ var CardTest = forwardRef12(
     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__ */ jsx27(
+      return /* @__PURE__ */ jsx28(
         "button",
         {
           ref,
@@ -5150,7 +5519,7 @@ var CardTest = forwardRef12(
           "aria-pressed": selected,
           ...props,
           children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(
               Text_default,
               {
                 size: "md",
@@ -5161,8 +5530,8 @@ var CardTest = forwardRef12(
             ),
             /* @__PURE__ */ jsxs21("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
               duration && /* @__PURE__ */ jsxs21("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-                /* @__PURE__ */ jsx27(Clock, { size: 16, className: "text-text-700" }),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28(Clock, { size: 16, className: "text-text-700" }),
+                /* @__PURE__ */ jsx28(
                   Text_default,
                   {
                     size: "sm",
@@ -5171,7 +5540,7 @@ var CardTest = forwardRef12(
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(
                 Text_default,
                 {
                   size: "sm",
@@ -5184,14 +5553,14 @@ var CardTest = forwardRef12(
         }
       );
     }
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         ref,
         className: cn(`${baseClasses} ${className}`.trim()),
         ...props,
         children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             Text_default,
             {
               size: "md",
@@ -5202,8 +5571,8 @@ var CardTest = forwardRef12(
           ),
           /* @__PURE__ */ jsxs21("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
             duration && /* @__PURE__ */ jsxs21("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx27(Clock, { size: 16, className: "text-text-700" }),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(Clock, { size: 16, className: "text-text-700" }),
+              /* @__PURE__ */ jsx28(
                 Text_default,
                 {
                   size: "sm",
@@ -5212,7 +5581,7 @@ var CardTest = forwardRef12(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(
               Text_default,
               {
                 size: "sm",
@@ -5249,14 +5618,14 @@ var SIMULATION_TYPE_STYLES = {
   }
 };
 var CardSimulationHistory = forwardRef12(({ data, onSimulationClick, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       ref,
       className: cn("w-full max-w-[992px] h-auto", className),
       ...props,
       children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-0", children: [
-        data.map((section, sectionIndex) => /* @__PURE__ */ jsx27("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs21(
+        data.map((section, sectionIndex) => /* @__PURE__ */ jsx28("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs21(
           "div",
           {
             className: cn(
@@ -5264,7 +5633,7 @@ var CardSimulationHistory = forwardRef12(({ data, onSimulationClick, className,
               sectionIndex === 0 ? "rounded-t-3xl" : ""
             ),
             children: [
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(
                 Text_default,
                 {
                   size: "xs",
@@ -5273,9 +5642,9 @@ var CardSimulationHistory = forwardRef12(({ data, onSimulationClick, className,
                   children: section.date
                 }
               ),
-              /* @__PURE__ */ jsx27("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
+              /* @__PURE__ */ jsx28("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
                 const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
-                return /* @__PURE__ */ jsx27(
+                return /* @__PURE__ */ jsx28(
                   CardBase,
                   {
                     layout: "horizontal",
@@ -5289,7 +5658,7 @@ var CardSimulationHistory = forwardRef12(({ data, onSimulationClick, className,
                     onClick: () => onSimulationClick?.(simulation),
                     children: /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-center w-full gap-2", children: [
                       /* @__PURE__ */ jsxs21("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
-                        /* @__PURE__ */ jsx27(
+                        /* @__PURE__ */ jsx28(
                           Text_default,
                           {
                             size: "lg",
@@ -5299,7 +5668,7 @@ var CardSimulationHistory = forwardRef12(({ data, onSimulationClick, className,
                           }
                         ),
                         /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-                          /* @__PURE__ */ jsx27(
+                          /* @__PURE__ */ jsx28(
                             Badge_default,
                             {
                               variant: "examsOutlined",
@@ -5308,11 +5677,11 @@ var CardSimulationHistory = forwardRef12(({ data, onSimulationClick, className,
                               children: typeStyles.text
                             }
                           ),
-                          /* @__PURE__ */ jsx27(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
+                          /* @__PURE__ */ jsx28(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsx27(
-                        CaretRight,
+                      /* @__PURE__ */ jsx28(
+                        CaretRight2,
                         {
                           size: 24,
                           className: "text-text-800 flex-shrink-0",
@@ -5327,15 +5696,15 @@ var CardSimulationHistory = forwardRef12(({ data, onSimulationClick, className,
             ]
           }
         ) }, section.date)),
-        data.length > 0 && /* @__PURE__ */ jsx27("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
+        data.length > 0 && /* @__PURE__ */ jsx28("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
       ] })
     }
   );
 });
 
 // src/components/Accordation/Accordation.tsx
-import { CaretRight as CaretRight2 } from "phosphor-react";
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { CaretRight as CaretRight3 } from "phosphor-react";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 var CardAccordation = forwardRef13(
   ({
     trigger,
@@ -5345,8 +5714,8 @@ var CardAccordation = forwardRef13(
     onToggleExpanded,
     ...props
   }, ref) => {
-    const [isExpanded, setIsExpanded] = useState9(defaultExpanded);
-    const contentId = useId7();
+    const [isExpanded, setIsExpanded] = useState11(defaultExpanded);
+    const contentId = useId8();
     const handleToggle = () => {
       const newExpanded = !isExpanded;
       setIsExpanded(newExpanded);
@@ -5378,8 +5747,8 @@ var CardAccordation = forwardRef13(
               "aria-controls": "accordion-content",
               children: [
                 trigger,
-                /* @__PURE__ */ jsx28(
-                  CaretRight2,
+                /* @__PURE__ */ jsx29(
+                  CaretRight3,
                   {
                     size: 20,
                     className: cn(
@@ -5392,7 +5761,7 @@ var CardAccordation = forwardRef13(
               ]
             }
           ),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             "div",
             {
               id: contentId,
@@ -5401,7 +5770,7 @@ var CardAccordation = forwardRef13(
                 isExpanded ? "max-h-screen opacity-100" : "max-h-0 opacity-0"
               ),
               "data-testid": "accordion-content",
-              children: /* @__PURE__ */ jsx28("div", { className: "p-4 pt-0 border-border-50", children })
+              children: /* @__PURE__ */ jsx29("div", { className: "p-4 pt-0 border-border-50", children })
             }
           )
         ]
@@ -5412,8 +5781,8 @@ var CardAccordation = forwardRef13(
 
 // src/components/Alternative/Alternative.tsx
 import { CheckCircle as CheckCircle4, XCircle as XCircle3 } from "phosphor-react";
-import { forwardRef as forwardRef14, useId as useId8, useState as useState10 } from "react";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { forwardRef as forwardRef14, useId as useId9, useState as useState12 } from "react";
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
 var AlternativesList = ({
   alternatives,
   name,
@@ -5426,9 +5795,9 @@ var AlternativesList = ({
   mode = "interactive",
   selectedValue
 }) => {
-  const uniqueId = useId8();
+  const uniqueId = useId9();
   const groupName = name || `alternatives-${uniqueId}`;
-  const [actualValue, setActualValue] = useState10(value);
+  const [actualValue, setActualValue] = useState12(value);
   const isReadonly = mode === "readonly";
   const getStatusStyles2 = (status, isReadonly2) => {
     const hoverClass = isReadonly2 ? "" : "hover:bg-background-50";
@@ -5444,9 +5813,9 @@ var AlternativesList = ({
   const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ jsx29(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx29(CheckCircle4, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ jsx30(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx30(CheckCircle4, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ jsx29(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx29(XCircle3, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ jsx30(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx30(XCircle3, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -5476,10 +5845,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__ */ jsx29("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ jsx29("div", { className: dotClasses }) });
+      return /* @__PURE__ */ jsx30("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ jsx30("div", { className: dotClasses }) });
     };
     if (layout === "detailed") {
-      return /* @__PURE__ */ jsx29(
+      return /* @__PURE__ */ jsx30(
         "div",
         {
           className: cn(
@@ -5489,9 +5858,9 @@ var AlternativesList = ({
           ),
           children: /* @__PURE__ */ jsxs23("div", { className: "flex items-start justify-between gap-3", children: [
             /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-3 flex-1", children: [
-              /* @__PURE__ */ jsx29("div", { className: "mt-1", children: renderRadio() }),
+              /* @__PURE__ */ jsx30("div", { className: "mt-1", children: renderRadio() }),
               /* @__PURE__ */ jsxs23("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx30(
                   "p",
                   {
                     className: cn(
@@ -5501,10 +5870,10 @@ var AlternativesList = ({
                     children: alternative.label
                   }
                 ),
-                alternative.description && /* @__PURE__ */ jsx29("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                alternative.description && /* @__PURE__ */ jsx30("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
               ] })
             ] }),
-            statusBadge && /* @__PURE__ */ jsx29("div", { className: "flex-shrink-0", children: statusBadge })
+            statusBadge && /* @__PURE__ */ jsx30("div", { className: "flex-shrink-0", children: statusBadge })
           ] })
         },
         alternativeId
@@ -5521,7 +5890,7 @@ var AlternativesList = ({
         children: [
           /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 flex-1", children: [
             renderRadio(),
-            /* @__PURE__ */ jsx29(
+            /* @__PURE__ */ jsx30(
               "span",
               {
                 className: cn(
@@ -5532,14 +5901,14 @@ var AlternativesList = ({
               }
             )
           ] }),
-          statusBadge && /* @__PURE__ */ jsx29("div", { className: "flex-shrink-0", children: statusBadge })
+          statusBadge && /* @__PURE__ */ jsx30("div", { className: "flex-shrink-0", children: statusBadge })
         ]
       },
       alternativeId
     );
   };
   if (isReadonly) {
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx30(
       "div",
       {
         className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
@@ -5549,7 +5918,7 @@ var AlternativesList = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     RadioGroup,
     {
       name: groupName,
@@ -5566,7 +5935,7 @@ var AlternativesList = ({
         const statusStyles = getStatusStyles2(alternative.status, false);
         const statusBadge = getStatusBadge2(alternative.status);
         if (layout === "detailed") {
-          return /* @__PURE__ */ jsx29(
+          return /* @__PURE__ */ jsx30(
             "div",
             {
               className: cn(
@@ -5576,7 +5945,7 @@ var AlternativesList = ({
               ),
               children: /* @__PURE__ */ jsxs23("div", { className: "flex items-start justify-between gap-3", children: [
                 /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-3 flex-1", children: [
-                  /* @__PURE__ */ jsx29(
+                  /* @__PURE__ */ jsx30(
                     RadioGroupItem,
                     {
                       value: alternative.value,
@@ -5586,7 +5955,7 @@ var AlternativesList = ({
                     }
                   ),
                   /* @__PURE__ */ jsxs23("div", { className: "flex-1", children: [
-                    /* @__PURE__ */ jsx29(
+                    /* @__PURE__ */ jsx30(
                       "label",
                       {
                         htmlFor: alternativeId,
@@ -5598,10 +5967,10 @@ var AlternativesList = ({
                         children: alternative.label
                       }
                     ),
-                    alternative.description && /* @__PURE__ */ jsx29("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                    alternative.description && /* @__PURE__ */ jsx30("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
                   ] })
                 ] }),
-                statusBadge && /* @__PURE__ */ jsx29("div", { className: "flex-shrink-0", children: statusBadge })
+                statusBadge && /* @__PURE__ */ jsx30("div", { className: "flex-shrink-0", children: statusBadge })
               ] })
             },
             alternativeId
@@ -5617,7 +5986,7 @@ var AlternativesList = ({
             ),
             children: [
               /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 flex-1", children: [
-                /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx30(
                   RadioGroupItem,
                   {
                     value: alternative.value,
@@ -5625,7 +5994,7 @@ var AlternativesList = ({
                     disabled: alternative.disabled
                   }
                 ),
-                /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx30(
                   "label",
                   {
                     htmlFor: alternativeId,
@@ -5638,7 +6007,7 @@ var AlternativesList = ({
                   }
                 )
               ] }),
-              statusBadge && /* @__PURE__ */ jsx29("div", { className: "flex-shrink-0", children: statusBadge })
+              statusBadge && /* @__PURE__ */ jsx30("div", { className: "flex-shrink-0", children: statusBadge })
             ]
           },
           alternativeId
@@ -5660,10 +6029,10 @@ var HeaderAlternative = forwardRef14(
         ...props,
         children: [
           /* @__PURE__ */ jsxs23("span", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsx29("p", { className: "text-text-950 font-bold text-lg", children: title }),
-            /* @__PURE__ */ jsx29("p", { className: "text-text-700 text-sm ", children: subTitle })
+            /* @__PURE__ */ jsx30("p", { className: "text-text-950 font-bold text-lg", children: title }),
+            /* @__PURE__ */ jsx30("p", { className: "text-text-700 text-sm ", children: subTitle })
           ] }),
-          /* @__PURE__ */ jsx29("p", { className: "text-text-950 text-md", children: content })
+          /* @__PURE__ */ jsx30("p", { className: "text-text-950 text-md", children: content })
         ]
       }
     );
@@ -5673,9 +6042,9 @@ var HeaderAlternative = forwardRef14(
 // src/components/AlertDialog/AlertDialog.tsx
 import {
   forwardRef as forwardRef15,
-  useEffect as useEffect7
+  useEffect as useEffect9
 } from "react";
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
 var SIZE_CLASSES11 = {
   "extra-small": "w-screen max-w-[324px]",
   small: "w-screen max-w-[378px]",
@@ -5701,7 +6070,7 @@ var AlertDialog = forwardRef15(
     size = "medium",
     ...props
   }, ref) => {
-    useEffect7(() => {
+    useEffect9(() => {
       if (!isOpen || !closeOnEscape) return;
       const handleEscape = (event) => {
         if (event.key === "Escape") {
@@ -5711,7 +6080,7 @@ var AlertDialog = forwardRef15(
       document.addEventListener("keydown", handleEscape);
       return () => document.removeEventListener("keydown", handleEscape);
     }, [isOpen, closeOnEscape]);
-    useEffect7(() => {
+    useEffect9(() => {
       if (isOpen) {
         document.body.style.overflow = "hidden";
       } else {
@@ -5740,7 +6109,7 @@ var AlertDialog = forwardRef15(
       onCancel?.(cancelValue);
     };
     const sizeClasses = SIZE_CLASSES11[size];
-    return /* @__PURE__ */ jsx30(Fragment5, { children: isOpen && /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(Fragment6, { children: isOpen && /* @__PURE__ */ jsx31(
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm",
@@ -5758,7 +6127,7 @@ var AlertDialog = forwardRef15(
             ),
             ...props,
             children: [
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx31(
                 "h2",
                 {
                   id: "alert-dialog-title",
@@ -5766,7 +6135,7 @@ var AlertDialog = forwardRef15(
                   children: title
                 }
               ),
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx31(
                 "p",
                 {
                   id: "alert-dialog-description",
@@ -5775,8 +6144,8 @@ var AlertDialog = forwardRef15(
                 }
               ),
               /* @__PURE__ */ jsxs24("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
-                /* @__PURE__ */ jsx30(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
-                /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx31(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
+                /* @__PURE__ */ jsx31(
                   Button_default,
                   {
                     variant: "solid",
@@ -5797,9 +6166,9 @@ var AlertDialog = forwardRef15(
 AlertDialog.displayName = "AlertDialog";
 
 // src/components/MultipleChoice/MultipleChoice.tsx
-import { useEffect as useEffect8, useState as useState11 } from "react";
+import { useEffect as useEffect10, useState as useState13 } from "react";
 import { CheckCircle as CheckCircle5, XCircle as XCircle4, Check as Check4 } from "phosphor-react";
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 var MultipleChoiceList = ({
   disabled = false,
   className = "",
@@ -5809,16 +6178,16 @@ var MultipleChoiceList = ({
   onHandleSelectedValues,
   mode = "interactive"
 }) => {
-  const [actualValue, setActualValue] = useState11(selectedValues);
-  useEffect8(() => {
+  const [actualValue, setActualValue] = useState13(selectedValues);
+  useEffect10(() => {
     setActualValue(selectedValues);
   }, [selectedValues]);
   const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ jsx31(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx31(CheckCircle5, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ jsx32(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx32(CheckCircle5, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ jsx31(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx31(XCircle4, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ jsx32(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx32(XCircle4, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -5839,10 +6208,10 @@ var MultipleChoiceList = ({
       isSelected ? "border-primary-950 bg-primary-950 text-text" : "border-border-400 bg-background",
       isDisabled && "opacity-40 cursor-not-allowed"
     );
-    return /* @__PURE__ */ jsx31("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ jsx31(Check4, { size: 16, weight: "bold" }) });
+    return /* @__PURE__ */ jsx32("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ jsx32(Check4, { size: 16, weight: "bold" }) });
   };
   if (mode === "readonly") {
-    return /* @__PURE__ */ jsx31("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
+    return /* @__PURE__ */ jsx32("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);
@@ -5857,7 +6226,7 @@ var MultipleChoiceList = ({
           children: [
             /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 flex-1", children: [
               renderVisualCheckbox(isSelected, choice.disabled || disabled),
-              /* @__PURE__ */ jsx31(
+              /* @__PURE__ */ jsx32(
                 "span",
                 {
                   className: cn(
@@ -5869,14 +6238,14 @@ var MultipleChoiceList = ({
                 }
               )
             ] }),
-            statusBadge && /* @__PURE__ */ jsx31("div", { className: "flex-shrink-0", children: statusBadge })
+            statusBadge && /* @__PURE__ */ jsx32("div", { className: "flex-shrink-0", children: statusBadge })
           ]
         },
         `readonly-${choice.value}-${i}`
       );
     }) });
   }
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       className: cn(
@@ -5884,7 +6253,7 @@ var MultipleChoiceList = ({
         disabled ? "opacity-50 cursor-not-allowed" : "",
         className
       ),
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx32(
         CheckboxList_default,
         {
           name,
@@ -5899,7 +6268,7 @@ var MultipleChoiceList = ({
             {
               className: "flex flex-row gap-2 items-center",
               children: [
-                /* @__PURE__ */ jsx31(
+                /* @__PURE__ */ jsx32(
                   CheckboxListItem,
                   {
                     value: choice.value,
@@ -5907,7 +6276,7 @@ var MultipleChoiceList = ({
                     disabled: choice.disabled || disabled
                   }
                 ),
-                /* @__PURE__ */ jsx31(
+                /* @__PURE__ */ jsx32(
                   "label",
                   {
                     htmlFor: `interactive-${choice.value}-${i}`,
@@ -5930,7 +6299,7 @@ var MultipleChoiceList = ({
 };
 
 // src/hooks/useMobile.ts
-import { useState as useState12, useEffect as useEffect9 } from "react";
+import { useState as useState14, useEffect as useEffect11 } from "react";
 var MOBILE_WIDTH = 500;
 var TABLET_WIDTH = 931;
 var DEFAULT_WIDTH = 1200;
@@ -5945,9 +6314,9 @@ var getDeviceType = () => {
   return width < TABLET_WIDTH ? "responsive" : "desktop";
 };
 var useMobile = () => {
-  const [isMobile, setIsMobile] = useState12(false);
-  const [isTablet, setIsTablet] = useState12(false);
-  useEffect9(() => {
+  const [isMobile, setIsMobile] = useState14(false);
+  const [isTablet, setIsTablet] = useState14(false);
+  useEffect11(() => {
     const checkScreenSize = () => {
       const width = getWindowWidth();
       setIsMobile(width < MOBILE_WIDTH);
@@ -5986,218 +6355,19 @@ var useMobile = () => {
   };
 };
 
-// src/hooks/useTheme.ts
-import { useEffect as useEffect10, useState as useState13, useCallback, useRef as useRef7 } from "react";
-var useTheme = () => {
-  const [themeMode, setThemeMode] = useState13("system");
-  const [isDark, setIsDark] = useState13(false);
-  const themeModeRef = useRef7("system");
-  const applyTheme = useCallback((mode) => {
-    const htmlElement = document.documentElement;
-    const originalTheme = htmlElement.getAttribute("data-original-theme");
-    if (mode === "dark") {
-      htmlElement.setAttribute("data-theme", "dark");
-      setIsDark(true);
-    } else if (mode === "light") {
-      if (originalTheme) {
-        htmlElement.setAttribute("data-theme", originalTheme);
-      }
-      setIsDark(false);
-    } else if (mode === "system") {
-      const isSystemDark = window.matchMedia(
-        "(prefers-color-scheme: dark)"
-      ).matches;
-      if (isSystemDark) {
-        htmlElement.setAttribute("data-theme", "dark");
-        setIsDark(true);
-      } else if (originalTheme) {
-        htmlElement.setAttribute("data-theme", originalTheme);
-        setIsDark(false);
-      }
-    }
-  }, []);
-  const toggleTheme = useCallback(() => {
-    let newMode;
-    if (themeMode === "light") {
-      newMode = "dark";
-    } else if (themeMode === "dark") {
-      newMode = "light";
-    } else {
-      newMode = "dark";
-    }
-    setThemeMode(newMode);
-    themeModeRef.current = newMode;
-    applyTheme(newMode);
-    localStorage.setItem("theme-mode", newMode);
-  }, [themeMode, applyTheme]);
-  const setTheme = useCallback(
-    (mode) => {
-      setThemeMode(mode);
-      themeModeRef.current = mode;
-      applyTheme(mode);
-      localStorage.setItem("theme-mode", mode);
-    },
-    [applyTheme]
-  );
-  useEffect10(() => {
-    const htmlElement = document.documentElement;
-    const currentTheme = htmlElement.getAttribute("data-theme");
-    if (currentTheme && !htmlElement.getAttribute("data-original-theme")) {
-      htmlElement.setAttribute("data-original-theme", currentTheme);
-    }
-    const savedThemeMode = localStorage.getItem("theme-mode");
-    const initialMode = savedThemeMode || "system";
-    if (!savedThemeMode) {
-      localStorage.setItem("theme-mode", "system");
-    }
-    setThemeMode(initialMode);
-    themeModeRef.current = initialMode;
-    applyTheme(initialMode);
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const handleSystemThemeChange = () => {
-      if (themeModeRef.current === "system") {
-        applyTheme("system");
-      }
-    };
-    mediaQuery.addEventListener("change", handleSystemThemeChange);
-    return () => {
-      mediaQuery.removeEventListener("change", handleSystemThemeChange);
-    };
-  }, [applyTheme]);
-  return {
-    themeMode,
-    isDark,
-    toggleTheme,
-    setTheme
-  };
-};
-
-// src/components/ThemeToggle/ThemeToggle.tsx
-import { forwardRef as forwardRef16 } from "react";
-import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
-var ThemeToggle = forwardRef16(
-  ({
-    variant = "simple",
-    size = "md",
-    showIcons = true,
-    showLabels = true,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    const { themeMode, isDark, toggleTheme, setTheme } = useTheme();
-    const sizeClasses = {
-      sm: "text-sm px-3 py-1.5",
-      md: "text-md px-4 py-2",
-      lg: "text-lg px-5 py-2.5"
-    };
-    const activeClasses = "bg-primary-500 text-white";
-    const inactiveClasses = "bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600";
-    const baseButtonClasses = "inline-flex items-center justify-center gap-2 rounded-md border border-gray-300 dark:border-gray-600 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500";
-    const smallButtonClasses = "px-3 py-1.5 rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500";
-    const renderThemeButton = (theme, icon, label, isActive, buttonSize) => {
-      const buttonClasses = buttonSize ? cn(baseButtonClasses, sizeClasses[buttonSize]) : smallButtonClasses;
-      const stateClasses = isActive ? activeClasses : inactiveClasses;
-      return /* @__PURE__ */ jsxs26(
-        "button",
-        {
-          type: "button",
-          onClick: () => setTheme(theme),
-          className: cn(buttonClasses, stateClasses),
-          ...buttonSize ? props : {},
-          children: [
-            showIcons && icon,
-            showLabels && label
-          ]
-        }
-      );
-    };
-    if (variant === "simple") {
-      return /* @__PURE__ */ jsx32(
-        "button",
-        {
-          type: "button",
-          ref,
-          onClick: toggleTheme,
-          className: cn(
-            "inline-flex items-center justify-center gap-2 rounded-md border border-gray-300 dark:border-gray-600 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-            sizeClasses[size],
-            className
-          ),
-          ...props,
-          children: children || /* @__PURE__ */ jsxs26(Fragment6, { children: [
-            showIcons && (isDark ? "\u2600\uFE0F" : "\u{1F319}"),
-            showLabels && (isDark ? "Claro" : "Escuro")
-          ] })
-        }
-      );
-    }
-    if (variant === "detailed") {
-      const getLabel = () => {
-        if (themeMode === "system") return "Sistema";
-        if (isDark) return "Escuro";
-        return "Claro";
-      };
-      return /* @__PURE__ */ jsxs26("div", { className: cn("flex flex-col gap-2", className), children: [
-        /* @__PURE__ */ jsxs26("div", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [
-          "Tema: ",
-          getLabel()
-        ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex gap-1", children: [
-          renderThemeButton("light", "\u2600\uFE0F ", "Claro", themeMode === "light"),
-          renderThemeButton("dark", "\u{1F319} ", "Escuro", themeMode === "dark"),
-          renderThemeButton(
-            "system",
-            "\u2699\uFE0F ",
-            "Sistema",
-            themeMode === "system"
-          )
-        ] })
-      ] });
-    }
-    if (variant === "buttons") {
-      return /* @__PURE__ */ jsxs26("div", { className: cn("flex gap-2", className), children: [
-        renderThemeButton(
-          "light",
-          "\u2600\uFE0F",
-          "Claro",
-          themeMode === "light",
-          size
-        ),
-        renderThemeButton(
-          "dark",
-          "\u{1F319}",
-          "Escuro",
-          themeMode === "dark",
-          size
-        ),
-        renderThemeButton(
-          "system",
-          "\u2699\uFE0F",
-          "Sistema",
-          themeMode === "system",
-          size
-        )
-      ] });
-    }
-    return null;
-  }
-);
-ThemeToggle.displayName = "ThemeToggle";
-
 // src/components/Select/Select.tsx
 import { create as create5, useStore as useStore4 } from "zustand";
 import {
-  useEffect as useEffect11,
+  useEffect as useEffect12,
   useRef as useRef8,
-  forwardRef as forwardRef17,
+  forwardRef as forwardRef16,
   isValidElement as isValidElement4,
   Children as Children4,
   cloneElement as cloneElement4,
-  useId as useId9
+  useId as useId10
 } from "react";
 import { CaretDown, Check as Check5, WarningCircle as WarningCircle5 } from "phosphor-react";
-import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 var VARIANT_CLASSES4 = {
   outlined: "border-2 rounded-lg focus:border-primary-950",
   underlined: "border-b-2 focus:border-primary-950",
@@ -6300,7 +6470,7 @@ var Select = ({
   const store = storeRef.current;
   const selectRef = useRef8(null);
   const { open, setOpen, setValue, selectedLabel } = useStore4(store, (s) => s);
-  const generatedId = useId9();
+  const generatedId = useId10();
   const selectId = id ?? `select-${generatedId}`;
   const findLabelForValue = (children2, targetValue) => {
     let found = null;
@@ -6319,13 +6489,13 @@ var Select = ({
     search(children2);
     return found;
   };
-  useEffect11(() => {
+  useEffect12(() => {
     if (!selectedLabel && defaultValue) {
       const label2 = findLabelForValue(children, defaultValue);
       if (label2) store.setState({ selectedLabel: label2 });
     }
   }, [children, defaultValue, selectedLabel]);
-  useEffect11(() => {
+  useEffect12(() => {
     const handleClickOutside = (event) => {
       if (selectRef.current && !selectRef.current.contains(event.target)) {
         setOpen(false);
@@ -6360,7 +6530,7 @@ var Select = ({
       document.removeEventListener("keydown", handleArrowKeys);
     };
   }, [open]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (propValue) {
       setValue(propValue);
       const label2 = findLabelForValue(children, propValue);
@@ -6368,7 +6538,7 @@ var Select = ({
     }
   }, [propValue]);
   const sizeClasses = SIZE_CLASSES12[size];
-  return /* @__PURE__ */ jsxs27("div", { className: cn("w-full", className), children: [
+  return /* @__PURE__ */ jsxs26("div", { className: cn("w-full", className), children: [
     label && /* @__PURE__ */ jsx33(
       "label",
       {
@@ -6378,9 +6548,9 @@ var Select = ({
       }
     ),
     /* @__PURE__ */ jsx33("div", { className: cn("relative w-full"), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
-    (helperText || errorMessage) && /* @__PURE__ */ jsxs27("div", { className: "mt-1.5 gap-1.5", children: [
+    (helperText || errorMessage) && /* @__PURE__ */ jsxs26("div", { className: "mt-1.5 gap-1.5", children: [
       helperText && /* @__PURE__ */ jsx33("p", { className: "text-sm text-text-500", children: helperText }),
-      errorMessage && /* @__PURE__ */ jsxs27("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
+      errorMessage && /* @__PURE__ */ jsxs26("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
         /* @__PURE__ */ jsx33(WarningCircle5, { size: 16 }),
         " ",
         errorMessage
@@ -6397,7 +6567,7 @@ var SelectValue = ({
   const value = useStore4(store, (s) => s.value);
   return /* @__PURE__ */ jsx33("span", { className: "text-inherit flex gap-2 items-center", children: selectedLabel || placeholder || value });
 };
-var SelectTrigger = forwardRef17(
+var SelectTrigger = forwardRef16(
   ({
     className,
     invalid = false,
@@ -6414,7 +6584,7 @@ var SelectTrigger = forwardRef17(
     const variantClasses = VARIANT_CLASSES4[variant];
     const heightClasses = HEIGHT_CLASSES[size];
     const paddingClasses = PADDING_CLASSES[size];
-    return /* @__PURE__ */ jsxs27(
+    return /* @__PURE__ */ jsxs26(
       "button",
       {
         ref,
@@ -6451,7 +6621,7 @@ var SelectTrigger = forwardRef17(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = forwardRef17(
+var SelectContent = forwardRef16(
   ({
     children,
     className,
@@ -6481,7 +6651,7 @@ var SelectContent = forwardRef17(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = forwardRef17(
+var SelectItem = forwardRef16(
   ({
     className,
     children,
@@ -6508,7 +6678,7 @@ var SelectItem = forwardRef17(
       }
       props.onClick?.(e);
     };
-    return /* @__PURE__ */ jsxs27(
+    return /* @__PURE__ */ jsxs26(
       "div",
       {
         role: "menuitem",
@@ -6541,16 +6711,16 @@ var Select_default = Select;
 // src/components/Menu/Menu.tsx
 import { create as create6, useStore as useStore5 } from "zustand";
 import {
-  useEffect as useEffect12,
+  useEffect as useEffect13,
   useRef as useRef9,
-  forwardRef as forwardRef18,
+  forwardRef as forwardRef17,
   isValidElement as isValidElement5,
   Children as Children5,
   cloneElement as cloneElement5,
-  useState as useState14
+  useState as useState15
 } from "react";
-import { CaretLeft as CaretLeft2, CaretRight as CaretRight3 } from "phosphor-react";
-import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+import { CaretLeft as CaretLeft2, CaretRight as CaretRight4 } from "phosphor-react";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 var createMenuStore = (onValueChange) => create6((set) => ({
   value: "",
   setValue: (value) => {
@@ -6569,7 +6739,7 @@ var VARIANT_CLASSES5 = {
   "menu-overflow": "",
   breadcrumb: "bg-transparent shadow-none !px-0"
 };
-var Menu = forwardRef18(
+var Menu = forwardRef17(
   ({
     className,
     children,
@@ -6583,7 +6753,7 @@ var Menu = forwardRef18(
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
     const { setValue } = useStore5(store, (s) => s);
-    useEffect12(() => {
+    useEffect13(() => {
       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";
@@ -6604,7 +6774,7 @@ var Menu = forwardRef18(
   }
 );
 Menu.displayName = "Menu";
-var MenuContent = forwardRef18(
+var MenuContent = forwardRef17(
   ({ 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" : "";
@@ -6626,7 +6796,7 @@ var MenuContent = forwardRef18(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = forwardRef18(
+var MenuItem = forwardRef17(
   ({
     className,
     children,
@@ -6675,7 +6845,7 @@ var MenuItem = forwardRef18(
           children
         }
       ),
-      menu2: /* @__PURE__ */ jsxs28(
+      menu2: /* @__PURE__ */ jsxs27(
         "li",
         {
           "data-variant": "menu2",
@@ -6700,7 +6870,7 @@ var MenuItem = forwardRef18(
           ]
         }
       ),
-      "menu-overflow": /* @__PURE__ */ jsxs28(
+      "menu-overflow": /* @__PURE__ */ jsxs27(
         "li",
         {
           "data-variant": "menu-overflow",
@@ -6725,7 +6895,7 @@ var MenuItem = forwardRef18(
           ]
         }
       ),
-      breadcrumb: /* @__PURE__ */ jsxs28(
+      breadcrumb: /* @__PURE__ */ jsxs27(
         "li",
         {
           "data-variant": "breadcrumb",
@@ -6748,7 +6918,7 @@ var MenuItem = forwardRef18(
               }
             ),
             separator && /* @__PURE__ */ jsx34(
-              CaretRight3,
+              CaretRight4,
               {
                 size: 16,
                 className: "text-text-600",
@@ -6785,9 +6955,9 @@ var MenuOverflow = ({
   ...props
 }) => {
   const containerRef = useRef9(null);
-  const [showLeftArrow, setShowLeftArrow] = useState14(false);
-  const [showRightArrow, setShowRightArrow] = useState14(false);
-  useEffect12(() => {
+  const [showLeftArrow, setShowLeftArrow] = useState15(false);
+  const [showRightArrow, setShowRightArrow] = useState15(false);
+  useEffect13(() => {
     const checkScroll = () => internalCheckScroll(
       containerRef.current,
       setShowLeftArrow,
@@ -6802,13 +6972,13 @@ var MenuOverflow = ({
       window.removeEventListener("resize", checkScroll);
     };
   }, []);
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       "data-testid": "menu-overflow-wrapper",
       className: cn("relative w-full overflow-hidden", className),
       children: [
-        showLeftArrow && /* @__PURE__ */ jsxs28(
+        showLeftArrow && /* @__PURE__ */ jsxs27(
           "button",
           {
             onClick: () => internalScroll(containerRef.current, "left"),
@@ -6831,14 +7001,14 @@ var MenuOverflow = ({
             children: /* @__PURE__ */ jsx34(MenuContent, { ref: containerRef, variant: "menu2", children })
           }
         ),
-        showRightArrow && /* @__PURE__ */ jsxs28(
+        showRightArrow && /* @__PURE__ */ jsxs27(
           "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__ */ jsx34(CaretRight3, { size: 16 }),
+              /* @__PURE__ */ jsx34(CaretRight4, { size: 16 }),
               /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "Scroll right" })
             ]
           }
@@ -6859,8 +7029,8 @@ var injectStore5 = (children, store) => Children5.map(children, (child) => {
 var Menu_default = Menu;
 
 // src/components/Skeleton/Skeleton.tsx
-import { forwardRef as forwardRef19 } from "react";
-import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
+import { forwardRef as forwardRef18 } from "react";
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 var SKELETON_ANIMATION_CLASSES = {
   pulse: "animate-pulse",
   none: ""
@@ -6877,7 +7047,7 @@ var SPACING_CLASSES = {
   medium: "space-y-2",
   large: "space-y-3"
 };
-var Skeleton = forwardRef19(
+var Skeleton = forwardRef18(
   ({
     variant = "text",
     width,
@@ -6926,13 +7096,13 @@ var Skeleton = forwardRef19(
     );
   }
 );
-var SkeletonText = forwardRef19(
+var SkeletonText = forwardRef18(
   (props, ref) => /* @__PURE__ */ jsx35(Skeleton, { ref, variant: "text", ...props })
 );
-var SkeletonCircle = forwardRef19((props, ref) => /* @__PURE__ */ jsx35(Skeleton, { ref, variant: "circular", ...props }));
-var SkeletonRectangle = forwardRef19((props, ref) => /* @__PURE__ */ jsx35(Skeleton, { ref, variant: "rectangular", ...props }));
-var SkeletonRounded = forwardRef19((props, ref) => /* @__PURE__ */ jsx35(Skeleton, { ref, variant: "rounded", ...props }));
-var SkeletonCard = forwardRef19(
+var SkeletonCircle = forwardRef18((props, ref) => /* @__PURE__ */ jsx35(Skeleton, { ref, variant: "circular", ...props }));
+var SkeletonRectangle = forwardRef18((props, ref) => /* @__PURE__ */ jsx35(Skeleton, { ref, variant: "rectangular", ...props }));
+var SkeletonRounded = forwardRef18((props, ref) => /* @__PURE__ */ jsx35(Skeleton, { ref, variant: "rounded", ...props }));
+var SkeletonCard = forwardRef18(
   ({
     showAvatar = true,
     showTitle = true,
@@ -6942,7 +7112,7 @@ var SkeletonCard = forwardRef19(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs29(
+    return /* @__PURE__ */ jsxs28(
       "div",
       {
         ref,
@@ -6952,14 +7122,14 @@ var SkeletonCard = forwardRef19(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs29("div", { className: "flex items-start space-x-3", children: [
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-start space-x-3", children: [
             showAvatar && /* @__PURE__ */ jsx35(SkeletonCircle, { width: 40, height: 40 }),
-            /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2", children: [
               showTitle && /* @__PURE__ */ jsx35(SkeletonText, { width: "60%", height: 20 }),
               showDescription && /* @__PURE__ */ jsx35(SkeletonText, { lines, spacing: "small" })
             ] })
           ] }),
-          showActions && /* @__PURE__ */ jsxs29("div", { className: "flex justify-end space-x-2 mt-4", children: [
+          showActions && /* @__PURE__ */ jsxs28("div", { className: "flex justify-end space-x-2 mt-4", children: [
             /* @__PURE__ */ jsx35(SkeletonRectangle, { width: 80, height: 32 }),
             /* @__PURE__ */ jsx35(SkeletonRectangle, { width: 80, height: 32 })
           ] })
@@ -6968,7 +7138,7 @@ var SkeletonCard = forwardRef19(
     );
   }
 );
-var SkeletonList = forwardRef19(
+var SkeletonList = forwardRef18(
   ({
     items = 3,
     showAvatar = true,
@@ -6978,18 +7148,18 @@ var SkeletonList = forwardRef19(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx35("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs29("div", { className: "flex items-start space-x-3 p-3", children: [
+    return /* @__PURE__ */ jsx35("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs28("div", { className: "flex items-start space-x-3 p-3", children: [
       showAvatar && /* @__PURE__ */ jsx35(SkeletonCircle, { width: 32, height: 32 }),
-      /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2", children: [
         showTitle && /* @__PURE__ */ jsx35(SkeletonText, { width: "40%", height: 16 }),
         showDescription && /* @__PURE__ */ jsx35(SkeletonText, { lines, spacing: "small" })
       ] })
     ] }, index)) });
   }
 );
-var SkeletonTable = forwardRef19(
+var SkeletonTable = forwardRef18(
   ({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
-    return /* @__PURE__ */ jsxs29("div", { ref, className: cn("w-full", className), ...props, children: [
+    return /* @__PURE__ */ jsxs28("div", { ref, className: cn("w-full", className), ...props, children: [
       showHeader && /* @__PURE__ */ jsx35("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx35(
         SkeletonText,
         {
@@ -7011,7 +7181,7 @@ var SkeletonTable = forwardRef19(
 );
 
 // src/components/NotFound/NotFound.tsx
-import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 var NotFound = ({
   title,
   description,
@@ -7068,7 +7238,7 @@ var NotFound = ({
           "aria-labelledby": "error-title",
           "aria-describedby": "error-description",
           className: "flex flex-col items-center text-center max-w-md space-y-6",
-          children: /* @__PURE__ */ jsxs30("section", { "aria-label": `Erro ${errorCode}`, children: [
+          children: /* @__PURE__ */ jsxs29("section", { "aria-label": `Erro ${errorCode}`, children: [
             /* @__PURE__ */ jsx36(
               "div",
               {
@@ -7077,7 +7247,7 @@ var NotFound = ({
                 children: errorCode
               }
             ),
-            /* @__PURE__ */ jsxs30("header", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs29("header", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx36(
                 Text_default,
                 {
@@ -7114,8 +7284,8 @@ var NotFound_default = NotFound;
 // src/components/VideoPlayer/VideoPlayer.tsx
 import {
   useRef as useRef10,
-  useState as useState15,
-  useEffect as useEffect13,
+  useState as useState16,
+  useEffect as useEffect14,
   useCallback as useCallback2
 } from "react";
 import { createPortal } from "react-dom";
@@ -7129,7 +7299,7 @@ import {
   ClosedCaptioning,
   DotsThreeVertical as DotsThreeVertical2
 } from "phosphor-react";
-import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 var CONTROLS_HIDE_TIMEOUT = 3e3;
 var LEAVE_HIDE_TIMEOUT = 1e3;
 var INIT_DELAY = 100;
@@ -7164,7 +7334,7 @@ var VolumeControls = ({
   isMuted,
   onVolumeChange,
   onToggleMute
-}) => /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2", children: [
+}) => /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ jsx37(
     IconButton_default,
     {
@@ -7218,7 +7388,7 @@ var SpeedMenu = ({
         top: `${position.top}px`,
         left: `${position.left}px`
       } : void 0,
-      children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ jsxs31(
+      children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ jsxs30(
         "button",
         {
           role: "menuitemradio",
@@ -7235,7 +7405,7 @@ var SpeedMenu = ({
     }
   );
   const portalContent = typeof window !== "undefined" && typeof document !== "undefined" ? createPortal(menuContent, document.body) : null;
-  return /* @__PURE__ */ jsxs31("div", { className: "relative", children: [
+  return /* @__PURE__ */ jsxs30("div", { className: "relative", children: [
     /* @__PURE__ */ jsx37(
       IconButton_default,
       {
@@ -7266,20 +7436,20 @@ var VideoPlayer = ({
   storageKey = "video-progress"
 }) => {
   const videoRef = useRef10(null);
-  const [isPlaying, setIsPlaying] = useState15(false);
-  const [currentTime, setCurrentTime] = useState15(0);
-  const [duration, setDuration] = useState15(0);
-  const [isMuted, setIsMuted] = useState15(false);
-  const [volume, setVolume] = useState15(1);
-  const [isFullscreen, setIsFullscreen] = useState15(false);
-  const [showControls, setShowControls] = useState15(true);
-  const [hasCompleted, setHasCompleted] = useState15(false);
-  const [showCaptions, setShowCaptions] = useState15(false);
-  useEffect13(() => {
+  const [isPlaying, setIsPlaying] = useState16(false);
+  const [currentTime, setCurrentTime] = useState16(0);
+  const [duration, setDuration] = useState16(0);
+  const [isMuted, setIsMuted] = useState16(false);
+  const [volume, setVolume] = useState16(1);
+  const [isFullscreen, setIsFullscreen] = useState16(false);
+  const [showControls, setShowControls] = useState16(true);
+  const [hasCompleted, setHasCompleted] = useState16(false);
+  const [showCaptions, setShowCaptions] = useState16(false);
+  useEffect14(() => {
     setHasCompleted(false);
   }, [src]);
-  const [playbackRate, setPlaybackRate] = useState15(1);
-  const [showSpeedMenu, setShowSpeedMenu] = useState15(false);
+  const [playbackRate, setPlaybackRate] = useState16(1);
+  const [showSpeedMenu, setShowSpeedMenu] = useState16(false);
   const lastSaveTimeRef = useRef10(0);
   const trackRef = useRef10(null);
   const controlsTimeoutRef = useRef10(null);
@@ -7347,13 +7517,13 @@ var VideoPlayer = ({
       }, LEAVE_HIDE_TIMEOUT);
     }
   }, [isFullscreen, clearControlsTimeout, isUserInteracting]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (videoRef.current) {
       videoRef.current.volume = volume;
       videoRef.current.muted = isMuted;
     }
   }, [volume, isMuted]);
-  useEffect13(() => {
+  useEffect14(() => {
     const video = videoRef.current;
     if (!video) return;
     const onPlay = () => setIsPlaying(true);
@@ -7368,7 +7538,7 @@ var VideoPlayer = ({
       video.removeEventListener("ended", onEnded);
     };
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     if (isPlaying) {
       showControlsWithTimer();
     } else {
@@ -7380,7 +7550,7 @@ var VideoPlayer = ({
       }
     }
   }, [isPlaying, isFullscreen, showControlsWithTimer, clearControlsTimeout]);
-  useEffect13(() => {
+  useEffect14(() => {
     const handleFullscreenChange = () => {
       const isCurrentlyFullscreen = !!document.fullscreenElement;
       setIsFullscreen(isCurrentlyFullscreen);
@@ -7393,7 +7563,7 @@ var VideoPlayer = ({
       document.removeEventListener("fullscreenchange", handleFullscreenChange);
     };
   }, [showControlsWithTimer]);
-  useEffect13(() => {
+  useEffect14(() => {
     const init = () => {
       if (!isFullscreen) {
         showControlsWithTimer();
@@ -7426,7 +7596,7 @@ var VideoPlayer = ({
     if (hasValidSaved) return saved;
     return void 0;
   }, [autoSave, storageKey, src, initialTime]);
-  useEffect13(() => {
+  useEffect14(() => {
     const start = getInitialTime();
     if (start !== void 0 && videoRef.current) {
       videoRef.current.currentTime = start;
@@ -7547,12 +7717,12 @@ var VideoPlayer = ({
       setDuration(videoRef.current.duration);
     }
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     if (trackRef.current?.track) {
       trackRef.current.track.mode = showCaptions && subtitles ? "showing" : "hidden";
     }
   }, [subtitles, showCaptions]);
-  useEffect13(() => {
+  useEffect14(() => {
     const handleVisibilityChange = () => {
       if (document.hidden && isPlaying && videoRef.current) {
         videoRef.current.pause();
@@ -7635,8 +7805,8 @@ var VideoPlayer = ({
       toggleFullscreen
     ]
   );
-  return /* @__PURE__ */ jsxs31("div", { className: cn("flex flex-col", className), children: [
-    (title || subtitleText) && /* @__PURE__ */ jsx37("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+  return /* @__PURE__ */ jsxs30("div", { className: cn("flex flex-col", className), children: [
+    (title || subtitleText) && /* @__PURE__ */ jsx37("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
       title && /* @__PURE__ */ jsx37(
         Text_default,
         {
@@ -7660,7 +7830,7 @@ var VideoPlayer = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsxs31(
+    /* @__PURE__ */ jsxs30(
       "section",
       {
         className: cn(
@@ -7729,7 +7899,7 @@ var VideoPlayer = ({
               ) })
             }
           ),
-          /* @__PURE__ */ jsxs31(
+          /* @__PURE__ */ jsxs30(
             "div",
             {
               className: cn(
@@ -7746,8 +7916,8 @@ var VideoPlayer = ({
                     onSeek: handleSeek
                   }
                 ),
-                /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between px-4 pb-4", children: [
-                  /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-4", children: [
+                /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between px-4 pb-4", children: [
+                  /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-4", children: [
                     /* @__PURE__ */ jsx37(
                       IconButton_default,
                       {
@@ -7778,7 +7948,7 @@ var VideoPlayer = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsxs31(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
+                    /* @__PURE__ */ jsxs30(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
                       formatTime(currentTime),
                       " / ",
                       formatTime(duration)
@@ -7806,9 +7976,9 @@ var VideoPlayer = ({
 var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
-import { useCallback as useCallback3, useState as useState16 } from "react";
+import { useCallback as useCallback3, useState as useState17 } from "react";
 import { ArrowsOut } from "phosphor-react";
-import { Fragment as Fragment8, jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 var IMAGE_WIDTH = 225;
 var IMAGE_HEIGHT = 90;
 var Whiteboard = ({
@@ -7819,7 +7989,7 @@ var Whiteboard = ({
   imagesPerRow = 2,
   ...rest
 }) => {
-  const [imageErrors, setImageErrors] = useState16(/* @__PURE__ */ new Set());
+  const [imageErrors, setImageErrors] = useState17(/* @__PURE__ */ new Set());
   const handleDownload = useCallback3(
     (image) => {
       if (onDownload) {
@@ -7866,7 +8036,7 @@ var Whiteboard = ({
         className
       ),
       ...rest,
-      children: /* @__PURE__ */ jsx38("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ jsxs32(
+      children: /* @__PURE__ */ jsx38("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ jsxs31(
         "div",
         {
           className: "relative group overflow-hidden bg-gray-100 rounded-lg",
@@ -7882,7 +8052,7 @@ var Whiteboard = ({
                   width: `${IMAGE_WIDTH}px`,
                   height: `${IMAGE_HEIGHT}px`
                 },
-                children: imageErrors.has(image.id) ? /* @__PURE__ */ jsx38("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ jsx38("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ jsxs32(Fragment8, { children: [
+                children: imageErrors.has(image.id) ? /* @__PURE__ */ jsx38("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ jsx38("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ jsxs31(Fragment8, { children: [
                   /* @__PURE__ */ jsx38(
                     "img",
                     {
@@ -7927,8 +8097,8 @@ var Whiteboard_default = Whiteboard;
 import {
   createContext,
   useContext,
-  useEffect as useEffect14,
-  useState as useState17,
+  useEffect as useEffect15,
+  useState as useState18,
   useCallback as useCallback4,
   useMemo as useMemo4
 } from "react";
@@ -7944,7 +8114,7 @@ var AuthProvider = ({
   getSessionFn,
   getTokensFn
 }) => {
-  const [authState, setAuthState] = useState17({
+  const [authState, setAuthState] = useState18({
     isAuthenticated: false,
     isLoading: true,
     ...initialAuthState
@@ -7992,7 +8162,7 @@ var AuthProvider = ({
       tokens: void 0
     }));
   }, [signOutFn]);
-  useEffect14(() => {
+  useEffect15(() => {
     checkAuth();
   }, [checkAuth]);
   const contextValue = useMemo4(
@@ -8146,7 +8316,7 @@ function createZustandAuthAdapter(useAuthStore) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-import { useEffect as useEffect15, useRef as useRef11 } from "react";
+import { useEffect as useEffect16, useRef as useRef11 } from "react";
 import { useLocation as useLocation2 } from "react-router-dom";
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -8195,7 +8365,7 @@ var handleUserData = (responseData, setUser) => {
 function useUrlAuthentication(options) {
   const location = useLocation2();
   const processedRef = useRef11(false);
-  useEffect15(() => {
+  useEffect16(() => {
     const handleAuthentication = async () => {
       if (processedRef.current) {
         return;
@@ -8279,7 +8449,7 @@ function useApiConfig(api) {
 // src/components/Quiz/Quiz.tsx
 import {
   CaretLeft as CaretLeft3,
-  CaretRight as CaretRight4,
+  CaretRight as CaretRight5,
   Clock as Clock2,
   SquaresFour,
   BookOpen,
@@ -8287,11 +8457,11 @@ import {
   XCircle as XCircle5
 } from "phosphor-react";
 import {
-  forwardRef as forwardRef20,
-  useEffect as useEffect16,
+  forwardRef as forwardRef19,
+  useEffect as useEffect17,
   useMemo as useMemo6,
-  useId as useId10,
-  useState as useState18,
+  useId as useId11,
+  useState as useState19,
   useCallback as useCallback5,
   useRef as useRef12
 } from "react";
@@ -8930,7 +9100,7 @@ var useQuizStore = create7()(
 var mock_image_question_default = "./mock-image-question-HEZCLFDL.png";
 
 // src/components/Quiz/Quiz.tsx
-import { Fragment as Fragment10, jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 var getStatusBadge = (status) => {
   switch (status) {
     case "correct":
@@ -8949,18 +9119,18 @@ var getStatusStyles = (variantCorrect) => {
       return "bg-error-background border-error-300";
   }
 };
-var Quiz = forwardRef20(({ children, className, variant = "default", ...props }, ref) => {
+var Quiz = forwardRef19(({ children, className, variant = "default", ...props }, ref) => {
   const { setVariant } = useQuizStore();
-  useEffect16(() => {
+  useEffect17(() => {
     setVariant(variant);
   }, [variant, setVariant]);
   return /* @__PURE__ */ jsx40("div", { ref, className: cn("flex flex-col", className), ...props, children });
 });
-var QuizHeaderResult = forwardRef20(
+var QuizHeaderResult = forwardRef19(
   ({ className, ...props }, ref) => {
     const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
-    const [status, setStatus] = useState18(void 0);
-    useEffect16(() => {
+    const [status, setStatus] = useState19(void 0);
+    useEffect17(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
         setStatus(void 0);
@@ -8995,7 +9165,7 @@ var QuizHeaderResult = forwardRef20(
           return "N\xE3o foi dessa vez...voc\xEA deixou a resposta em branco";
       }
     };
-    return /* @__PURE__ */ jsxs33(
+    return /* @__PURE__ */ jsxs32(
       "div",
       {
         ref,
@@ -9013,7 +9183,7 @@ var QuizHeaderResult = forwardRef20(
     );
   }
 );
-var QuizTitle = forwardRef20(
+var QuizTitle = forwardRef19(
   ({ className, ...props }, ref) => {
     const {
       currentQuestionIndex,
@@ -9023,7 +9193,7 @@ var QuizTitle = forwardRef20(
       formatTime: formatTime2,
       isStarted
     } = useQuizStore();
-    const [showExitConfirmation, setShowExitConfirmation] = useState18(false);
+    const [showExitConfirmation, setShowExitConfirmation] = useState19(false);
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
     const handleBackClick = () => {
@@ -9040,8 +9210,8 @@ var QuizTitle = forwardRef20(
     const handleCancelExit = () => {
       setShowExitConfirmation(false);
     };
-    return /* @__PURE__ */ jsxs33(Fragment10, { children: [
-      /* @__PURE__ */ jsxs33(
+    return /* @__PURE__ */ jsxs32(Fragment10, { children: [
+      /* @__PURE__ */ jsxs32(
         "div",
         {
           ref,
@@ -9060,7 +9230,7 @@ var QuizTitle = forwardRef20(
                 onClick: handleBackClick
               }
             ),
-            /* @__PURE__ */ jsxs33("span", { className: "flex flex-col gap-2 text-center", children: [
+            /* @__PURE__ */ jsxs32("span", { className: "flex flex-col gap-2 text-center", children: [
               /* @__PURE__ */ jsx40("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
               /* @__PURE__ */ jsx40("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
             ] }),
@@ -9084,7 +9254,7 @@ var QuizTitle = forwardRef20(
     ] });
   }
 );
-var QuizSubTitle = forwardRef20(
+var QuizSubTitle = forwardRef19(
   ({ subTitle, ...props }, ref) => {
     return /* @__PURE__ */ jsx40("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ jsx40("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
   }
@@ -9101,7 +9271,7 @@ var QuizHeader = () => {
     }
   );
 };
-var QuizContainer = forwardRef20(({ children, className, ...props }, ref) => {
+var QuizContainer = forwardRef19(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsx40(
     "div",
     {
@@ -9115,7 +9285,7 @@ var QuizContainer = forwardRef20(({ children, className, ...props }, ref) => {
     }
   );
 });
-var QuizContent = forwardRef20(({ paddingBottom }) => {
+var QuizContent = forwardRef19(({ paddingBottom }) => {
   const { getCurrentQuestion } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const questionComponents = {
@@ -9166,7 +9336,7 @@ var QuizAlternative = ({ paddingBottom }) => {
   });
   if (!alternatives)
     return /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("p", { children: "N\xE3o h\xE1 Alternativas" }) });
-  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs32(Fragment10, { children: [
     /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Alternativas" }),
     /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx40("div", { className: "space-y-4", children: /* @__PURE__ */ jsx40(
       AlternativesList,
@@ -9267,7 +9437,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
   });
   if (!choices)
     return /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
-  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs32(Fragment10, { children: [
     /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Alternativas" }),
     /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx40("div", { className: "space-y-4", children: /* @__PURE__ */ jsx40(
       MultipleChoiceList,
@@ -9311,14 +9481,14 @@ var QuizDissertative = ({ paddingBottom }) => {
       textareaRef.current.style.height = `${newHeight}px`;
     }
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
     return /* @__PURE__ */ jsx40("div", { className: "space-y-4", children: /* @__PURE__ */ jsx40("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
   }
   const localAnswer = (variant == "result" ? currentQuestionResult?.answer : currentAnswer?.answer) || "";
-  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs32(Fragment10, { children: [
     /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Resposta" }),
     /* @__PURE__ */ jsx40(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ jsx40("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ jsx40("div", { className: "space-y-4", children: /* @__PURE__ */ jsx40(
       TextArea_default,
@@ -9331,7 +9501,7 @@ var QuizDissertative = ({ paddingBottom }) => {
         className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto"
       }
     ) }) : /* @__PURE__ */ jsx40("div", { className: "space-y-4", children: /* @__PURE__ */ jsx40("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
-    variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs32(Fragment10, { children: [
       /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
       /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx40("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Mauris euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim." }) })
     ] })
@@ -9359,16 +9529,16 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
   ];
   const getLetterByIndex = (index) => String.fromCharCode(97 + index);
   const isDefaultVariant = variant == "default";
-  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs32(Fragment10, { children: [
     /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Alternativas" }),
     /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx40("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
       const variantCorrect = option.isCorrect ? "correct" : "incorrect";
-      return /* @__PURE__ */ jsxs33(
+      return /* @__PURE__ */ jsxs32(
         "section",
         {
           className: "flex flex-col gap-2",
           children: [
-            /* @__PURE__ */ jsxs33(
+            /* @__PURE__ */ jsxs32(
               "div",
               {
                 className: cn(
@@ -9377,9 +9547,9 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
                 ),
                 children: [
                   /* @__PURE__ */ jsx40("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
-                  isDefaultVariant ? /* @__PURE__ */ jsxs33(Select_default, { size: "medium", children: [
+                  isDefaultVariant ? /* @__PURE__ */ jsxs32(Select_default, { size: "medium", children: [
                     /* @__PURE__ */ jsx40(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
-                    /* @__PURE__ */ jsxs33(SelectContent, { children: [
+                    /* @__PURE__ */ jsxs32(SelectContent, { children: [
                       /* @__PURE__ */ jsx40(SelectItem, { value: "V", children: "Verdadeiro" }),
                       /* @__PURE__ */ jsx40(SelectItem, { value: "F", children: "Falso" })
                     ] })
@@ -9387,7 +9557,7 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
                 ]
               }
             ),
-            !isDefaultVariant && /* @__PURE__ */ jsxs33("span", { className: "flex flex-row gap-2 items-center", children: [
+            !isDefaultVariant && /* @__PURE__ */ jsxs32("span", { className: "flex flex-row gap-2 items-center", children: [
               /* @__PURE__ */ jsx40("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
               !option.isCorrect && /* @__PURE__ */ jsx40("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
             ] })
@@ -9450,7 +9620,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
       isCorrect: false
     }
   ];
-  const [userAnswers, setUserAnswers] = useState18(() => {
+  const [userAnswers, setUserAnswers] = useState19(() => {
     if (variant === "result") {
       return mockUserAnswers;
     }
@@ -9479,13 +9649,13 @@ var QuizConnectDots = ({ paddingBottom }) => {
   const assignedDots = new Set(
     userAnswers.map((a) => a.dotOption).filter(Boolean)
   );
-  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs32(Fragment10, { children: [
     /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Alternativas" }),
     /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx40("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__ */ jsxs33("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs33(
+      return /* @__PURE__ */ jsxs32("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs32(
           "div",
           {
             className: cn(
@@ -9494,7 +9664,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
             ),
             children: [
               /* @__PURE__ */ jsx40("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
-              isDefaultVariant ? /* @__PURE__ */ jsxs33(
+              isDefaultVariant ? /* @__PURE__ */ jsxs32(
                 Select_default,
                 {
                   size: "medium",
@@ -9511,12 +9681,12 @@ var QuizConnectDots = ({ paddingBottom }) => {
             ]
           }
         ),
-        !isDefaultVariant && /* @__PURE__ */ jsxs33("span", { className: "flex flex-row gap-2 items-center", children: [
-          /* @__PURE__ */ jsxs33("p", { className: "text-text-800 text-2xs", children: [
+        !isDefaultVariant && /* @__PURE__ */ jsxs32("span", { className: "flex flex-row gap-2 items-center", children: [
+          /* @__PURE__ */ jsxs32("p", { className: "text-text-800 text-2xs", children: [
             "Resposta selecionada: ",
             answer.dotOption || "Nenhuma"
           ] }),
-          !answer.isCorrect && /* @__PURE__ */ jsxs33("p", { className: "text-text-800 text-2xs", children: [
+          !answer.isCorrect && /* @__PURE__ */ jsxs32("p", { className: "text-text-800 text-2xs", children: [
             "Resposta correta: ",
             answer.correctOption
           ] })
@@ -9569,8 +9739,8 @@ var QuizFill = ({ paddingBottom }) => {
       isCorrect: true
     }
   ];
-  const [answers, setAnswers] = useState18({});
-  const baseId = useId10();
+  const [answers, setAnswers] = useState19({});
+  const baseId = useId11();
   const getAvailableOptionsForSelect = (selectId) => {
     const usedOptions = Object.entries(answers).filter(([key]) => key !== selectId).map(([, value]) => value);
     return options.filter((option) => !usedOptions.includes(option));
@@ -9586,7 +9756,7 @@ var QuizFill = ({ paddingBottom }) => {
     return /* @__PURE__ */ jsx40("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__ */ jsxs33(
+    return /* @__PURE__ */ jsxs32(
       Select_default,
       {
         value: selectedValue,
@@ -9671,7 +9841,7 @@ var QuizFill = ({ paddingBottom }) => {
     }
     return elements;
   };
-  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs32(Fragment10, { children: [
     /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Alternativas" }),
     /* @__PURE__ */ jsx40(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx40("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ jsx40(
       "div",
@@ -9683,7 +9853,7 @@ var QuizFill = ({ paddingBottom }) => {
         children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ jsx40("span", { children: element.element }, element.id))
       }
     ) }) }),
-    variant === "result" && /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    variant === "result" && /* @__PURE__ */ jsxs32(Fragment10, { children: [
       /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Resultado" }),
       /* @__PURE__ */ jsx40(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx40("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ jsx40(
         "div",
@@ -9707,7 +9877,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
   };
   const correctRadiusRelative = calculateCorrectRadiusRelative();
   const mockUserAnswerRelative = { x: 0.72, y: 0.348 };
-  const [clickPositionRelative, setClickPositionRelative] = useState18(variant == "result" ? mockUserAnswerRelative : null);
+  const [clickPositionRelative, setClickPositionRelative] = useState19(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);
@@ -9743,36 +9913,36 @@ var QuizImageQuestion = ({ paddingBottom }) => {
     }
     return "bg-success-600/70 border-white";
   };
-  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs32(Fragment10, { children: [
     /* @__PURE__ */ jsx40(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
-    /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsx40(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsxs32(
       "div",
       {
         "data-testid": "quiz-image-container",
         className: "space-y-6 p-3 relative inline-block",
         children: [
-          variant == "result" && /* @__PURE__ */ jsxs33(
+          variant == "result" && /* @__PURE__ */ jsxs32(
             "div",
             {
               "data-testid": "quiz-legend",
               className: "flex items-center gap-4 text-xs",
               children: [
-                /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx40("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
                   /* @__PURE__ */ jsx40("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
                 ] }),
-                /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx40("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
                   /* @__PURE__ */ jsx40("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
                 ] }),
-                /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx40("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
                   /* @__PURE__ */ jsx40("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs33(
+          /* @__PURE__ */ jsxs32(
             "button",
             {
               "data-testid": "quiz-image-button",
@@ -9879,11 +10049,11 @@ var QuizQuestionList = ({
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ jsxs33("div", { className: "space-y-6 px-4 h-full", children: [
+  return /* @__PURE__ */ jsxs32("div", { className: "space-y-6 px-4 h-full", children: [
     Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ jsx40("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ jsx40("p", { className: "text-lg", children: "Nenhum resultado" }) }),
     Object.entries(filteredGroupedQuestions).map(
-      ([subjectId, questions]) => /* @__PURE__ */ jsxs33("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs33("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+      ([subjectId, questions]) => /* @__PURE__ */ jsxs32("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs32("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
           /* @__PURE__ */ jsx40("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx40(BookOpen, { size: 17, className: "text-white" }) }),
           /* @__PURE__ */ jsx40("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
         ] }),
@@ -9907,7 +10077,7 @@ var QuizQuestionList = ({
     )
   ] });
 };
-var QuizFooter = forwardRef20(
+var QuizFooter = forwardRef19(
   ({
     className,
     onGoToSimulated,
@@ -9935,11 +10105,11 @@ var QuizFooter = forwardRef20(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [alertDialogOpen, setAlertDialogOpen] = useState18(false);
-    const [modalResultOpen, setModalResultOpen] = useState18(false);
-    const [modalNavigateOpen, setModalNavigateOpen] = useState18(false);
-    const [modalResolutionOpen, setModalResolutionOpen] = useState18(false);
-    const [filterType, setFilterType] = useState18("all");
+    const [alertDialogOpen, setAlertDialogOpen] = useState19(false);
+    const [modalResultOpen, setModalResultOpen] = useState19(false);
+    const [modalNavigateOpen, setModalNavigateOpen] = useState19(false);
+    const [modalResolutionOpen, setModalResolutionOpen] = useState19(false);
+    const [filterType, setFilterType] = useState19("all");
     const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const allQuestions = getTotalQuestions();
     const handleFinishQuiz = async () => {
@@ -9970,7 +10140,7 @@ var QuizFooter = forwardRef20(
         return;
       }
     };
-    return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs32(Fragment10, { children: [
       /* @__PURE__ */ jsx40(
         "footer",
         {
@@ -9980,8 +10150,8 @@ var QuizFooter = forwardRef20(
             className
           ),
           ...props,
-          children: variant === "default" ? /* @__PURE__ */ jsxs33(Fragment10, { children: [
-            /* @__PURE__ */ jsxs33("div", { className: "flex flex-row items-center gap-1", children: [
+          children: variant === "default" ? /* @__PURE__ */ jsxs32(Fragment10, { children: [
+            /* @__PURE__ */ jsxs32("div", { className: "flex flex-row items-center gap-1", children: [
               /* @__PURE__ */ jsx40(
                 IconButton_default,
                 {
@@ -10044,7 +10214,7 @@ var QuizFooter = forwardRef20(
                 size: "medium",
                 variant: "link",
                 action: "primary",
-                iconRight: /* @__PURE__ */ jsx40(CaretRight4, { size: 18 }),
+                iconRight: /* @__PURE__ */ jsx40(CaretRight5, { size: 18 }),
                 disabled: !currentAnswer && !isCurrentQuestionSkipped,
                 onClick: () => {
                   goToNextQuestion();
@@ -10082,15 +10252,14 @@ var QuizFooter = forwardRef20(
           isOpen: modalResultOpen,
           onClose: () => setModalResultOpen(false),
           title: "",
-          closeOnBackdropClick: false,
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+          children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
             resultImageComponent ? /* @__PURE__ */ jsx40("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ jsx40("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ jsx40("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
-            /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-2 text-center", children: [
+            /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-2 text-center", children: [
               /* @__PURE__ */ jsx40("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
-              /* @__PURE__ */ jsxs33("p", { className: "text-text-500 font-sm", children: [
+              /* @__PURE__ */ jsxs32("p", { className: "text-text-500 font-sm", children: [
                 "Voc\xEA acertou",
                 " ",
                 getQuestionResultStatistics()?.correctAnswers ?? "--",
@@ -10100,7 +10269,7 @@ var QuizFooter = forwardRef20(
                 " quest\xF5es."
               ] })
             ] }),
-            /* @__PURE__ */ jsxs33("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
+            /* @__PURE__ */ jsxs32("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
               /* @__PURE__ */ jsx40(
                 Button_default,
                 {
@@ -10123,10 +10292,10 @@ var QuizFooter = forwardRef20(
           onClose: () => setModalNavigateOpen(false),
           title: "Quest\xF5es",
           size: "lg",
-          children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
-            /* @__PURE__ */ jsxs33("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
+          children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
+            /* @__PURE__ */ jsxs32("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__ */ jsx40("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
-              /* @__PURE__ */ jsx40("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs33(Select_default, { value: filterType, onValueChange: setFilterType, children: [
+              /* @__PURE__ */ jsx40("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs32(Select_default, { value: filterType, onValueChange: setFilterType, children: [
                 /* @__PURE__ */ jsx40(
                   SelectTrigger,
                   {
@@ -10135,7 +10304,7 @@ var QuizFooter = forwardRef20(
                     children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
                   }
                 ),
-                /* @__PURE__ */ jsxs33(SelectContent, { children: [
+                /* @__PURE__ */ jsxs32(SelectContent, { children: [
                   /* @__PURE__ */ jsx40(SelectItem, { value: "all", children: "Todas" }),
                   /* @__PURE__ */ jsx40(SelectItem, { value: "unanswered", children: "Em branco" }),
                   /* @__PURE__ */ jsx40(SelectItem, { value: "answered", children: "Respondidas" })
@@ -10184,10 +10353,10 @@ var QuizBadge = ({
       return /* @__PURE__ */ jsx40(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
   }
 };
-var QuizResultHeaderTitle = forwardRef20(({ className, ...props }, ref) => {
+var QuizResultHeaderTitle = forwardRef19(({ className, ...props }, ref) => {
   const { getActiveQuiz } = useQuizStore();
   const activeQuiz = getActiveQuiz();
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       ref,
@@ -10200,7 +10369,7 @@ var QuizResultHeaderTitle = forwardRef20(({ className, ...props }, ref) => {
     }
   );
 });
-var QuizResultTitle = forwardRef20(({ className, ...props }, ref) => {
+var QuizResultTitle = forwardRef19(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
   return /* @__PURE__ */ jsx40(
@@ -10213,7 +10382,7 @@ var QuizResultTitle = forwardRef20(({ className, ...props }, ref) => {
     }
   );
 });
-var QuizResultPerformance = forwardRef20(
+var QuizResultPerformance = forwardRef19(
   ({ ...props }, ref) => {
     const {
       getTotalQuestions,
@@ -10255,14 +10424,14 @@ var QuizResultPerformance = forwardRef20(
       });
     }
     const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
-    return /* @__PURE__ */ jsxs33(
+    return /* @__PURE__ */ jsxs32(
       "div",
       {
         className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxs33("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxs32("div", { className: "relative", children: [
             /* @__PURE__ */ jsx40(
               ProgressCircle_default,
               {
@@ -10273,14 +10442,14 @@ var QuizResultPerformance = forwardRef20(
                 label: ""
               }
             ),
-            /* @__PURE__ */ jsxs33("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-              /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1 mb-1", children: [
+            /* @__PURE__ */ jsxs32("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1 mb-1", children: [
                 /* @__PURE__ */ jsx40(Clock2, { size: 12, weight: "regular", className: "text-text-800" }),
                 /* @__PURE__ */ jsx40("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
                   (getQuestionResultStatistics()?.timeSpent ?? 0) * 60
                 ) })
               ] }),
-              /* @__PURE__ */ jsxs33("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+              /* @__PURE__ */ jsxs32("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
                 getQuestionResultStatistics()?.correctAnswers ?? "--",
                 " de",
                 " ",
@@ -10289,7 +10458,7 @@ var QuizResultPerformance = forwardRef20(
               /* @__PURE__ */ jsx40("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-4 w-full", children: [
+          /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-4 w-full", children: [
             /* @__PURE__ */ jsx40(
               ProgressBar_default,
               {
@@ -10338,7 +10507,7 @@ var QuizResultPerformance = forwardRef20(
     );
   }
 );
-var QuizListResult = forwardRef20(({ className, onSubjectClick, ...props }, ref) => {
+var QuizListResult = forwardRef19(({ className, onSubjectClick, ...props }, ref) => {
   const { getQuestionsGroupedBySubject } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const subjectsStats = Object.entries(groupedQuestions).map(
@@ -10365,7 +10534,7 @@ var QuizListResult = forwardRef20(({ className, onSubjectClick, ...props }, ref)
       };
     }
   );
-  return /* @__PURE__ */ jsxs33("section", { ref, className, ...props, children: [
+  return /* @__PURE__ */ jsxs32("section", { ref, className, ...props, children: [
     /* @__PURE__ */ jsx40("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
     /* @__PURE__ */ jsx40("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ jsx40("li", { children: /* @__PURE__ */ jsx40(
       CardResults,
@@ -10389,9 +10558,9 @@ var QuizListResultByMateria = ({
   const { getQuestionsGroupedBySubject, getQuestionIndex } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
-  return /* @__PURE__ */ jsxs33("div", { className: "flex flex-col", children: [
+  return /* @__PURE__ */ jsxs32("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ jsx40("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ jsx40("p", { className: "text-text-950 font-bold text-2xl", children: answeredQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" }) }),
-    /* @__PURE__ */ jsxs33("section", { className: "flex flex-col ", children: [
+    /* @__PURE__ */ jsxs32("section", { className: "flex flex-col ", children: [
       /* @__PURE__ */ jsx40("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
       /* @__PURE__ */ jsx40("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
         const questionIndex = getQuestionIndex(
@@ -10421,9 +10590,9 @@ var QuizListResultByMateria = ({
 };
 
 // src/components/LoadingModal/loadingModal.tsx
-import { forwardRef as forwardRef21 } from "react";
-import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
-var LoadingModal = forwardRef21(
+import { forwardRef as forwardRef20 } from "react";
+import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+var LoadingModal = forwardRef20(
   ({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
     if (!open) return null;
     return /* @__PURE__ */ jsx41(
@@ -10435,8 +10604,8 @@ var LoadingModal = forwardRef21(
         "aria-describedby": "loading-modal-subtitle",
         className: "fixed inset-0 z-50 flex items-center justify-center bg-background/90 backdrop-blur-xs",
         ...props,
-        children: /* @__PURE__ */ jsxs34("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
-          /* @__PURE__ */ jsx41("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ jsxs34(
+        children: /* @__PURE__ */ jsxs33("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
+          /* @__PURE__ */ jsx41("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ jsxs33(
             "svg",
             {
               width: "102",
@@ -10464,7 +10633,7 @@ var LoadingModal = forwardRef21(
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs34("span", { className: "flex flex-col gap-4 text-center", children: [
+          /* @__PURE__ */ jsxs33("span", { className: "flex flex-col gap-4 text-center", children: [
             /* @__PURE__ */ jsx41("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
             /* @__PURE__ */ jsx41("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
           ] })
@@ -10477,7 +10646,7 @@ var loadingModal_default = LoadingModal;
 
 // src/components/NotificationCard/NotificationCard.tsx
 import { DotsThreeVertical as DotsThreeVertical3, Bell as Bell2 } from "phosphor-react";
-import { useState as useState19, useEffect as useEffect17 } from "react";
+import { useState as useState20, useEffect as useEffect18 } from "react";
 
 // src/store/notificationStore.ts
 import { create as create8 } from "zustand";
@@ -10720,13 +10889,13 @@ var createNotificationStore = (apiClient) => {
 };
 
 // src/components/NotificationCard/NotificationCard.tsx
-import { Fragment as Fragment11, jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
 var NotificationEmpty = ({
   emptyStateImage,
   emptyStateTitle = "Nenhuma notifica\xE7\xE3o no momento",
   emptyStateDescription = "Voc\xEA est\xE1 em dia com todas as novidades. Volte depois para conferir atualiza\xE7\xF5es!"
 }) => {
-  return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
+  return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
     emptyStateImage && /* @__PURE__ */ jsx42("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ jsx42(
       "img",
       {
@@ -10745,7 +10914,7 @@ var NotificationHeader = ({
   unreadCount,
   variant = "modal"
 }) => {
-  return /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between gap-2", children: [
+  return /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between gap-2", children: [
     variant === "modal" ? /* @__PURE__ */ jsx42(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ jsx42("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
     unreadCount > 0 && /* @__PURE__ */ jsx42(
       Badge_default,
@@ -10789,7 +10958,7 @@ var SingleNotificationCard = ({
       onNavigate();
     }
   };
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       className: cn(
@@ -10798,10 +10967,10 @@ var SingleNotificationCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2 w-full", children: [
+        /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2 w-full", children: [
           !isRead && /* @__PURE__ */ jsx42("div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
           /* @__PURE__ */ jsx42("h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
-          /* @__PURE__ */ jsxs35(DropdownMenu_default, { children: [
+          /* @__PURE__ */ jsxs34(DropdownMenu_default, { children: [
             /* @__PURE__ */ jsx42(
               DropdownMenuTrigger,
               {
@@ -10810,7 +10979,7 @@ var SingleNotificationCard = ({
                 children: /* @__PURE__ */ jsx42(DotsThreeVertical3, { size: 24 })
               }
             ),
-            /* @__PURE__ */ jsxs35(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
+            /* @__PURE__ */ jsxs34(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
               !isRead && /* @__PURE__ */ jsx42(
                 DropdownMenuItem,
                 {
@@ -10824,7 +10993,7 @@ var SingleNotificationCard = ({
           ] })
         ] }),
         /* @__PURE__ */ jsx42("p", { className: "text-sm leading-[21px] text-text-800 w-full", children: message }),
-        /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between w-full", children: [
+        /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between w-full", children: [
           /* @__PURE__ */ jsx42("span", { className: "text-sm font-medium text-text-400", children: time }),
           onNavigate && actionLabel && /* @__PURE__ */ jsx42(
             "button",
@@ -10853,7 +11022,7 @@ var NotificationList = ({
   className
 }) => {
   if (error) {
-    return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
+    return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
       /* @__PURE__ */ jsx42("p", { className: "text-sm text-error-600", children: error }),
       onRetry && /* @__PURE__ */ jsx42(
         "button",
@@ -10880,7 +11049,7 @@ var NotificationList = ({
   if (!groupedNotifications || groupedNotifications.length === 0) {
     return renderEmpty ? /* @__PURE__ */ jsx42("div", { className: "w-full", children: renderEmpty() }) : /* @__PURE__ */ jsx42(NotificationEmpty, {});
   }
-  return /* @__PURE__ */ jsx42("div", { className: cn("flex flex-col gap-0 w-full", className), children: groupedNotifications.map((group, idx) => /* @__PURE__ */ jsxs35("div", { className: "flex flex-col", children: [
+  return /* @__PURE__ */ jsx42("div", { className: cn("flex flex-col gap-0 w-full", className), children: groupedNotifications.map((group, idx) => /* @__PURE__ */ jsxs34("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ jsx42("div", { className: "flex items-end px-4 py-6 pb-4", children: /* @__PURE__ */ jsx42("h4", { className: "text-lg font-bold text-text-500 flex-grow", children: group.label }) }),
     group.notifications.map((notification) => /* @__PURE__ */ jsx42(
       SingleNotificationCard,
@@ -10923,7 +11092,7 @@ var NotificationCenter = ({
   className
 }) => {
   const { isMobile } = useMobile();
-  const [isModalOpen, setIsModalOpen] = useState19(false);
+  const [isModalOpen, setIsModalOpen] = useState20(false);
   const handleMobileClick = () => {
     setIsModalOpen(true);
     onFetchNotifications?.();
@@ -10931,7 +11100,7 @@ var NotificationCenter = ({
   const handleDesktopClick = () => {
     onToggleActive?.();
   };
-  useEffect17(() => {
+  useEffect18(() => {
     if (isActive) {
       onFetchNotifications?.();
     }
@@ -10949,7 +11118,7 @@ var NotificationCenter = ({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ jsxs35(Fragment11, { children: [
+    return /* @__PURE__ */ jsxs34(Fragment11, { children: [
       /* @__PURE__ */ jsx42(
         IconButton_default,
         {
@@ -10967,10 +11136,9 @@ var NotificationCenter = ({
           title: "Notifica\xE7\xF5es",
           size: "md",
           hideCloseButton: false,
-          closeOnBackdropClick: true,
           closeOnEscape: true,
-          children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
-            /* @__PURE__ */ jsxs35("div", { className: "px-0 pb-3 border-b border-border-200", children: [
+          children: /* @__PURE__ */ jsxs34("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
+            /* @__PURE__ */ jsxs34("div", { className: "px-0 pb-3 border-b border-border-200", children: [
               /* @__PURE__ */ jsx42(NotificationHeader, { unreadCount, variant: "modal" }),
               unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ jsx42(
                 "button",
@@ -11005,7 +11173,7 @@ var NotificationCenter = ({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs35(DropdownMenu_default, { children: [
+  return /* @__PURE__ */ jsxs34(DropdownMenu_default, { children: [
     /* @__PURE__ */ jsx42(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ jsx42(
       IconButton_default,
       {
@@ -11027,8 +11195,8 @@ var NotificationCenter = ({
         className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
         side: "bottom",
         align: "end",
-        children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsxs35("div", { className: "px-4 py-3 border-b border-border-200", children: [
+        children: /* @__PURE__ */ jsxs34("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxs34("div", { className: "px-4 py-3 border-b border-border-200", children: [
             /* @__PURE__ */ jsx42(NotificationHeader, { unreadCount, variant: "dropdown" }),
             unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ jsx42(
               "button",
@@ -11271,6 +11439,7 @@ export {
   ProfileMenuHeader,
   ProfileMenuSection,
   ProfileMenuTrigger,
+  ProfileToggleTheme,
   ProgressBar_default as ProgressBar,
   ProgressCircle_default as ProgressCircle,
   ProtectedRoute,