analytica-frontend-lib 1.2.13 → 1.2.14

package/dist/index.js

@@ -2937,7 +2937,38 @@ var Divider_default = Divider;
 // src/components/Table/Table.tsx
 var import_react15 = require("react");
 var import_phosphor_react10 = require("phosphor-react");
+
+// src/components/NoSearchResult/NoSearchResult.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
+var NoSearchResult = ({ image, title, description }) => {
+  const displayTitle = title || "Nenhum resultado encontrado";
+  const displayDescription = description || "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.";
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-row justify-center items-center gap-8 w-full max-w-4xl min-h-96", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-72 h-72 flex-shrink-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      "img",
+      {
+        src: image,
+        alt: "No search results",
+        className: "w-full h-full object-contain"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col items-start w-full max-w-md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-row justify-between items-end px-6 pt-6 pb-4 w-full rounded-t-xl", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        Text_default,
+        {
+          as: "h2",
+          className: "text-text-950 font-semibold text-3xl leading-tight w-full flex items-center",
+          children: displayTitle
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-row justify-center items-center px-6 gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text_default, { className: "text-text-600 font-normal text-lg leading-relaxed w-full text-justify", children: displayDescription }) })
+    ] })
+  ] });
+};
+var NoSearchResult_default = NoSearchResult;
+
+// src/components/Table/Table.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function useTableSort(data, options = {}) {
   const { syncWithUrl = false } = options;
   const getInitialState = () => {
@@ -3008,33 +3039,142 @@ function useTableSort(data, options = {}) {
   return { sortedData, sortColumn, sortDirection, handleSort };
 }
 var Table = (0, import_react15.forwardRef)(
-  ({ variant = "default", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    "div",
-    {
-      className: cn(
-        "relative w-full overflow-x-auto",
-        variant === "default" && "border border-border-200 rounded-xl"
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-        "table",
+  ({
+    variant = "default",
+    className,
+    children,
+    searchTerm,
+    noSearchResultImage,
+    noSearchResultTitle = "Nenhum resultado encontrado",
+    noSearchResultDescription = "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.",
+    emptyStateMessage = "Nenhum dado dispon\xEDvel no momento.",
+    emptyStateButtonText = "Adicionar item",
+    onEmptyStateButtonClick,
+    ...props
+  }, ref) => {
+    const isTableBodyEmpty = (0, import_react15.useMemo)(() => {
+      let foundBody = false;
+      let empty = true;
+      import_react15.Children.forEach(children, (child) => {
+        if ((0, import_react15.isValidElement)(child) && child.type === TableBody) {
+          foundBody = true;
+          const bodyProps = child.props;
+          if (import_react15.Children.count(bodyProps?.children) > 0) {
+            empty = false;
+          }
+        }
+      });
+      return foundBody ? empty : false;
+    }, [children]);
+    const columnCount = (0, import_react15.useMemo)(() => {
+      let count = 0;
+      import_react15.Children.forEach(children, (child) => {
+        if ((0, import_react15.isValidElement)(child) && child.type === TableHeader) {
+          const headerProps = child.props;
+          import_react15.Children.forEach(headerProps.children, (row) => {
+            if ((0, import_react15.isValidElement)(row) && row.type === TableRow) {
+              const rowProps = row.props;
+              count = import_react15.Children.count(rowProps.children);
+            }
+          });
+        }
+      });
+      return count || 1;
+    }, [children]);
+    const hasSearchTerm = searchTerm && searchTerm.trim() !== "";
+    const showNoSearchResult = hasSearchTerm && isTableBodyEmpty;
+    const showEmptyState = !hasSearchTerm && isTableBodyEmpty;
+    if (showNoSearchResult) {
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        "div",
         {
-          ref,
           className: cn(
-            "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
-            className
+            "relative w-full overflow-x-auto",
+            variant === "default" && "border border-border-200 rounded-xl"
           ),
-          ...props,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("caption", { className: "sr-only", children: "My Table" }),
-            children
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              "table",
+              {
+                ref,
+                className: cn(
+                  "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
+                  className
+                ),
+                ...props,
+                children: import_react15.Children.map(children, (child) => {
+                  if ((0, import_react15.isValidElement)(child) && (child.type === TableCaption || child.type === TableHeader)) {
+                    return child;
+                  }
+                  return null;
+                })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "py-8 flex justify-center", children: noSearchResultImage ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              NoSearchResult_default,
+              {
+                image: noSearchResultImage,
+                title: noSearchResultTitle,
+                description: noSearchResultDescription
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-600 text-lg font-semibold mb-2", children: noSearchResultTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-500 text-sm", children: noSearchResultDescription })
+            ] }) })
           ]
         }
-      )
+      );
     }
-  )
+    const modifiedChildren = import_react15.Children.map(children, (child) => {
+      if ((0, import_react15.isValidElement)(child) && child.type === TableBody && showEmptyState) {
+        return (0, import_react15.cloneElement)(child, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableRow, { variant, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { colSpan: columnCount, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-600 text-base font-normal", children: emptyStateMessage }),
+            onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              Button_default,
+              {
+                variant: "solid",
+                action: "primary",
+                size: "medium",
+                onClick: onEmptyStateButtonClick,
+                children: emptyStateButtonText
+              }
+            )
+          ] }) }) })
+        });
+      }
+      return child;
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "div",
+      {
+        className: cn(
+          "relative w-full overflow-x-auto",
+          variant === "default" && "border border-border-200 rounded-xl"
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          "table",
+          {
+            ref,
+            className: cn(
+              "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
+              className
+            ),
+            ...props,
+            children: [
+              !import_react15.Children.toArray(children).some(
+                (child) => (0, import_react15.isValidElement)(child) && child.type === TableCaption
+              ) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("caption", { className: "sr-only", children: "My Table" }),
+              modifiedChildren
+            ]
+          }
+        )
+      }
+    );
+  }
 );
 Table.displayName = "Table";
-var TableHeader = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var TableHeader = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "thead",
   {
     ref,
@@ -3044,7 +3184,7 @@ var TableHeader = (0, import_react15.forwardRef)(({ className, ...props }, ref)
 ));
 TableHeader.displayName = "TableHeader";
 var TableBody = (0, import_react15.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "tbody",
     {
       ref,
@@ -3055,7 +3195,7 @@ var TableBody = (0, import_react15.forwardRef)(
 );
 TableBody.displayName = "TableBody";
 var TableFooter = (0, import_react15.forwardRef)(
-  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "tfoot",
     {
       ref,
@@ -3095,14 +3235,14 @@ var TableRow = (0, import_react15.forwardRef)(
     className,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "tr",
       {
         ref,
         className: cn(
           "transition-colors",
-          state !== "disabled" ? "hover:bg-muted/50" : "",
-          clickable && state !== "disabled" ? "cursor-pointer" : "",
+          state === "disabled" ? "" : "hover:bg-muted/50",
+          state === "disabled" || !clickable ? "" : "cursor-pointer",
           VARIANT_STATES_ROW[state][variant],
           className
         ),
@@ -3127,7 +3267,7 @@ var TableHead = (0, import_react15.forwardRef)(
         onSort();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "th",
       {
         ref,
@@ -3138,11 +3278,11 @@ var TableHead = (0, import_react15.forwardRef)(
         ),
         onClick: handleClick,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
           children,
-          sortable && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col", children: [
-            sortDirection === "asc" && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react10.CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
-            sortDirection === "desc" && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react10.CaretDown, { size: 16, weight: "fill", className: "text-text-800" })
+          sortable && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col", children: [
+            sortDirection === "asc" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
+            sortDirection === "desc" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.CaretDown, { size: 16, weight: "fill", className: "text-text-800" })
           ] })
         ] })
       }
@@ -3150,7 +3290,7 @@ var TableHead = (0, import_react15.forwardRef)(
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var TableCell = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "td",
   {
     ref,
@@ -3162,7 +3302,7 @@ var TableCell = (0, import_react15.forwardRef)(({ className, ...props }, ref) =>
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var TableCaption = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "caption",
   {
     ref,
@@ -3178,7 +3318,7 @@ var Table_default = Table;
 
 // src/components/AlertManagerView/AlertsManagerView.tsx
 var import_phosphor_react11 = require("phosphor-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var AlertsManagerView = ({
   alertData,
   isOpen = false,
@@ -3221,7 +3361,7 @@ var AlertsManagerView = ({
       year: "numeric"
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     Modal_default,
     {
       isOpen,
@@ -3229,59 +3369,59 @@ var AlertsManagerView = ({
       title: alertData.title,
       size: "md",
       contentClassName: "p-0",
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col h-[calc(100vh-8rem)] max-h-[700px]", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "bg-background-50 px-5 py-6 flex flex-col items-center gap-4 rounded-xl mb-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-col h-[calc(100vh-8rem)] max-h-[700px]", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "bg-background-50 px-5 py-6 flex flex-col items-center gap-4 rounded-xl mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "img",
             {
               src: imageUrl || notification_default,
               alt: alertData.title || "Imagem do alerta"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center text-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "lg", weight: "semibold", children: alertData.title || "Sem T\xEDtulo" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: alertData.message || "Sem mensagem" })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center text-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text_default, { size: "lg", weight: "semibold", children: alertData.title || "Sem T\xEDtulo" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: alertData.message || "Sem mensagem" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Divider_default, { className: "my-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-between items-center mb-4 px-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-700", children: "Enviado em" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: formatDate(alertData.sentAt) })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Divider_default, { className: "my-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex justify-between items-center mb-4 px-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-700", children: "Enviado em" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: formatDate(alertData.sentAt) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Divider_default, { className: "my-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Table_default, { variant: "borderless", className: "table-fixed", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TableRow, { variant: "borderless", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHead, { className: "py-2 px-3.5 text-start", children: "Destinat\xE1rio" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHead, { className: "py-2 px-3.5 w-[120px] text-start", children: "Status" })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Divider_default, { className: "my-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Table_default, { variant: "borderless", className: "table-fixed", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TableRow, { variant: "borderless", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHead, { className: "py-2 px-3.5 text-start", children: "Destinat\xE1rio" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHead, { className: "py-2 px-3.5 w-[120px] text-start", children: "Status" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableBody, { variant: "borderless", children: paginatedRecipients.map((recipient) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TableRow, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TableCell, { className: "py-2 px-3.5 flex flex-row gap-2 text-start truncate", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "rounded-full size-6 bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react11.User, { className: "text-primary-950", size: 18 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableBody, { variant: "borderless", children: paginatedRecipients.map((recipient) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TableRow, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TableCell, { className: "py-2 px-3.5 flex flex-row gap-2 text-start truncate", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "rounded-full size-6 bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.User, { className: "text-primary-950", size: 18 }) }),
               recipient.name
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { className: "py-2 px-3.5 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex justify-center items-center gap-1", children: recipient.status === "viewed" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge_default, { variant: "solid", action: "success", children: "Visualizado" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge_default, { variant: "solid", action: "error", children: "Pendente" }) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { className: "py-2 px-3.5 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex justify-center items-center gap-1", children: recipient.status === "viewed" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Badge_default, { variant: "solid", action: "success", children: "Visualizado" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Badge_default, { variant: "solid", action: "error", children: "Pendente" }) }) })
           ] }, recipient.id)) })
         ] }) }),
-        totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-end items-center gap-2 bg-background-50 border border-border-200 py-3.5 px-2 rounded-b-2xl", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Text_default, { size: "sm", className: "text-text-600", children: [
+        totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex justify-end items-center gap-2 bg-background-50 border border-border-200 py-3.5 px-2 rounded-b-2xl", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Text_default, { size: "sm", className: "text-text-600", children: [
             "P\xE1gina ",
             effectiveCurrentPage,
             " de ",
             totalPages
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex gap-2", children: onPageChange ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex gap-2", children: onPageChange ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 onClick: () => onPageChange(Math.max(1, effectiveCurrentPage - 1)),
                 disabled: effectiveCurrentPage === 1,
-                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react11.CaretLeft, {}),
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.CaretLeft, {}),
                 children: "Anterior"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Button_default,
               {
                 variant: "link",
@@ -3290,28 +3430,28 @@ var AlertsManagerView = ({
                   Math.min(totalPages, effectiveCurrentPage + 1)
                 ),
                 disabled: effectiveCurrentPage === totalPages,
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react11.CaretRight, {}),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.CaretRight, {}),
                 children: "Pr\xF3ximo"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 disabled: effectiveCurrentPage === 1,
-                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react11.CaretLeft, {}),
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.CaretLeft, {}),
                 children: "Anterior"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 disabled: effectiveCurrentPage === totalPages,
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react11.CaretRight, {}),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.CaretRight, {}),
                 children: "Pr\xF3ximo"
               }
             )
@@ -3325,7 +3465,7 @@ var AlertsManagerView = ({
 // src/components/Radio/Radio.tsx
 var import_react17 = require("react");
 var import_zustand3 = require("zustand");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var SIZE_CLASSES7 = {
   small: {
     radio: "w-5 h-5",
@@ -3464,8 +3604,8 @@ var Radio = (0, import_react17.forwardRef)(
     const getCursorClass = () => {
       return currentState === "disabled" ? "cursor-not-allowed" : "cursor-pointer";
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "div",
         {
           className: cn(
@@ -3474,7 +3614,7 @@ var Radio = (0, import_react17.forwardRef)(
             disabled ? "opacity-40" : ""
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "input",
               {
                 ref: (node) => {
@@ -3498,7 +3638,7 @@ var Radio = (0, import_react17.forwardRef)(
                 ...props
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "button",
               {
                 type: "button",
@@ -3523,10 +3663,10 @@ var Radio = (0, import_react17.forwardRef)(
                     }
                   }
                 },
-                children: checked && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: dotClasses })
+                children: checked && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: dotClasses })
               }
             ),
-            label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "div",
               {
                 className: cn(
@@ -3534,7 +3674,7 @@ var Radio = (0, import_react17.forwardRef)(
                   sizeClasses.labelHeight,
                   "flex-1 min-w-0"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                   Text_default,
                   {
                     as: "label",
@@ -3555,7 +3695,7 @@ var Radio = (0, import_react17.forwardRef)(
           ]
         }
       ),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         Text_default,
         {
           size: "sm",
@@ -3565,7 +3705,7 @@ var Radio = (0, import_react17.forwardRef)(
           children: errorMessage
         }
       ),
-      helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         Text_default,
         {
           size: "sm",
@@ -3642,7 +3782,7 @@ var RadioGroup = (0, import_react17.forwardRef)(
     (0, import_react17.useEffect)(() => {
       store.setState({ disabled });
     }, [disabled, store]);
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "div",
       {
         ref,
@@ -3679,7 +3819,7 @@ var RadioGroupItem = (0, import_react17.forwardRef)(
     const isChecked = groupValue === value;
     const isDisabled = groupDisabled || itemDisabled;
     const currentState = isDisabled ? "disabled" : state;
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       Radio,
       {
         ref,
@@ -3706,7 +3846,7 @@ var Radio_default = Radio;
 
 // src/components/Toast/Toast.tsx
 var import_phosphor_react12 = require("phosphor-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var VARIANT_ACTION_CLASSES4 = {
   solid: {
     warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
@@ -3746,7 +3886,7 @@ var Toast = ({
   };
   const IconAction = iconMap[action] || iconMap["success"];
   const baseClasses = "max-w-[390px] w-full flex flex-row items-start justify-between shadow-lg rounded-lg border p-4 gap-6 group";
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "div",
     {
       role: "alert",
@@ -3760,20 +3900,20 @@ var Toast = ({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-row items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconAction, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col items-start justify-start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-semibold text-md", children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-md text-text-900", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-row items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(IconAction, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col items-start justify-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "font-semibold text-md", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-md text-text-900", children: description })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "button",
           {
             onClick: onClose,
             "aria-label": "Dismiss notification",
             className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
-            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react12.X, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.X, {})
           }
         )
       ]
@@ -3801,11 +3941,11 @@ var useToastStore = (0, import_zustand4.create)((set) => ({
 var ToastStore_default = useToastStore;
 
 // src/components/Toast/utils/Toaster.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var Toaster = () => {
   const toasts = ToastStore_default((state) => state.toasts);
   const removeToast = ToastStore_default((state) => state.removeToast);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Toast_default,
     {
       title: toast.title,
@@ -3955,7 +4095,7 @@ var useTheme = () => {
 };
 
 // src/components/ThemeToggle/ThemeToggle.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var ThemeToggle = ({
   variant = "default",
   onToggle
@@ -3969,17 +4109,17 @@ var ThemeToggle = ({
     {
       id: "light",
       title: "Claro",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_phosphor_react13.Sun, { size: 24 })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.Sun, { size: 24 })
     },
     {
       id: "dark",
       title: "Escuro",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_phosphor_react13.Moon, { size: 24 })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.Moon, { size: 24 })
     },
     {
       id: "system",
       title: "Sistema",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "svg",
         {
           width: "25",
@@ -3987,7 +4127,7 @@ var ThemeToggle = ({
           viewBox: "0 0 25 25",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "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",
@@ -4009,7 +4149,7 @@ var ThemeToggle = ({
     }
   };
   const currentTheme = variant === "with-save" ? tempTheme : themeMode;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SelectionButton_default,
     {
       icon: type.icon,
@@ -4023,7 +4163,7 @@ var ThemeToggle = ({
 };
 
 // src/components/DropdownMenu/DropdownMenu.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function createDropdownStore() {
   return (0, import_zustand6.create)((set) => ({
     open: false,
@@ -4131,7 +4271,7 @@ var DropdownMenu = ({
       setOpen(propOpen);
     }
   }, [propOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
 };
 var DropdownMenuTrigger = ({
   className,
@@ -4143,7 +4283,7 @@ var DropdownMenuTrigger = ({
   const store = useDropdownStore(externalStore);
   const open = (0, import_zustand6.useStore)(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       onClick: (e) => {
@@ -4188,7 +4328,7 @@ var MENUCONTENT_VARIANT_CLASSES = {
   profile: "p-6"
 };
 var MenuLabel = (0, import_react20.forwardRef)(({ className, inset, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       ref,
@@ -4227,7 +4367,7 @@ var DropdownMenuContent = (0, import_react20.forwardRef)(
       return `absolute ${vertical} ${horizontal}`;
     };
     const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "div",
       {
         ref,
@@ -4296,7 +4436,7 @@ var DropdownMenuItem = (0, import_react20.forwardRef)(
     const getVariantProps = () => {
       return variant === "profile" ? { "data-variant": "profile" } : {};
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       "div",
       {
         ref,
@@ -4322,7 +4462,7 @@ var DropdownMenuItem = (0, import_react20.forwardRef)(
         ...props,
         children: [
           iconLeft,
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full", children }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-full", children }),
           iconRight
         ]
       }
@@ -4330,7 +4470,7 @@ var DropdownMenuItem = (0, import_react20.forwardRef)(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = (0, import_react20.forwardRef)(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var DropdownMenuSeparator = (0, import_react20.forwardRef)(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   "div",
   {
     ref,
@@ -4343,7 +4483,7 @@ var ProfileMenuTrigger = (0, import_react20.forwardRef)(({ className, onClick, s
   const store = useDropdownStore(externalStore);
   const open = (0, import_zustand6.useStore)(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "button",
     {
       ref,
@@ -4358,13 +4498,13 @@ var ProfileMenuTrigger = (0, import_react20.forwardRef)(({ className, onClick, s
       },
       "aria-expanded": open,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react14.User, { className: "text-primary-950", size: 18 }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.User, { className: "text-primary-950", size: 18 }) })
     }
   );
 });
 ProfileMenuTrigger.displayName = "ProfileMenuTrigger";
 var ProfileMenuHeader = (0, import_react20.forwardRef)(({ className, name, email, photoUrl, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "div",
     {
       ref,
@@ -4372,17 +4512,17 @@ var ProfileMenuHeader = (0, import_react20.forwardRef)(({ className, name, email
       className: cn("flex flex-row gap-4 items-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden", children: photoUrl ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden", children: photoUrl ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "img",
           {
             src: photoUrl,
             alt: "Foto de perfil",
             className: "w-full h-full object-cover"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react14.User, { size: 34, className: "text-primary-800" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col ", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text_default, { size: "xl", weight: "bold", color: "text-text-950", children: name }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text_default, { size: "md", color: "text-text-600", children: email })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.User, { size: 34, className: "text-primary-800" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col ", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { size: "xl", weight: "bold", color: "text-text-950", children: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { size: "md", color: "text-text-600", children: email })
         ] })
       ]
     }
@@ -4415,14 +4555,14 @@ var ProfileToggleTheme = ({
     setModalThemeToggle(false);
     setOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       DropdownMenuItem,
       {
         variant: "profile",
         preventClose: true,
         store,
-        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "svg",
           {
             width: "24",
@@ -4430,7 +4570,7 @@ var ProfileToggleTheme = ({
             viewBox: "0 0 25 25",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               "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",
@@ -4439,7 +4579,7 @@ var ProfileToggleTheme = ({
             )
           }
         ),
-        iconRight: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react14.CaretRight, {}),
+        iconRight: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.CaretRight, {}),
         onClick: handleClick,
         onKeyDown: (e) => {
           if (e.key === "Enter" || e.key === " ") {
@@ -4449,23 +4589,23 @@ var ProfileToggleTheme = ({
           }
         },
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       Modal_default,
       {
         isOpen: modalThemeToggle,
         onClose: handleCancel,
         title: "Apar\xEAncia",
         size: "md",
-        footer: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
+        footer: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
         ] })
       }
     )
@@ -4473,7 +4613,7 @@ var ProfileToggleTheme = ({
 };
 ProfileToggleTheme.displayName = "ProfileToggleTheme";
 var ProfileMenuSection = (0, import_react20.forwardRef)(({ className, children, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
 });
 ProfileMenuSection.displayName = "ProfileMenuSection";
 var ProfileMenuFooter = ({
@@ -4485,7 +4625,7 @@ var ProfileMenuFooter = ({
 }) => {
   const store = useDropdownStore(externalStore);
   const setOpen = (0, import_zustand6.useStore)(store, (s) => s.setOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     Button_default,
     {
       variant: "outline",
@@ -4497,8 +4637,8 @@ var ProfileMenuFooter = ({
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react14.SignOut, { className: "text-inherit" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text_default, { color: "inherit", children: "Sair" })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.SignOut, { className: "text-inherit" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { color: "inherit", children: "Sair" })
       ]
     }
   );
@@ -4507,7 +4647,7 @@ ProfileMenuFooter.displayName = "ProfileMenuFooter";
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/Search/Search.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var filterOptions = (options, query) => {
   if (!query || query.length < 1) return [];
   return options.filter(
@@ -4653,14 +4793,14 @@ var Search = (0, import_react21.forwardRef)(
     const hasValue = String(value ?? "").length > 0;
     const showClearButton = hasValue && !disabled && !readOnly;
     const showSearchIcon = !hasValue && !disabled && !readOnly;
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "div",
       {
         ref: dropdownRef,
         className: `w-full max-w-lg md:w-[488px] ${containerClassName}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "relative flex items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative flex items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "input",
               {
                 ref: (node) => {
@@ -4688,35 +4828,35 @@ var Search = (0, import_react21.forwardRef)(
                 ...props
               }
             ),
-            showClearButton && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            showClearButton && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "button",
               {
                 type: "button",
                 className: "p-0 border-0 bg-transparent cursor-pointer",
                 onMouseDown: handleClearClick,
                 "aria-label": "Limpar busca",
-                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react15.X, {}) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.X, {}) })
               }
             ) }),
-            showSearchIcon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            showSearchIcon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "button",
               {
                 type: "button",
                 className: "p-0 border-0 bg-transparent cursor-pointer",
                 onMouseDown: handleSearchIconClick,
                 "aria-label": "Buscar",
-                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react15.MagnifyingGlass, {}) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.MagnifyingGlass, {}) })
               }
             ) })
           ] }),
-          showDropdown && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DropdownMenu_default, { open: showDropdown, onOpenChange: setDropdownOpen, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          showDropdown && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenu_default, { open: showDropdown, onOpenChange: setDropdownOpen, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             DropdownMenuContent,
             {
               id: dropdownId,
               className: "w-full mt-1",
               style: { maxHeight: dropdownMaxHeight },
               align: "start",
-              children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 DropdownMenuItem,
                 {
                   onClick: () => handleSelectOption(option),
@@ -4724,7 +4864,7 @@ var Search = (0, import_react21.forwardRef)(
                   children: option
                 },
                 option
-              )) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "px-3 py-3 text-text-700 text-base", children: noResultsText })
+              )) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "px-3 py-3 text-text-700 text-base", children: noResultsText })
             }
           ) })
         ]
@@ -4737,7 +4877,7 @@ var Search_default = Search;
 
 // src/components/Chips/Chips.tsx
 var import_phosphor_react16 = require("phosphor-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("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"
@@ -4752,7 +4892,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__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "button",
     {
       className: cn(baseClasses, stateClasses, className),
@@ -4760,8 +4900,8 @@ var Chips = ({
       type,
       ...props,
       children: [
-        selected && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: `flex items-center`, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react16.Check, { weight: "bold", size: 16 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "flex-1", children })
+        selected && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: `flex items-center`, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react16.Check, { weight: "bold", size: 16 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "flex-1", children })
       ]
     }
   );
@@ -4769,7 +4909,7 @@ var Chips = ({
 var Chips_default = Chips;
 
 // src/components/ProgressBar/ProgressBar.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var SIZE_CLASSES8 = {
   small: {
     container: "h-1",
@@ -4881,20 +5021,20 @@ var renderStackedHitCountDisplay = (showHitCount, showPercentage, clampedValue,
     max,
     percentage
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "div",
     {
       className: cn(
         "text-xs font-medium leading-[14px] text-right",
         percentageClassName
       ),
-      children: displayPriority.type === "hitCount" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-success-200", children: Math.round(clampedValue) }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "text-text-600", children: [
+      children: displayPriority.type === "hitCount" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-success-200", children: Math.round(clampedValue) }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "text-text-600", children: [
           " de ",
           max
         ] })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
         Math.round(percentage),
         "%"
       ] })
@@ -4909,7 +5049,7 @@ var ProgressBarBase = ({
   variantClasses,
   containerClassName,
   fillClassName
-}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
   "div",
   {
     className: cn(
@@ -4918,7 +5058,7 @@ var ProgressBarBase = ({
       "overflow-hidden relative"
     ),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "progress",
         {
           value: clampedValue,
@@ -4927,7 +5067,7 @@ var ProgressBarBase = ({
           className: "absolute inset-0 w-full h-full opacity-0"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "div",
         {
           className: cn(
@@ -4953,7 +5093,7 @@ var StackedLayout = ({
   percentage,
   variantClasses,
   dimensions
-}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
   "div",
   {
     className: cn(
@@ -4963,8 +5103,8 @@ var StackedLayout = ({
       className
     ),
     children: [
-      shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           Text_default,
           {
             as: "div",
@@ -4983,7 +5123,7 @@ var StackedLayout = ({
           percentageClassName
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         ProgressBarBase,
         {
           clampedValue,
@@ -5025,7 +5165,7 @@ var CompactLayout = ({
     percentageClassName,
     labelClassName
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
       className: cn(
@@ -5035,7 +5175,7 @@ var CompactLayout = ({
         className
       ),
       children: [
-        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           Text_default,
           {
             as: "div",
@@ -5046,7 +5186,7 @@ var CompactLayout = ({
             children: content
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           ProgressBarBase,
           {
             clampedValue,
@@ -5082,9 +5222,9 @@ var DefaultLayout = ({
     label,
     showPercentage
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
-    displayConfig.showHeader && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row items-center justify-between w-full", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
+    displayConfig.showHeader && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-row items-center justify-between w-full", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         Text_default,
         {
           as: "div",
@@ -5097,7 +5237,7 @@ var DefaultLayout = ({
           children: label
         }
       ),
-      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
         Text_default,
         {
           size: "xs",
@@ -5113,7 +5253,7 @@ var DefaultLayout = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       ProgressBarBase,
       {
         clampedValue,
@@ -5133,7 +5273,7 @@ var DefaultLayout = ({
         )
       }
     ),
-    displayConfig.showPercentage && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    displayConfig.showPercentage && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
       Text_default,
       {
         size: "xs",
@@ -5148,7 +5288,7 @@ var DefaultLayout = ({
         ]
       }
     ),
-    displayConfig.showLabel && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    displayConfig.showLabel && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       Text_default,
       {
         as: "div",
@@ -5184,7 +5324,7 @@ var ProgressBar = ({
   const sizeClasses = SIZE_CLASSES8[size];
   const variantClasses = VARIANT_CLASSES2[variant];
   if (layout === "stacked") {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       StackedLayout,
       {
         className,
@@ -5205,7 +5345,7 @@ var ProgressBar = ({
     );
   }
   if (layout === "compact") {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       CompactLayout,
       {
         className,
@@ -5225,7 +5365,7 @@ var ProgressBar = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     DefaultLayout,
     {
       className,
@@ -5245,7 +5385,7 @@ var ProgressBar = ({
 var ProgressBar_default = ProgressBar;
 
 // src/components/ProgressCircle/ProgressCircle.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var SIZE_CLASSES9 = {
   small: {
     container: "w-[90px] h-[90px]",
@@ -5327,7 +5467,7 @@ var ProgressCircle = ({
   const strokeDashoffset = circumference - percentage / 100 * circumference;
   const center = size === "small" ? 45 : 76;
   const svgSize = size === "small" ? 90 : 152;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       className: cn(
@@ -5337,7 +5477,7 @@ var ProgressCircle = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "svg",
           {
             className: "absolute inset-0 transform -rotate-90",
@@ -5346,7 +5486,7 @@ var ProgressCircle = ({
             viewBox: `0 0 ${svgSize} ${svgSize}`,
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 "circle",
                 {
                   cx: center,
@@ -5357,7 +5497,7 @@ var ProgressCircle = ({
                   className: cn(variantClasses.background, "rounded-lg")
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 "circle",
                 {
                   cx: center,
@@ -5377,7 +5517,7 @@ var ProgressCircle = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "progress",
           {
             value: clampedValue,
@@ -5386,7 +5526,7 @@ var ProgressCircle = ({
             className: "absolute opacity-0 w-0 h-0"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "div",
           {
             className: cn(
@@ -5395,7 +5535,7 @@ var ProgressCircle = ({
               sizeClasses.contentWidth
             ),
             children: [
-              showPercentage && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+              showPercentage && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
                 Text_default,
                 {
                   size: sizeClasses.textSize,
@@ -5411,7 +5551,7 @@ var ProgressCircle = ({
                   ]
                 }
               ),
-              label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 Text_default,
                 {
                   as: "span",
@@ -5436,7 +5576,7 @@ var ProgressCircle_default = ProgressCircle;
 
 // src/components/Stepper/Stepper.tsx
 var import_phosphor_react17 = require("phosphor-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var SIZE_CLASSES10 = {
   small: {
     container: "gap-2",
@@ -5563,7 +5703,7 @@ var Step = ({
     }
     return `${step.label}${suffix}`;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
       className: `
@@ -5576,7 +5716,7 @@ var Step = ({
         overflow-visible
       `,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "div",
           {
             className: `
@@ -5585,7 +5725,7 @@ var Step = ({
         `
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
           "div",
           {
             className: `
@@ -5595,7 +5735,7 @@ var Step = ({
           overflow-visible
         `,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "div",
                 {
                   className: `
@@ -5604,7 +5744,7 @@ var Step = ({
             flex-none transition-all duration-300 ease-out
           `,
                   "aria-label": getAriaLabel(),
-                  children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                  children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                     import_phosphor_react17.Check,
                     {
                       weight: "bold",
@@ -5613,7 +5753,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__ */ (0, import_jsx_runtime33.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                     Text_default,
                     {
                       size: sizeClasses.indicatorTextSize,
@@ -5625,7 +5765,7 @@ var Step = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 Text_default,
                 {
                   size: sizeClasses.labelTextSize,
@@ -5677,7 +5817,7 @@ var Stepper = ({
 }) => {
   const sizeClasses = SIZE_CLASSES10[size];
   const steps = currentStep !== void 0 ? calculateStepStates(initialSteps, currentStep) : initialSteps;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "fieldset",
     {
       className: cn(
@@ -5686,8 +5826,8 @@ var Stepper = ({
         "border-0 p-0 m-0"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("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__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime34.jsx)(
           Text_default,
           {
             size: "sm",
@@ -5696,7 +5836,7 @@ var Stepper = ({
             children: getProgressText(currentStep, steps.length, progressText)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "div",
           {
             className: cn(
@@ -5709,7 +5849,7 @@ var Stepper = ({
             "aria-label": "Progress steps",
             children: steps.map((step, index) => {
               const stateClasses = STATE_CLASSES6[step.state];
-              return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 Step,
                 {
                   step,
@@ -5733,7 +5873,7 @@ var Stepper_default = Stepper;
 
 // src/components/Calendar/Calendar.tsx
 var import_react22 = require("react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("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 = [
@@ -5756,15 +5896,15 @@ var MonthYearPicker = ({
   currentDate,
   onYearChange,
   onMonthChange
-}) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
   "div",
   {
     ref: monthPickerRef,
     className: "absolute top-full left-0 z-50 mt-1 bg-background rounded-lg shadow-lg border border-border-200 p-4 min-w-[280px]",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "button",
           {
             onClick: () => onYearChange(year),
@@ -5777,9 +5917,9 @@ var MonthYearPicker = ({
           year
         )) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "button",
           {
             onClick: () => onMonthChange(index, currentDate.getFullYear()),
@@ -5911,28 +6051,28 @@ var Calendar = ({
     onDateSelect?.(day.date);
   };
   if (variant === "navigation") {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between mb-4 px-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between mb-4 px-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
             "button",
             {
               onClick: toggleMonthPicker,
               className: "flex items-center group gap-1 rounded transition-colors cursor-pointer",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
                   MONTH_NAMES[currentDate.getMonth()],
                   " ",
                   currentDate.getFullYear()
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                   "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__ */ (0, import_jsx_runtime34.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -5946,7 +6086,7 @@ var Calendar = ({
               ]
             }
           ),
-          isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             MonthYearPicker,
             {
               monthPickerRef,
@@ -5957,21 +6097,21 @@ var Calendar = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "button",
             {
               onClick: goToPreviousMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "M\xEAs anterior",
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -5984,20 +6124,20 @@ var Calendar = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "button",
             {
               onClick: goToNextMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "Pr\xF3ximo m\xEAs",
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -6012,7 +6152,7 @@ var Calendar = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "div",
         {
           className: "h-9 flex items-center justify-center text-xs font-normal text-text-600",
@@ -6020,13 +6160,13 @@ var Calendar = ({
         },
         `${day}-${index}`
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
         if (!day.isCurrentMonth) {
-          return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "div",
             {
               className: "flex items-center justify-center",
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-9 h-9" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-9 h-9" })
             },
             day.date.getTime()
           );
@@ -6042,11 +6182,11 @@ var Calendar = ({
         } else if (day.isSelected) {
           spanClass = "h-6 w-6 rounded-full bg-primary-950 text-text";
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "div",
           {
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               "button",
               {
                 className: `
@@ -6062,7 +6202,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__ */ (0, import_jsx_runtime34.jsx)("span", { className: spanClass, children: day.date.getDate() })
+                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: spanClass, children: day.date.getDate() })
               }
             )
           },
@@ -6071,28 +6211,28 @@ var Calendar = ({
       }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("bg-background rounded-xl p-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between mb-3.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cn("bg-background rounded-xl p-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between mb-3.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
           "button",
           {
             onClick: toggleMonthPicker,
             className: "flex items-center gap-2 hover:bg-background-100 rounded px-2 py-1 transition-colors",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("h2", { className: "text-lg font-semibold text-text-950", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("h2", { className: "text-lg font-semibold text-text-950", children: [
                 MONTH_NAMES[currentDate.getMonth()],
                 " ",
                 currentDate.getFullYear()
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 "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__ */ (0, import_jsx_runtime34.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -6106,7 +6246,7 @@ var Calendar = ({
             ]
           }
         ),
-        isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           MonthYearPicker,
           {
             monthPickerRef,
@@ -6117,21 +6257,21 @@ var Calendar = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "button",
           {
             onClick: goToPreviousMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "M\xEAs anterior",
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -6144,20 +6284,20 @@ var Calendar = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "button",
           {
             onClick: goToNextMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "Pr\xF3ximo m\xEAs",
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -6172,7 +6312,7 @@ var Calendar = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "div",
       {
         className: "h-4 flex items-center justify-center text-xs font-semibold text-text-500",
@@ -6180,13 +6320,13 @@ var Calendar = ({
       },
       day
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
       if (!day.isCurrentMonth) {
-        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "div",
           {
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-10 h-10" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-10 h-10" })
           },
           day.date.getTime()
         );
@@ -6196,11 +6336,11 @@ var Calendar = ({
         variant,
         showActivities
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "div",
         {
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "button",
             {
               className: `
@@ -6230,7 +6370,7 @@ var Calendar_default = Calendar;
 
 // src/components/AlertDialog/AlertDialog.tsx
 var import_react23 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var SIZE_CLASSES11 = {
   "extra-small": "w-screen max-w-[324px]",
   small: "w-screen max-w-[378px]",
@@ -6295,14 +6435,14 @@ var AlertDialog = (0, import_react23.forwardRef)(
       onCancel?.(cancelValue);
     };
     const sizeClasses = SIZE_CLASSES11[size];
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm",
         onClick: handleBackdropClick,
         onKeyDown: handleBackdropKeyDown,
         "data-testid": "alert-dialog-overlay",
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
           "div",
           {
             ref,
@@ -6313,7 +6453,7 @@ var AlertDialog = (0, import_react23.forwardRef)(
             ),
             ...props,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 "h2",
                 {
                   id: "alert-dialog-title",
@@ -6321,7 +6461,7 @@ var AlertDialog = (0, import_react23.forwardRef)(
                   children: title
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 "p",
                 {
                   id: "alert-dialog-description",
@@ -6329,9 +6469,9 @@ var AlertDialog = (0, import_react23.forwardRef)(
                   children: description
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                   Button_default,
                   {
                     variant: "solid",
@@ -6353,11 +6493,11 @@ AlertDialog.displayName = "AlertDialog";
 
 // src/components/LoadingModal/loadingModal.tsx
 var import_react24 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var LoadingModal = (0, import_react24.forwardRef)(
   ({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
     if (!open) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "div",
       {
         ref,
@@ -6366,8 +6506,8 @@ var LoadingModal = (0, import_react24.forwardRef)(
         "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__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
             "svg",
             {
               width: "102",
@@ -6378,14 +6518,14 @@ var LoadingModal = (0, import_react24.forwardRef)(
               "aria-hidden": "true",
               focusable: false,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                   "path",
                   {
                     d: "M101.5 51C101.5 78.8904 78.8904 101.5 51 101.5C23.1096 101.5 0.5 78.8904 0.5 51C0.5 23.1096 23.1096 0.5 51 0.5C78.8904 0.5 101.5 23.1096 101.5 51ZM8.62286 51C8.62286 74.4043 27.5957 93.3771 51 93.3771C74.4043 93.3771 93.3771 74.4043 93.3771 51C93.3771 27.5957 74.4043 8.62286 51 8.62286C27.5957 8.62286 8.62286 27.5957 8.62286 51Z",
                     className: "fill-primary-100"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                   "path",
                   {
                     d: "M97.4386 51C99.6816 51 101.517 52.8213 101.337 55.0571C100.754 62.2833 98.6212 69.3162 95.0643 75.6696C90.8444 83.207 84.7616 89.536 77.3975 94.0514C70.0333 98.5668 61.6339 101.118 53.0024 101.46C44.371 101.803 35.7959 99.9255 28.0971 96.0078C20.3982 92.0902 13.833 86.2631 9.02917 79.0838C4.22529 71.9045 1.34332 63.6129 0.658804 55.0017C-0.0257159 46.3906 1.51009 37.7479 5.1194 29.8997C8.16173 23.2845 12.5915 17.4202 18.0904 12.6959C19.7917 11.2341 22.3444 11.6457 23.6647 13.459C24.9851 15.2723 24.5702 17.7988 22.8916 19.2866C18.5048 23.1747 14.9608 27.9413 12.4992 33.2937C9.47048 39.8794 8.1817 47.132 8.75612 54.3581C9.33053 61.5841 11.7489 68.542 15.7801 74.5666C19.8113 80.5911 25.3205 85.4809 31.781 88.7684C38.2414 92.0559 45.4372 93.6312 52.6804 93.3438C59.9235 93.0564 66.9718 90.9158 73.1515 87.1267C79.3311 83.3375 84.4355 78.0266 87.9766 71.7015C90.8546 66.561 92.6217 60.8903 93.1827 55.0553C93.3973 52.8225 95.1955 51 97.4386 51Z",
@@ -6395,9 +6535,9 @@ var LoadingModal = (0, import_react24.forwardRef)(
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "flex flex-col gap-4 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "flex flex-col gap-4 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
           ] })
         ] })
       }
@@ -6412,7 +6552,7 @@ var import_react27 = require("react");
 
 // src/components/Skeleton/Skeleton.tsx
 var import_react25 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var SKELETON_ANIMATION_CLASSES = {
   pulse: "animate-pulse",
   none: ""
@@ -6449,13 +6589,13 @@ var Skeleton = (0, import_react25.forwardRef)(
       height: typeof height === "number" ? `${height}px` : height
     };
     if (variant === "text" && lines > 1) {
-      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "div",
         {
           ref,
           className: cn("flex flex-col", spacingClass, className),
           ...props,
-          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "div",
             {
               className: cn(variantClass, animationClass),
@@ -6466,7 +6606,7 @@ var Skeleton = (0, import_react25.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "div",
       {
         ref,
@@ -6479,11 +6619,11 @@ var Skeleton = (0, import_react25.forwardRef)(
   }
 );
 var SkeletonText = (0, import_react25.forwardRef)(
-  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Skeleton, { ref, variant: "text", ...props })
+  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Skeleton, { ref, variant: "text", ...props })
 );
-var SkeletonCircle = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Skeleton, { ref, variant: "circular", ...props }));
-var SkeletonRectangle = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Skeleton, { ref, variant: "rectangular", ...props }));
-var SkeletonRounded = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Skeleton, { ref, variant: "rounded", ...props }));
+var SkeletonCircle = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Skeleton, { ref, variant: "circular", ...props }));
+var SkeletonRectangle = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Skeleton, { ref, variant: "rectangular", ...props }));
+var SkeletonRounded = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Skeleton, { ref, variant: "rounded", ...props }));
 var SkeletonCard = (0, import_react25.forwardRef)(
   ({
     showAvatar = true,
@@ -6494,7 +6634,7 @@ var SkeletonCard = (0, import_react25.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "div",
       {
         ref,
@@ -6504,16 +6644,16 @@ var SkeletonCard = (0, import_react25.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-start space-x-3", children: [
-            showAvatar && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonCircle, { width: 40, height: 40 }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex-1 space-y-2", children: [
-              showTitle && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonText, { width: "60%", height: 20 }),
-              showDescription && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonText, { lines, spacing: "small" })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-start space-x-3", children: [
+            showAvatar && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonCircle, { width: 40, height: 40 }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex-1 space-y-2", children: [
+              showTitle && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonText, { width: "60%", height: 20 }),
+              showDescription && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonText, { lines, spacing: "small" })
             ] })
           ] }),
-          showActions && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex justify-end space-x-2 mt-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonRectangle, { width: 80, height: 32 }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonRectangle, { width: 80, height: 32 })
+          showActions && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex justify-end space-x-2 mt-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonRectangle, { width: 80, height: 32 }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonRectangle, { width: 80, height: 32 })
           ] })
         ]
       }
@@ -6530,19 +6670,19 @@ var SkeletonList = (0, import_react25.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-start space-x-3 p-3", children: [
-      showAvatar && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonCircle, { width: 32, height: 32 }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex-1 space-y-2", children: [
-        showTitle && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonText, { width: "40%", height: 16 }),
-        showDescription && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonText, { lines, spacing: "small" })
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-start space-x-3 p-3", children: [
+      showAvatar && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonCircle, { width: 32, height: 32 }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex-1 space-y-2", children: [
+        showTitle && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonText, { width: "40%", height: 16 }),
+        showDescription && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonText, { lines, spacing: "small" })
       ] })
     ] }, index)) });
   }
 );
 var SkeletonTable = (0, import_react25.forwardRef)(
   ({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: cn("w-full", className), ...props, children: [
-      showHeader && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { ref, className: cn("w-full", className), ...props, children: [
+      showHeader && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         SkeletonText,
         {
           width: `${100 / columns}%`,
@@ -6550,7 +6690,7 @@ var SkeletonTable = (0, import_react25.forwardRef)(
         },
         index
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         SkeletonText,
         {
           width: `${100 / columns}%`,
@@ -6887,14 +7027,14 @@ var createNotificationStore = (apiClient) => {
 var mock_content_default = "./mock-content-K2CDVG6P.png";
 
 // src/components/NotificationCard/NotificationCard.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("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__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
-    emptyStateImage && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
+    emptyStateImage && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "img",
       {
         src: emptyStateImage,
@@ -6904,23 +7044,23 @@ var NotificationEmpty = ({
         className: "object-contain"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "text-xl font-semibold text-text-950 text-center leading-[23px]", children: emptyStateTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-sm font-normal text-text-400 text-center max-w-[316px] leading-[21px]", children: emptyStateDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "text-xl font-semibold text-text-950 text-center leading-[23px]", children: emptyStateTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm font-normal text-text-400 text-center max-w-[316px] leading-[21px]", children: emptyStateDescription })
   ] });
 };
 var NotificationHeader = ({
   unreadCount,
   variant = "modal"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-    variant === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
-    unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+    variant === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
+    unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       Badge_default,
       {
         variant: "solid",
         action: "info",
         size: "small",
-        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react18.Bell, { size: 12, "aria-hidden": "true", focusable: "false" }),
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react18.Bell, { size: 12, "aria-hidden": "true", focusable: "false" }),
         className: "border-0",
         children: unreadCount === 1 ? "1 n\xE3o lida" : `${unreadCount} n\xE3o lidas`
       }
@@ -6956,7 +7096,7 @@ var SingleNotificationCard = ({
       onNavigate();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "div",
     {
       className: cn(
@@ -6965,20 +7105,20 @@ var SingleNotificationCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2 w-full", children: [
-          !isRead && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(DropdownMenu_default, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2 w-full", children: [
+          !isRead && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(DropdownMenu_default, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               DropdownMenuTrigger,
               {
                 className: "flex-shrink-0 inline-flex items-center justify-center font-medium bg-transparent text-text-950 cursor-pointer hover:bg-info-50 w-6 h-6 rounded-lg",
                 "aria-label": "Menu de a\xE7\xF5es",
-                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react18.DotsThreeVertical, { size: 24 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react18.DotsThreeVertical, { size: 24 })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
-              !isRead && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
+              !isRead && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                 DropdownMenuItem,
                 {
                   onClick: handleMarkAsRead,
@@ -6986,14 +7126,14 @@ var SingleNotificationCard = ({
                   children: "Marcar como lida"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-sm leading-[21px] text-text-800 w-full", children: message }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium text-text-400", children: time }),
-          onNavigate && actionLabel && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm leading-[21px] text-text-800 w-full", children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium text-text-400", children: time }),
+          onNavigate && actionLabel && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             "button",
             {
               type: "button",
@@ -7033,9 +7173,9 @@ var NotificationList = ({
     }
   };
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-sm text-error-600", children: error }),
-      onRetry && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-error-600", children: error }),
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "button",
         {
           type: "button",
@@ -7047,8 +7187,8 @@ var NotificationList = ({
     ] });
   }
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-col gap-0 w-full", children: ["skeleton-first", "skeleton-second", "skeleton-third"].map(
-      (skeletonId) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-col gap-0 w-full", children: ["skeleton-first", "skeleton-second", "skeleton-third"].map(
+      (skeletonId) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         SkeletonCard,
         {
           className: "p-4 border-b border-border-200"
@@ -7058,11 +7198,11 @@ var NotificationList = ({
     ) });
   }
   if (!groupedNotifications || groupedNotifications.length === 0) {
-    return renderEmpty ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-full", children: renderEmpty() }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(NotificationEmpty, {});
+    return renderEmpty ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-full", children: renderEmpty() }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NotificationEmpty, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn("flex flex-col gap-0 w-full", className), children: [
-    groupedNotifications.map((group, idx) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-end px-4 py-6 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h4", { className: "text-lg font-bold text-text-500 flex-grow", children: group.label }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn("flex flex-col gap-0 w-full", className), children: [
+    groupedNotifications.map((group, idx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-end px-4 py-6 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h4", { className: "text-lg font-bold text-text-500 flex-grow", children: group.label }) }),
       group.notifications.map((notification) => {
         const isGlobalNotification = !notification.entityType && !notification.entityId && !notification.activity && !notification.goal;
         let navigationHandler;
@@ -7082,7 +7222,7 @@ var NotificationList = ({
             notification.entityType ?? void 0
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           SingleNotificationCard,
           {
             title: notification.title,
@@ -7098,7 +7238,7 @@ var NotificationList = ({
         );
       })
     ] }, `${group.label}-${idx}`)),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       Modal_default,
       {
         isOpen: globalNotificationModal.isOpen,
@@ -7156,7 +7296,7 @@ var NotificationCenter = ({
       onFetchNotifications?.();
     }
   }, [isActive, onFetchNotifications]);
-  const renderEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  const renderEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     NotificationEmpty,
     {
       emptyStateImage,
@@ -7165,17 +7305,17 @@ var NotificationCenter = ({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         IconButton_default,
         {
           active: isModalOpen,
           onClick: handleMobileClick,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_phosphor_react18.Bell, { size: 24, className: "text-primary" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react18.Bell, { size: 24, className: "text-primary" }),
           className
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen,
@@ -7184,10 +7324,10 @@ var NotificationCenter = ({
           size: "md",
           hideCloseButton: false,
           closeOnEscape: true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "px-0 pb-3 border-b border-border-200", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(NotificationHeader, { unreadCount, variant: "modal" }),
-              unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "px-0 pb-3 border-b border-border-200", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NotificationHeader, { unreadCount, variant: "modal" }),
+              unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                 "button",
                 {
                   type: "button",
@@ -7197,7 +7337,7 @@ var NotificationCenter = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               NotificationList,
               {
                 groupedNotifications,
@@ -7225,7 +7365,7 @@ var NotificationCenter = ({
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         Modal_default,
         {
           isOpen: globalNotificationModal.isOpen,
@@ -7241,18 +7381,18 @@ var NotificationCenter = ({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       DropdownMenu_default,
       {
         ...typeof isActive === "boolean" ? { open: isActive, onOpenChange: handleOpenChange } : { onOpenChange: handleOpenChange },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             IconButton_default,
             {
               active: isActive,
               onClick: handleDesktopClick,
-              icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+              icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                 import_phosphor_react18.Bell,
                 {
                   size: 24,
@@ -7262,22 +7402,22 @@ var NotificationCenter = ({
               className
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             DropdownMenuContent,
             {
               className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
               side: "bottom",
               align: "end",
-              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "px-4 py-3 border-b border-border-200", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "px-4 py-3 border-b border-border-200", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                     NotificationHeader,
                     {
                       unreadCount,
                       variant: "dropdown"
                     }
                   ),
-                  unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                  unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                     "button",
                     {
                       type: "button",
@@ -7287,7 +7427,7 @@ var NotificationCenter = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   NotificationList,
                   {
                     groupedNotifications,
@@ -7314,7 +7454,7 @@ var NotificationCenter = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       Modal_default,
       {
         isOpen: globalNotificationModal.isOpen,
@@ -7333,7 +7473,7 @@ var NotificationCenter = ({
 var NotificationCard = (props) => {
   switch (props.mode) {
     case "single":
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         SingleNotificationCard,
         {
           title: props.title,
@@ -7348,7 +7488,7 @@ var NotificationCard = (props) => {
         }
       );
     case "list":
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         NotificationList,
         {
           groupedNotifications: props.groupedNotifications ?? (props.notifications ? [
@@ -7371,19 +7511,19 @@ var NotificationCard = (props) => {
         }
       );
     case "center":
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(NotificationCenter, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NotificationCenter, { ...props });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-sm text-text-600", children: "Modo de notifica\xE7\xE3o n\xE3o reconhecido" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-text-600", children: "Modo de notifica\xE7\xE3o n\xE3o reconhecido" }) });
   }
 };
 var NotificationCard_default = NotificationCard;
 
 // src/assets/icons/subjects/BookOpenText.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var BookOpenText = ({
   size,
   color
-}) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   "svg",
   {
     width: size,
@@ -7391,7 +7531,7 @@ var BookOpenText = ({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "path",
       {
         d: "M29 6H20C19.2238 6 18.4582 6.18073 17.7639 6.52786C17.0697 6.875 16.4657 7.37902 16 8C15.5343 7.37902 14.9303 6.875 14.2361 6.52786C13.5418 6.18073 12.7762 6 12 6H3C2.73478 6 2.48043 6.10536 2.29289 6.29289C2.10536 6.48043 2 6.73478 2 7V25C2 25.2652 2.10536 25.5196 2.29289 25.7071C2.48043 25.8946 2.73478 26 3 26H12C12.7956 26 13.5587 26.3161 14.1213 26.8787C14.6839 27.4413 15 28.2044 15 29C15 29.2652 15.1054 29.5196 15.2929 29.7071C15.4804 29.8946 15.7348 30 16 30C16.2652 30 16.5196 29.8946 16.7071 29.7071C16.8946 29.5196 17 29.2652 17 29C17 28.2044 17.3161 27.4413 17.8787 26.8787C18.4413 26.3161 19.2044 26 20 26H29C29.2652 26 29.5196 25.8946 29.7071 25.7071C29.8946 25.5196 30 25.2652 30 25V7C30 6.73478 29.8946 6.48043 29.7071 6.29289C29.5196 6.10536 29.2652 6 29 6ZM12 24H4V8H12C12.7956 8 13.5587 8.31607 14.1213 8.87868C14.6839 9.44129 15 10.2044 15 11V25C14.1353 24.3493 13.0821 23.9983 12 24ZM28 24H20C18.9179 23.9983 17.8647 24.3493 17 25V11C17 10.2044 17.3161 9.44129 17.8787 8.87868C18.4413 8.31607 19.2044 8 20 8H28V24ZM20 11H25C25.2652 11 25.5196 11.1054 25.7071 11.2929C25.8946 11.4804 26 11.7348 26 12C26 12.2652 25.8946 12.5196 25.7071 12.7071C25.5196 12.8946 25.2652 13 25 13H20C19.7348 13 19.4804 12.8946 19.2929 12.7071C19.1054 12.5196 19 12.2652 19 12C19 11.7348 19.1054 11.4804 19.2929 11.2929C19.4804 11.1054 19.7348 11 20 11ZM26 16C26 16.2652 25.8946 16.5196 25.7071 16.7071C25.5196 16.8946 25.2652 17 25 17H20C19.7348 17 19.4804 16.8946 19.2929 16.7071C19.1054 16.5196 19 16.2652 19 16C19 15.7348 19.1054 15.4804 19.2929 15.2929C19.4804 15.1054 19.7348 15 20 15H25C25.2652 15 25.5196 15.1054 25.7071 15.2929C25.8946 15.4804 26 15.7348 26 16ZM26 20C26 20.2652 25.8946 20.5196 25.7071 20.7071C25.5196 20.8946 25.2652 21 25 21H20C19.7348 21 19.4804 20.8946 19.2929 20.7071C19.1054 20.5196 19 20.2652 19 20C19 19.7348 19.1054 19.4804 19.2929 19.2929C19.4804 19.1054 19.7348 19 20 19H25C25.2652 19 25.5196 19.1054 25.7071 19.2929C25.8946 19.4804 26 19.7348 26 20Z",
@@ -7402,8 +7542,8 @@ var BookOpenText = ({
 );
 
 // src/assets/icons/subjects/ChatEN.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
   "svg",
   {
     width: size,
@@ -7412,21 +7552,21 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "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__ */ (0, import_jsx_runtime40.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "path",
         {
           d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "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",
@@ -7438,8 +7578,8 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)
 );
 
 // src/assets/icons/subjects/ChatES.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
   "svg",
   {
     width: size,
@@ -7448,21 +7588,21 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "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__ */ (0, import_jsx_runtime41.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "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__ */ (0, import_jsx_runtime41.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "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",
@@ -7474,8 +7614,8 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)
 );
 
 // src/assets/icons/subjects/ChatPT.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
   "svg",
   {
     width: size,
@@ -7484,21 +7624,21 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "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__ */ (0, import_jsx_runtime42.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "path",
         {
           d: "M21.1758 12V20.5312H19.7168V12H21.1758ZM23.8535 12V13.1719H17.0625V12H23.8535Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "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",
@@ -7510,11 +7650,11 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)
 );
 
 // src/assets/icons/subjects/HeadCircuit.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var HeadCircuit = ({
   size,
   color
-}) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "svg",
   {
     width: size,
@@ -7522,7 +7662,7 @@ var HeadCircuit = ({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "path",
       {
         d: "M24.0625 21.4338C25.327 20.3715 26.3372 19.0392 27.0187 17.5348C27.7001 16.0304 28.0354 14.3924 28 12.7413C27.875 7.02751 23.2987 2.31626 17.595 2.01626C16.1233 1.93616 14.6506 2.15261 13.2642 2.65277C11.8778 3.15293 10.6061 3.92659 9.52453 4.92781C8.44297 5.92903 7.57365 7.13739 6.96819 8.48112C6.36272 9.82485 6.03347 11.2766 5.99997 12.75L3.19372 18.1475C3.18247 18.17 3.17122 18.1925 3.16122 18.215C2.96003 18.6839 2.94569 19.212 3.12114 19.6912C3.29659 20.1704 3.64855 20.5644 4.10497 20.7925L4.13622 20.8063L6.99997 22.1175V26C6.99997 26.5304 7.21068 27.0392 7.58576 27.4142C7.96083 27.7893 8.46954 28 8.99997 28H15C15.2652 28 15.5195 27.8947 15.7071 27.7071C15.8946 27.5196 16 27.2652 16 27C16 26.7348 15.8946 26.4804 15.7071 26.2929C15.5195 26.1054 15.2652 26 15 26H8.99997V21.4763C9.00011 21.2846 8.94517 21.0969 8.84168 20.9356C8.73818 20.7742 8.5905 20.646 8.41622 20.5663L4.99997 19L7.88372 13.4575C7.95889 13.3166 7.99878 13.1597 7.99997 13C7.99968 10.9604 8.69216 8.98124 9.96395 7.38674C11.2357 5.79224 13.0114 4.677 15 4.22376V6.17251C14.3328 6.4084 13.7704 6.87258 13.4123 7.48299C13.0543 8.0934 12.9235 8.81075 13.0432 9.50824C13.1628 10.2057 13.5252 10.8385 14.0663 11.2946C14.6074 11.7508 15.2923 12.0009 16 12.0009C16.7077 12.0009 17.3926 11.7508 17.9336 11.2946C18.4747 10.8385 18.8371 10.2057 18.9568 9.50824C19.0764 8.81075 18.9457 8.0934 18.5876 7.48299C18.2295 6.87258 17.6672 6.4084 17 6.17251V4.00001C17.1625 4.00001 17.325 4.00001 17.4875 4.01251C19.2608 4.11409 20.9649 4.73627 22.3864 5.80124C23.808 6.86621 24.8841 8.32669 25.48 10H23C22.8533 9.99995 22.7084 10.0322 22.5755 10.0944C22.4426 10.1566 22.3251 10.2473 22.2312 10.36L19.0425 14.1875C18.3774 13.9397 17.6462 13.9351 16.9781 14.1744C16.3099 14.4138 15.748 14.8817 15.3916 15.4954C15.0352 16.1092 14.9073 16.8292 15.0306 17.5281C15.1538 18.227 15.5203 18.8598 16.0652 19.3146C16.61 19.7694 17.2981 20.0168 18.0078 20.0132C18.7175 20.0095 19.4031 19.755 19.9432 19.2947C20.4834 18.8343 20.8433 18.1977 20.9594 17.4976C21.0754 16.7974 20.9402 16.0788 20.5775 15.4688L23.4687 12H25.9425C25.9725 12.26 25.9908 12.5225 25.9975 12.7875C26.0286 14.2198 25.7187 15.639 25.0931 16.9278C24.4676 18.2167 23.5445 19.3383 22.4 20.2C22.2589 20.3057 22.1484 20.4469 22.0794 20.6091C22.0105 20.7713 21.9857 20.9489 22.0075 21.1238L23.0075 29.1238C23.0379 29.3653 23.1554 29.5874 23.3379 29.7485C23.5203 29.9095 23.7553 29.9985 23.9987 29.9988C24.0405 29.9988 24.0822 29.9962 24.1237 29.9913C24.2541 29.975 24.3799 29.9333 24.4942 29.8684C24.6084 29.8035 24.7087 29.7168 24.7893 29.6131C24.87 29.5094 24.9295 29.3909 24.9643 29.2643C24.9992 29.1376 25.0087 29.0054 24.9925 28.875L24.0625 21.4338ZM16 10C15.8022 10 15.6088 9.94136 15.4444 9.83148C15.28 9.7216 15.1518 9.56542 15.0761 9.38269C15.0004 9.19997 14.9806 8.9989 15.0192 8.80492C15.0578 8.61094 15.153 8.43275 15.2929 8.2929C15.4327 8.15305 15.6109 8.05781 15.8049 8.01922C15.9989 7.98064 16.1999 8.00044 16.3827 8.07613C16.5654 8.15182 16.7216 8.27999 16.8314 8.44444C16.9413 8.60889 17 8.80223 17 9.00001C17 9.26523 16.8946 9.51958 16.7071 9.70712C16.5195 9.89465 16.2652 10 16 10ZM18 18C17.8022 18 17.6088 17.9414 17.4444 17.8315C17.28 17.7216 17.1518 17.5654 17.0761 17.3827C17.0004 17.2 16.9806 16.9989 17.0192 16.8049C17.0578 16.6109 17.153 16.4328 17.2929 16.2929C17.4327 16.153 17.6109 16.0578 17.8049 16.0192C17.9989 15.9806 18.1999 16.0004 18.3827 16.0761C18.5654 16.1518 18.7216 16.28 18.8314 16.4444C18.9413 16.6089 19 16.8022 19 17C19 17.2652 18.8946 17.5196 18.7071 17.7071C18.5195 17.8947 18.2652 18 18 18Z",
@@ -7533,11 +7673,11 @@ var HeadCircuit = ({
 );
 
 // src/assets/icons/subjects/Microscope.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var Microscope = ({
   size,
   color
-}) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "svg",
   {
     width: size,
@@ -7545,7 +7685,7 @@ var Microscope = ({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       "path",
       {
         d: "M28 26H25.4925C26.7637 24.4552 27.5898 22.5932 27.882 20.6142C28.1743 18.6351 27.9216 16.6138 27.1511 14.7676C26.3806 12.9213 25.1215 11.32 23.5092 10.1358C21.8968 8.95153 19.9922 8.22913 18 8.04625V4C18 3.46957 17.7893 2.96086 17.4142 2.58579C17.0391 2.21071 16.5304 2 16 2H10C9.46957 2 8.96086 2.21071 8.58579 2.58579C8.21071 2.96086 8 3.46957 8 4V17C8 17.5304 8.21071 18.0391 8.58579 18.4142C8.96086 18.7893 9.46957 19 10 19H16C16.5304 19 17.0391 18.7893 17.4142 18.4142C17.7893 18.0391 18 17.5304 18 17V10.0575C19.7643 10.2552 21.4306 10.9703 22.7895 12.1128C24.1483 13.2553 25.1389 14.7742 25.6366 16.4783C26.1343 18.1824 26.1169 19.9957 25.5866 21.69C25.0563 23.3842 24.0368 24.8838 22.6562 26H4C3.73478 26 3.48043 26.1054 3.29289 26.2929C3.10536 26.4804 3 26.7348 3 27C3 27.2652 3.10536 27.5196 3.29289 27.7071C3.48043 27.8946 3.73478 28 4 28H28C28.2652 28 28.5196 27.8946 28.7071 27.7071C28.8946 27.5196 29 27.2652 29 27C29 26.7348 28.8946 26.4804 28.7071 26.2929C28.5196 26.1054 28.2652 26 28 26ZM16 17H10V4H16V17ZM9 23C8.73478 23 8.48043 22.8946 8.29289 22.7071C8.10536 22.5196 8 22.2652 8 22C8 21.7348 8.10536 21.4804 8.29289 21.2929C8.48043 21.1054 8.73478 21 9 21H17C17.2652 21 17.5196 21.1054 17.7071 21.2929C17.8946 21.4804 18 21.7348 18 22C18 22.2652 17.8946 22.5196 17.7071 22.7071C17.5196 22.8946 17.2652 23 17 23H9Z",
@@ -7578,92 +7718,92 @@ var SubjectEnum = /* @__PURE__ */ ((SubjectEnum2) => {
 
 // src/components/SubjectInfo/SubjectInfo.tsx
 var import_phosphor_react19 = require("phosphor-react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var SubjectInfo = {
   ["F\xEDsica" /* FISICA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react19.Atom, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Atom, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-1",
     name: "F\xEDsica" /* FISICA */
   },
   ["Hist\xF3ria" /* HISTORIA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react19.Scroll, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Scroll, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-2",
     name: "Hist\xF3ria" /* HISTORIA */
   },
   ["Literatura" /* LITERATURA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(BookOpenText, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BookOpenText, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-3",
     name: "Literatura" /* LITERATURA */
   },
   ["Geografia" /* GEOGRAFIA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react19.GlobeHemisphereWest, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.GlobeHemisphereWest, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-4",
     name: "Geografia" /* GEOGRAFIA */
   },
   ["Biologia" /* BIOLOGIA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Microscope, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Microscope, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-5",
     name: "Biologia" /* BIOLOGIA */
   },
   ["Portugu\xEAs" /* PORTUGUES */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ChatPT, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ChatPT, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-6",
     name: "Portugu\xEAs" /* PORTUGUES */
   },
   ["Qu\xEDmica" /* QUIMICA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react19.Flask, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Flask, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-7",
     name: "Qu\xEDmica" /* QUIMICA */
   },
   ["Artes" /* ARTES */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react19.Palette, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Palette, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-8",
     name: "Artes" /* ARTES */
   },
   ["Matem\xE1tica" /* MATEMATICA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react19.MathOperations, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.MathOperations, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-9",
     name: "Matem\xE1tica" /* MATEMATICA */
   },
   ["Filosofia" /* FILOSOFIA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(HeadCircuit, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(HeadCircuit, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-10",
     name: "Filosofia" /* FILOSOFIA */
   },
   ["Espanhol" /* ESPANHOL */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ChatES, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ChatES, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-11",
     name: "Espanhol" /* ESPANHOL */
   },
   ["Reda\xE7\xE3o" /* REDACAO */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react19.ArticleNyTimes, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.ArticleNyTimes, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-12",
     name: "Reda\xE7\xE3o" /* REDACAO */
   },
   ["Sociologia" /* SOCIOLOGIA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react19.Person, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Person, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-13",
     name: "Sociologia" /* SOCIOLOGIA */
   },
   ["Ingl\xEAs" /* INGLES */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ChatEN, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ChatEN, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-14",
     name: "Ingl\xEAs" /* INGLES */
   },
   ["Ed. F\xEDsica" /* EDUCACAO_FISICA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react19.DribbbleLogo, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.DribbbleLogo, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-15",
     name: "Ed. F\xEDsica" /* EDUCACAO_FISICA */
   },
   ["Trilhas" /* TRILHAS */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react19.BookBookmark, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.BookBookmark, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-16",
     name: "Trilhas" /* TRILHAS */
   }
 };
 var getSubjectInfo = (subject) => {
   return SubjectInfo[subject] || {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_phosphor_react19.Book, { size: 17, color: "currentColor" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Book, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-16",
     name: subject
   };
@@ -7795,7 +7935,7 @@ var createNotificationsHook = (apiClient) => {
 };
 
 // src/components/Filter/FilterModal.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var FilterModal = ({
   isOpen,
   onClose,
@@ -7823,20 +7963,20 @@ var FilterModal = ({
   const handleClear = () => {
     onClear();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     Modal_default,
     {
       isOpen,
       onClose,
       title,
       size,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex gap-3 justify-end w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button_default, { variant: "outline", onClick: handleClear, children: clearLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button_default, { onClick: handleApply, children: applyLabel })
+      footer: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex gap-3 justify-end w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button_default, { variant: "outline", onClick: handleClear, children: clearLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button_default, { onClick: handleApply, children: applyLabel })
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex flex-col gap-6", children: filterConfigs.map((config, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2 text-text-400 text-sm font-medium uppercase", children: [
-          config.key === "academic" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-col gap-6", children: filterConfigs.map((config, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2 text-text-400 text-sm font-medium uppercase", children: [
+          config.key === "academic" && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
             "svg",
             {
               width: "16",
@@ -7846,7 +7986,7 @@ var FilterModal = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "text-text-400",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   "path",
                   {
                     d: "M8 2L2 5.33333L8 8.66667L14 5.33333L8 2Z",
@@ -7856,7 +7996,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   "path",
                   {
                     d: "M2 10.6667L8 14L14 10.6667",
@@ -7866,7 +8006,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   "path",
                   {
                     d: "M2 8L8 11.3333L14 8",
@@ -7879,7 +8019,7 @@ var FilterModal = ({
               ]
             }
           ),
-          config.key === "content" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+          config.key === "content" && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
             "svg",
             {
               width: "16",
@@ -7889,7 +8029,7 @@ var FilterModal = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "text-text-400",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   "path",
                   {
                     d: "M3.33333 2H12.6667C13.403 2 14 2.59695 14 3.33333V12.6667C14 13.403 13.403 14 12.6667 14H3.33333C2.59695 14 2 13.403 2 12.6667V3.33333C2 2.59695 2.59695 2 3.33333 2Z",
@@ -7899,7 +8039,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   "path",
                   {
                     d: "M2 6H14",
@@ -7909,7 +8049,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   "path",
                   {
                     d: "M6 2V14",
@@ -7922,9 +8062,9 @@ var FilterModal = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: config.label })
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: config.label })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           CheckboxGroup,
           {
             categories: config.categories,
@@ -8034,7 +8174,7 @@ var useTableFilter = (initialConfigs, options = {}) => {
 var import_zustand8 = require("zustand");
 var import_react30 = require("react");
 var import_phosphor_react20 = require("phosphor-react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var VARIANT_CLASSES4 = {
   outlined: "border-2 rounded-lg focus:border-primary-950",
   underlined: "border-b-2 focus:border-primary-950",
@@ -8094,7 +8234,7 @@ function getLabelAsNode(children) {
   }
   const flattened = import_react30.Children.toArray(children);
   if (flattened.length === 1) return flattened[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: flattened });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: flattened });
 }
 var injectStore4 = (children, store, size, selectId) => {
   return import_react30.Children.map(children, (child) => {
@@ -8205,8 +8345,8 @@ var Select = ({
     }
   }, [propValue]);
   const sizeClasses = SIZE_CLASSES12[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("w-full", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn("w-full", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "label",
       {
         htmlFor: selectId,
@@ -8214,11 +8354,11 @@ var Select = ({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("relative w-full"), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
-    (helperText || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
-      helperText && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react20.WarningCircle, { size: 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn("relative w-full"), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
+    (helperText || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
+      helperText && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react20.WarningCircle, { size: 16 }),
         " ",
         errorMessage
       ] })
@@ -8232,7 +8372,7 @@ var SelectValue = ({
   const store = useSelectStore(externalStore);
   const selectedLabel = (0, import_zustand8.useStore)(store, (s) => s.selectedLabel);
   const value = (0, import_zustand8.useStore)(store, (s) => s.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-inherit flex gap-2 items-center", children: selectedLabel || placeholder || value });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-inherit flex gap-2 items-center", children: selectedLabel || placeholder || value });
 };
 var SelectTrigger = (0, import_react30.forwardRef)(
   ({
@@ -8251,7 +8391,7 @@ var SelectTrigger = (0, import_react30.forwardRef)(
     const variantClasses = VARIANT_CLASSES4[variant];
     const heightClasses = HEIGHT_CLASSES[size];
     const paddingClasses = PADDING_CLASSES[size];
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "button",
       {
         ref,
@@ -8273,7 +8413,7 @@ var SelectTrigger = (0, import_react30.forwardRef)(
         ...props,
         children: [
           props.children,
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             import_phosphor_react20.CaretDown,
             {
               className: cn(
@@ -8301,7 +8441,7 @@ var SelectContent = (0, import_react30.forwardRef)(
     const open = (0, import_zustand8.useStore)(store, (s) => s.open);
     if (!open) return null;
     const getPositionClasses = () => `w-full min-w-full absolute ${SIDE_CLASSES2[side]} ${ALIGN_CLASSES2[align]}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "div",
       {
         role: "menu",
@@ -8345,7 +8485,7 @@ var SelectItem = (0, import_react30.forwardRef)(
       }
       props.onClick?.(e);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "div",
       {
         role: "menuitem",
@@ -8365,7 +8505,7 @@ var SelectItem = (0, import_react30.forwardRef)(
         tabIndex: disabled ? -1 : 0,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react20.Check, { className: "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react20.Check, { className: "" }) }),
           children
         ]
       }
@@ -8379,7 +8519,7 @@ var Select_default = Select;
 var import_zustand9 = require("zustand");
 var import_react31 = require("react");
 var import_phosphor_react21 = require("phosphor-react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var createMenuStore = (onValueChange) => (0, import_zustand9.create)((set) => ({
   value: "",
   setValue: (value) => {
@@ -8417,7 +8557,7 @@ var Menu = (0, import_react31.forwardRef)(
     }, [defaultValue, propValue, setValue]);
     const baseClasses = variant === "menu-overflow" ? "w-fit py-2 flex flex-row items-center justify-center" : "w-full py-2 flex flex-row items-center justify-center";
     const variantClasses = VARIANT_CLASSES5[variant];
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "div",
       {
         ref,
@@ -8437,7 +8577,7 @@ var MenuContent = (0, import_react31.forwardRef)(
   ({ className, children, variant = "menu", ...props }, ref) => {
     const baseClasses = "w-full flex flex-row items-center gap-2";
     const variantClasses = variant === "menu2" || variant === "menu-overflow" ? "overflow-x-auto scroll-smooth" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "ul",
       {
         ref,
@@ -8489,7 +8629,7 @@ var MenuItem = (0, import_react31.forwardRef)(
       ...props
     };
     const variants = {
-      menu: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      menu: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         "li",
         {
           "data-variant": "menu",
@@ -8504,7 +8644,7 @@ var MenuItem = (0, import_react31.forwardRef)(
           children
         }
       ),
-      menu2: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+      menu2: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
         "li",
         {
           "data-variant": "menu2",
@@ -8515,7 +8655,7 @@ var MenuItem = (0, import_react31.forwardRef)(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               "span",
               {
                 className: cn(
@@ -8525,11 +8665,11 @@ var MenuItem = (0, import_react31.forwardRef)(
                 children
               }
             ),
-            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
           ]
         }
       ),
-      "menu-overflow": /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+      "menu-overflow": /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
         "li",
         {
           "data-variant": "menu-overflow",
@@ -8540,7 +8680,7 @@ var MenuItem = (0, import_react31.forwardRef)(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               "span",
               {
                 className: cn(
@@ -8550,11 +8690,11 @@ var MenuItem = (0, import_react31.forwardRef)(
                 children
               }
             ),
-            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
           ]
         }
       ),
-      breadcrumb: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+      breadcrumb: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
         "li",
         {
           "data-variant": "breadcrumb",
@@ -8566,7 +8706,7 @@ var MenuItem = (0, import_react31.forwardRef)(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               "span",
               {
                 className: cn(
@@ -8576,7 +8716,7 @@ var MenuItem = (0, import_react31.forwardRef)(
                 children
               }
             ),
-            separator && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            separator && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               import_phosphor_react21.CaretRight,
               {
                 size: 16,
@@ -8631,25 +8771,25 @@ var MenuOverflow = ({
       window.removeEventListener("resize", checkScroll);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "div",
     {
       "data-testid": "menu-overflow-wrapper",
       className: cn("relative w-full overflow-hidden", className),
       children: [
-        showLeftArrow && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+        showLeftArrow && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
           "button",
           {
             onClick: () => internalScroll(containerRef.current, "left"),
             className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
             "data-testid": "scroll-left-button",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react21.CaretLeft, { size: 16 }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "sr-only", children: "Scroll left" })
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react21.CaretLeft, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "sr-only", children: "Scroll left" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           Menu,
           {
             defaultValue,
@@ -8657,18 +8797,18 @@ var MenuOverflow = ({
             value,
             variant: "menu2",
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MenuContent, { ref: containerRef, variant: "menu2", children })
+            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(MenuContent, { ref: containerRef, variant: "menu2", children })
           }
         ),
-        showRightArrow && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+        showRightArrow && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
           "button",
           {
             onClick: () => internalScroll(containerRef.current, "right"),
             className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
             "data-testid": "scroll-right-button",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react21.CaretRight, { size: 16 }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "sr-only", children: "Scroll right" })
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react21.CaretRight, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "sr-only", children: "Scroll right" })
             ]
           }
         )
@@ -8694,7 +8834,7 @@ var import_phosphor_react22 = require("phosphor-react");
 // src/components/IconRender/IconRender.tsx
 var import_react32 = require("react");
 var PhosphorIcons = __toESM(require("phosphor-react"));
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var IconRender = ({
   iconName,
   color = "#000000",
@@ -8704,14 +8844,14 @@ var IconRender = ({
   if (typeof iconName === "string") {
     switch (iconName) {
       case "Chat_PT":
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChatPT, { size, color });
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ChatPT, { size, color });
       case "Chat_EN":
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChatEN, { size, color });
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ChatEN, { size, color });
       case "Chat_ES":
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChatES, { size, color });
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ChatES, { size, color });
       default: {
         const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(IconComponent, { size, color, weight });
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(IconComponent, { size, color, weight });
       }
     }
   } else {
@@ -8724,7 +8864,7 @@ var IconRender = ({
 var IconRender_default = IconRender;
 
 // src/components/Card/Card.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var CARD_BASE_CLASSES = {
   default: "w-full bg-background border border-border-50 rounded-xl",
   compact: "w-full bg-background border border-border-50 rounded-lg",
@@ -8766,7 +8906,7 @@ var CardBase = (0, import_react33.forwardRef)(
     const minHeightClasses = CARD_MIN_HEIGHT_CLASSES[minHeight];
     const layoutClasses = CARD_LAYOUT_CLASSES[layout];
     const cursorClasses = CARD_CURSOR_CLASSES[cursor];
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "div",
       {
         ref,
@@ -8824,7 +8964,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
     const actionIconClasses = ACTION_ICON_CLASSES[action];
     const actionSubTitleClasses = ACTION_SUBTITLE_CLASSES[action];
     const actionHeaderClasses = ACTION_HEADER_CLASSES[action];
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       "div",
       {
         ref,
@@ -8834,7 +8974,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
             "div",
             {
               className: cn(
@@ -8843,7 +8983,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
                 extended ? "rounded-t-xl" : "rounded-xl"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "span",
                   {
                     className: cn(
@@ -8853,7 +8993,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
                     children: icon
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   Text_default,
                   {
                     size: "2xs",
@@ -8862,7 +9002,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
                     children: title
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "p",
                   {
                     className: cn("text-lg font-bold truncate", actionSubTitleClasses),
@@ -8872,8 +9012,8 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
               ]
             }
           ),
-          extended && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          extended && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               "p",
               {
                 className: cn(
@@ -8883,7 +9023,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
                 children: header
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Badge_default, { size: "large", action: "info", children: description })
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge_default, { size: "large", action: "info", children: description })
           ] })
         ]
       }
@@ -8902,7 +9042,7 @@ var CardQuestions = (0, import_react33.forwardRef)(
     const isDone = state === "done";
     const stateLabel = isDone ? "Realizado" : "N\xE3o Realizado";
     const buttonLabel = isDone ? "Ver Resultado" : "Responder";
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       CardBase,
       {
         ref,
@@ -8912,9 +9052,9 @@ var CardQuestions = (0, import_react33.forwardRef)(
         className: cn("justify-between gap-4", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-row gap-6 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-row gap-6 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               Badge_default,
               {
                 size: "medium",
@@ -8924,7 +9064,7 @@ var CardQuestions = (0, import_react33.forwardRef)(
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             Button_default,
             {
               size: "extra-small",
@@ -8955,19 +9095,19 @@ var CardProgress = (0, import_react33.forwardRef)(
   }, ref) => {
     const isHorizontal = direction === "horizontal";
     const contentComponent = {
-      horizontal: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-        showDates && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
-          initialDate && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-600", children: initialDate })
+      horizontal: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+        showDates && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
+          initialDate && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-600", children: initialDate })
           ] }),
-          endDate && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-800 font-semibold", children: "Fim" }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-600", children: endDate })
+          endDate && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-800 font-semibold", children: "Fim" }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-600", children: endDate })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             ProgressBar_default,
             {
               size: "small",
@@ -8976,7 +9116,7 @@ var CardProgress = (0, import_react33.forwardRef)(
               "data-testid": "progress-bar"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
             Text_default,
             {
               size: "xs",
@@ -8992,9 +9132,9 @@ var CardProgress = (0, import_react33.forwardRef)(
           )
         ] })
       ] }),
-      vertical: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm text-text-800", children: subhead })
+      vertical: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-text-800", children: subhead })
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       CardBase,
       {
         ref,
@@ -9005,7 +9145,7 @@ var CardProgress = (0, import_react33.forwardRef)(
         className: cn(isHorizontal ? "h-20" : "", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "div",
             {
               className: cn(
@@ -9018,7 +9158,7 @@ var CardProgress = (0, import_react33.forwardRef)(
               children: icon
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
             "div",
             {
               className: cn(
@@ -9026,7 +9166,7 @@ var CardProgress = (0, import_react33.forwardRef)(
                 !isHorizontal && "gap-4"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
                 contentComponent[direction]
               ]
             }
@@ -9046,7 +9186,7 @@ var CardTopic = (0, import_react33.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       CardBase,
       {
         ref,
@@ -9057,13 +9197,13 @@ var CardTopic = (0, import_react33.forwardRef)(
         className: cn("justify-center gap-2  py-2 px-4", className),
         ...props,
         children: [
-          subHead && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react33.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { children: text }),
-            index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { children: "\u2022" })
+          subHead && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react33.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: text }),
+            index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: "\u2022" })
           ] }, `${text} - ${index}`)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               ProgressBar_default,
               {
                 size: "small",
@@ -9072,7 +9212,7 @@ var CardTopic = (0, import_react33.forwardRef)(
                 "data-testid": "progress-bar"
               }
             ),
-            showPercentage && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+            showPercentage && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
               Text_default,
               {
                 size: "xs",
@@ -9106,7 +9246,7 @@ var CardPerformance = (0, import_react33.forwardRef)(
     ...props
   }, ref) => {
     const hasProgress = progress !== void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       CardBase,
       {
         ref,
@@ -9120,10 +9260,10 @@ var CardPerformance = (0, import_react33.forwardRef)(
         onClick: () => actionVariant == "caret" && onClickButton?.(valueButton),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-              actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+              actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -9134,16 +9274,16 @@ var CardPerformance = (0, import_react33.forwardRef)(
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               ProgressBar_default,
               {
                 value: progress,
                 label: `${progress}% ${labelProgress}`,
                 variant: progressVariant
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
-          actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             import_phosphor_react22.CaretRight,
             {
               className: "size-4.5 text-text-800 cursor-pointer",
@@ -9167,7 +9307,7 @@ var CardResults = (0, import_react33.forwardRef)(
     ...props
   }, ref) => {
     const isRow = direction == "row";
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       CardBase,
       {
         ref,
@@ -9177,7 +9317,7 @@ var CardResults = (0, import_react33.forwardRef)(
         className: cn("items-stretch cursor-pointer pr-4", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "div",
             {
               className: cn(
@@ -9186,11 +9326,11 @@ var CardResults = (0, import_react33.forwardRef)(
               style: {
                 backgroundColor: color
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "w-full flex flex-row justify-between items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "w-full flex flex-row justify-between items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
               "div",
               {
                 className: cn(
@@ -9198,28 +9338,28 @@ var CardResults = (0, import_react33.forwardRef)(
                   isRow ? "flex-row items-center gap-2" : "flex-col"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
                       Badge_default,
                       {
                         action: "success",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.CheckCircle, {}),
+                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CheckCircle, {}),
                         children: [
                           correct_answers,
                           " Corretas"
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
                       Badge_default,
                       {
                         action: "error",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.XCircle, {}),
+                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.XCircle, {}),
                         children: [
                           incorrect_answers,
                           " Incorretas"
@@ -9230,7 +9370,7 @@ var CardResults = (0, import_react33.forwardRef)(
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
           ] })
         ]
       }
@@ -9256,13 +9396,13 @@ var CardStatus = (0, import_react33.forwardRef)(
     const getIconBadge = (status2) => {
       switch (status2) {
         case "correct":
-          return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.CheckCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CheckCircle, {});
         case "incorrect":
-          return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.XCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.XCircle, {});
         case "pending":
-          return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.Clock, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.Clock, {});
         default:
-          return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.XCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.XCircle, {});
       }
     };
     const getActionBadge = (status2) => {
@@ -9277,7 +9417,7 @@ var CardStatus = (0, import_react33.forwardRef)(
           return "info";
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       CardBase,
       {
         ref,
@@ -9286,10 +9426,10 @@ var CardStatus = (0, import_react33.forwardRef)(
         minHeight: "medium",
         className: cn("items-center cursor-pointer", className),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
-            status && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
+            status && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               Badge_default,
               {
                 action: getActionBadge(status),
@@ -9299,9 +9439,9 @@ var CardStatus = (0, import_react33.forwardRef)(
                 children: getLabelBadge(status)
               }
             ),
-            label && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm text-text-800", children: label })
+            label && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-text-800", children: label })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
         ] })
       }
     );
@@ -9309,7 +9449,7 @@ var CardStatus = (0, import_react33.forwardRef)(
 );
 var CardSettings = (0, import_react33.forwardRef)(
   ({ header, className, icon, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       CardBase,
       {
         ref,
@@ -9322,9 +9462,9 @@ var CardSettings = (0, import_react33.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "w-full text-sm truncate", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.CaretRight, { size: 24, className: "cursor-pointer" })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "w-full text-sm truncate", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CaretRight, { size: 24, className: "cursor-pointer" })
         ]
       }
     );
@@ -9332,7 +9472,7 @@ var CardSettings = (0, import_react33.forwardRef)(
 );
 var CardSupport = (0, import_react33.forwardRef)(
   ({ header, className, direction = "col", children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       CardBase,
       {
         ref,
@@ -9345,7 +9485,7 @@ var CardSupport = (0, import_react33.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
             "div",
             {
               className: cn(
@@ -9353,12 +9493,12 @@ var CardSupport = (0, import_react33.forwardRef)(
                 direction == "col" ? "flex-col" : "flex-row items-center"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "flex flex-row gap-1", children })
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex flex-row gap-1", children })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
         ]
       }
     );
@@ -9378,7 +9518,7 @@ var CardForum = (0, import_react33.forwardRef)(
     hour,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       CardBase,
       {
         ref,
@@ -9389,7 +9529,7 @@ var CardForum = (0, import_react33.forwardRef)(
         className: cn("w-auto h-auto gap-3", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "button",
             {
               type: "button",
@@ -9398,18 +9538,18 @@ var CardForum = (0, import_react33.forwardRef)(
               className: "min-w-8 h-8 rounded-full bg-background-950"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: "text-xs text-text-600", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-xs text-text-600", children: [
                 "\u2022 ",
                 date,
                 " \u2022 ",
                 hour
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
               "button",
               {
                 type: "button",
@@ -9417,8 +9557,8 @@ var CardForum = (0, import_react33.forwardRef)(
                 onClick: () => onClickComments?.(valueComments),
                 className: "text-text-600 flex flex-row gap-2 items-center",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.ChatCircleText, { "aria-hidden": "true", size: 16 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: "text-xs", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.ChatCircleText, { "aria-hidden": "true", size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-xs", children: [
                     comments,
                     " respostas"
                   ] })
@@ -9521,12 +9661,12 @@ var CardAudio = (0, import_react33.forwardRef)(
     };
     const getVolumeIcon = () => {
       if (volume === 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.SpeakerSimpleX, { size: 24 });
+        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.SpeakerSimpleX, { size: 24 });
       }
       if (volume < 0.5) {
-        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.SpeakerLow, { size: 24 });
+        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.SpeakerLow, { size: 24 });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.SpeakerHigh, { size: 24 });
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.SpeakerHigh, { size: 24 });
     };
     (0, import_react33.useEffect)(() => {
       const handleClickOutside = (event) => {
@@ -9542,7 +9682,7 @@ var CardAudio = (0, import_react33.forwardRef)(
         document.removeEventListener("mousedown", handleClickOutside);
       };
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       CardBase,
       {
         ref,
@@ -9555,7 +9695,7 @@ var CardAudio = (0, import_react33.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "audio",
             {
               ref: audioRef,
@@ -9567,7 +9707,7 @@ var CardAudio = (0, import_react33.forwardRef)(
               onEnded: handleEnded,
               "data-testid": "audio-element",
               "aria-label": title,
-              children: tracks ? tracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              children: tracks ? tracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 "track",
                 {
                   kind: track.kind,
@@ -9577,7 +9717,7 @@ var CardAudio = (0, import_react33.forwardRef)(
                   default: track.default
                 },
                 track.src
-              )) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              )) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 "track",
                 {
                   kind: "captions",
@@ -9588,7 +9728,7 @@ var CardAudio = (0, import_react33.forwardRef)(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "button",
             {
               type: "button",
@@ -9596,14 +9736,14 @@ var CardAudio = (0, import_react33.forwardRef)(
               disabled: !src,
               className: "cursor-pointer text-text-950 hover:text-primary-600 disabled:text-text-400 disabled:cursor-not-allowed",
               "aria-label": isPlaying ? "Pausar" : "Reproduzir",
-              children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex gap-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" })
-              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.Play, { size: 24 })
+              children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex gap-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" })
+              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.Play, { size: 24 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(currentTime) }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(currentTime) }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "button",
             {
               type: "button",
@@ -9618,7 +9758,7 @@ var CardAudio = (0, import_react33.forwardRef)(
                 }
               },
               "aria-label": "Barra de progresso do \xE1udio",
-              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 "div",
                 {
                   className: "h-full bg-primary-600 rounded-full transition-all duration-100",
@@ -9629,19 +9769,19 @@ var CardAudio = (0, import_react33.forwardRef)(
               )
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(duration) }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "relative h-6", ref: volumeControlRef, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(duration) }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "relative h-6", ref: volumeControlRef, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               "button",
               {
                 type: "button",
                 onClick: toggleVolumeControl,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Controle de volume",
-                children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
+                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
               }
             ),
-            showVolumeControl && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            showVolumeControl && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               "button",
               {
                 type: "button",
@@ -9651,7 +9791,7 @@ var CardAudio = (0, import_react33.forwardRef)(
                     setShowVolumeControl(false);
                   }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "input",
                   {
                     type: "range",
@@ -9692,22 +9832,22 @@ var CardAudio = (0, import_react33.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "relative h-6", ref: speedMenuRef, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "relative h-6", ref: speedMenuRef, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               "button",
               {
                 type: "button",
                 onClick: toggleSpeedMenu,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Op\xE7\xF5es de velocidade",
-                children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.DotsThreeVertical, { size: 24 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.DotsThreeVertical, { size: 24 })
               }
             ),
-            showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-col gap-1", children: [
+            showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col gap-1", children: [
               { speed: 1, label: "1x" },
               { speed: 1.5, label: "1.5x" },
               { speed: 2, label: "2x" }
-            ].map(({ speed, label }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            ].map(({ speed, label }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               "button",
               {
                 type: "button",
@@ -9735,7 +9875,7 @@ var SIMULADO_BACKGROUND_CLASSES = {
 var CardSimulado = (0, import_react33.forwardRef)(
   ({ title, duration, info, backgroundColor, className, ...props }, ref) => {
     const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       CardBase,
       {
         ref,
@@ -9748,18 +9888,18 @@ var CardSimulado = (0, import_react33.forwardRef)(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
-              duration && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.Clock, { size: 16, className: "flex-shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text_default, { size: "sm", children: duration })
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.Clock, { size: 16, className: "flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text_default, { size: "sm", children: duration })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             import_phosphor_react22.CaretRight,
             {
               size: 24,
@@ -9804,7 +9944,7 @@ var CardTest = (0, import_react33.forwardRef)(
     const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
     const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
     if (isSelectable) {
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "button",
         {
           ref,
@@ -9816,8 +9956,8 @@ var CardTest = (0, import_react33.forwardRef)(
           onKeyDown: handleKeyDown,
           "aria-pressed": selected,
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               Text_default,
               {
                 size: "md",
@@ -9826,10 +9966,10 @@ var CardTest = (0, import_react33.forwardRef)(
                 children: title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
-              duration && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.Clock, { size: 16, className: "text-text-700" }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.Clock, { size: 16, className: "text-text-700" }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   Text_default,
                   {
                     size: "sm",
@@ -9838,7 +9978,7 @@ var CardTest = (0, import_react33.forwardRef)(
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 Text_default,
                 {
                   size: "sm",
@@ -9851,14 +9991,14 @@ var CardTest = (0, import_react33.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "div",
       {
         ref,
         className: cn(`${baseClasses} ${className}`.trim()),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             Text_default,
             {
               size: "md",
@@ -9867,10 +10007,10 @@ var CardTest = (0, import_react33.forwardRef)(
               children: title
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
-            duration && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_phosphor_react22.Clock, { size: 16, className: "text-text-700" }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+            duration && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.Clock, { size: 16, className: "text-text-700" }),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 Text_default,
                 {
                   size: "sm",
@@ -9879,7 +10019,7 @@ var CardTest = (0, import_react33.forwardRef)(
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               Text_default,
               {
                 size: "sm",
@@ -9916,14 +10056,14 @@ var SIMULATION_TYPE_STYLES = {
   }
 };
 var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulationClick, className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     {
       ref,
       className: cn("w-full max-w-[992px] h-auto", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col gap-0", children: [
-        data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-0", children: [
+        data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
           "div",
           {
             className: cn(
@@ -9931,7 +10071,7 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
               sectionIndex === 0 ? "rounded-t-3xl" : ""
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 Text_default,
                 {
                   size: "xs",
@@ -9940,9 +10080,9 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
                   children: section.date
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
                 const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
-                return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   CardBase,
                   {
                     layout: "horizontal",
@@ -9954,9 +10094,9 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
                           transition-shadow duration-200 h-auto min-h-[61px]`
                     ),
                     onClick: () => onSimulationClick?.(simulation),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                           Text_default,
                           {
                             size: "lg",
@@ -9965,8 +10105,8 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
                             children: simulation.title
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                             Badge_default,
                             {
                               variant: "examsOutlined",
@@ -9975,10 +10115,10 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
                               children: typeStyles.text
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
+                          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                         import_phosphor_react22.CaretRight,
                         {
                           size: 24,
@@ -9994,7 +10134,7 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
             ]
           }
         ) }, section.date)),
-        data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-full h-6 bg-background rounded-b-3xl" })
+        data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-full h-6 bg-background rounded-b-3xl" })
       ] })
     }
   );
@@ -10002,7 +10142,7 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
 
 // src/components/StatisticsCard/StatisticsCard.tsx
 var import_phosphor_react23 = require("phosphor-react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var VARIANT_STYLES = {
   high: "bg-success-background",
   medium: "bg-warning-background",
@@ -10016,12 +10156,12 @@ var VALUE_TEXT_COLORS = {
   total: "text-info-700"
 };
 var StatCard = ({ item, showPlaceholder = false }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "div",
     {
       className: `rounded-xl py-[17px] px-6 min-h-[105px] flex flex-col justify-center items-start gap-1 ${VARIANT_STYLES[item.variant]}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           Text_default,
           {
             size: "4xl",
@@ -10030,7 +10170,7 @@ var StatCard = ({ item, showPlaceholder = false }) => {
             children: showPlaceholder ? "-" : item.value
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           Text_default,
           {
             size: "xs",
@@ -10065,13 +10205,13 @@ var StatisticsCard = ({
 }) => {
   const hasData = data && data.length > 0;
   const gridColumnsClass = hasData ? getGridColumnsClass(data.length) : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "div",
     {
       className: `bg-background rounded-xl p-4 h-auto lg:h-[185px] flex flex-col gap-2 ${className}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row justify-between items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-row justify-between items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             Text_default,
             {
               as: "h3",
@@ -10082,22 +10222,22 @@ var StatisticsCard = ({
               children: title
             }
           ),
-          dropdownOptions && dropdownOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-[120px] min-w-[90px] sm:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+          dropdownOptions && dropdownOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-[120px] min-w-[90px] sm:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
             Select_default,
             {
               value: selectedDropdownValue,
               onValueChange: onDropdownChange,
               size: "medium",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   SelectTrigger,
                   {
                     className: "border border-border-300 rounded [&>span]:whitespace-nowrap [&>span]:overflow-hidden [&>span]:text-ellipsis",
                     "aria-label": dropdownAriaLabel,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectValue, { placeholder: selectPlaceholder })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectValue, { placeholder: selectPlaceholder })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectContent, { className: "min-w-[120px]", children: dropdownOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectContent, { className: "min-w-[120px]", children: dropdownOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   SelectItem,
                   {
                     value: option.value,
@@ -10110,11 +10250,11 @@ var StatisticsCard = ({
             }
           ) })
         ] }),
-        hasData ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        hasData ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "div",
           {
             className: `grid grid-cols-1 sm:grid-cols-2 gap-[13px] ${gridColumnsClass}`,
-            children: data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            children: data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               StatCard,
               {
                 item,
@@ -10123,8 +10263,8 @@ var StatisticsCard = ({
               `${item.variant}-${item.label}-${index}`
             ))
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "border border-dashed border-border-300 rounded-lg p-6 min-h-[105px] flex flex-col items-center justify-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "border border-dashed border-border-300 rounded-lg p-6 min-h-[105px] flex flex-col items-center justify-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             Text_default,
             {
               size: "sm",
@@ -10133,14 +10273,14 @@ var StatisticsCard = ({
               children: emptyStateMessage
             }
           ),
-          onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             Button_default,
             {
               variant: "outline",
               action: "primary",
               size: "small",
               onClick: onEmptyStateButtonClick,
-              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react23.Plus, { size: 16, weight: "bold" }),
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react23.Plus, { size: 16, weight: "bold" }),
               children: emptyStateButtonText
             }
           )
@@ -10151,7 +10291,7 @@ var StatisticsCard = ({
 };
 
 // src/components/NotFound/NotFound.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var NotFound = ({
   title,
   description,
@@ -10194,22 +10334,22 @@ var NotFound = ({
   const errorTitle = title || getDefaultTitle();
   const errorDescription = description || getDefaultDescription();
   const errorCode = getErrorCode();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "div",
     {
       className: cn(
         "flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         "main",
         {
           role: "main",
           "aria-labelledby": "error-title",
           "aria-describedby": "error-description",
           className: "flex flex-col items-center text-center max-w-md space-y-6",
-          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               "div",
               {
                 className: "text-8xl font-bold text-primary-300 select-none",
@@ -10217,8 +10357,8 @@ var NotFound = ({
                 children: errorCode
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("header", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("header", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 Text_default,
                 {
                   size: "xl",
@@ -10229,9 +10369,9 @@ var NotFound = ({
                   children: errorTitle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
             ] }),
-            onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               Button_default,
               {
                 onClick: handleButtonClick,
@@ -10251,35 +10391,6 @@ var NotFound = ({
 };
 var NotFound_default = NotFound;
 
-// src/components/NoSearchResult/NoSearchResult.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var NoSearchResult = ({ image, title, description }) => {
-  const displayTitle = title || "Nenhum resultado encontrado";
-  const displayDescription = description || "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.";
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-row justify-center items-center gap-8 w-full max-w-4xl min-h-96", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-72 h-72 flex-shrink-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-      "img",
-      {
-        src: image,
-        alt: "No search results",
-        className: "w-full h-full object-contain"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col items-start w-full max-w-md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-row justify-between items-end px-6 pt-6 pb-4 w-full rounded-t-xl", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-        Text_default,
-        {
-          as: "h2",
-          className: "text-text-950 font-semibold text-3xl leading-tight w-full flex items-center",
-          children: displayTitle
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-row justify-center items-center px-6 gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text_default, { className: "text-text-600 font-normal text-lg leading-relaxed w-full text-justify", children: displayDescription }) })
-    ] })
-  ] });
-};
-var NoSearchResult_default = NoSearchResult;
-
 // src/components/VideoPlayer/VideoPlayer.tsx
 var import_react35 = require("react");
 var import_react_dom = require("react-dom");