analytica-frontend-lib 1.2.7 → 1.2.9

package/dist/index.js

@@ -179,6 +179,7 @@ __export(src_exports, {
   useMobile: () => useMobile,
   useQuizStore: () => useQuizStore,
   useRouteAuth: () => useRouteAuth,
+  useTableSort: () => useTableSort,
   useTheme: () => useTheme,
   useThemeStore: () => useThemeStore,
   useToastStore: () => ToastStore_default,
@@ -6630,20 +6631,93 @@ var createNotificationsHook = (apiClient) => {
 
 // src/components/Table/Table.tsx
 var import_react23 = require("react");
+var import_phosphor_react16 = require("phosphor-react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
+function useTableSort(data, options = {}) {
+  const { syncWithUrl = false } = options;
+  const getInitialState = () => {
+    if (!syncWithUrl || globalThis.window === void 0) {
+      return { column: null, direction: null };
+    }
+    const params = new URLSearchParams(globalThis.location.search);
+    const sortBy = params.get("sortBy");
+    const sort = params.get("sort");
+    if (sortBy && sort && (sort === "ASC" || sort === "DESC")) {
+      return {
+        column: sortBy,
+        direction: sort.toLowerCase()
+      };
+    }
+    return { column: null, direction: null };
+  };
+  const initialState = getInitialState();
+  const [sortColumn, setSortColumn] = (0, import_react23.useState)(
+    initialState.column
+  );
+  const [sortDirection, setSortDirection] = (0, import_react23.useState)(
+    initialState.direction
+  );
+  (0, import_react23.useEffect)(() => {
+    if (!syncWithUrl || globalThis.window === void 0) return;
+    const url = new URL(globalThis.location.href);
+    const params = url.searchParams;
+    if (sortColumn && sortDirection) {
+      params.set("sortBy", sortColumn);
+      params.set("sort", sortDirection.toUpperCase());
+    } else {
+      params.delete("sortBy");
+      params.delete("sort");
+    }
+    globalThis.history.replaceState({}, "", url.toString());
+  }, [sortColumn, sortDirection, syncWithUrl]);
+  const handleSort = (column) => {
+    if (sortColumn === column) {
+      if (sortDirection === "asc") {
+        setSortDirection("desc");
+      } else if (sortDirection === "desc") {
+        setSortColumn(null);
+        setSortDirection(null);
+      }
+    } else {
+      setSortColumn(column);
+      setSortDirection("asc");
+    }
+  };
+  const sortedData = (0, import_react23.useMemo)(() => {
+    if (!sortColumn || !sortDirection) {
+      return data;
+    }
+    return [...data].sort((a, b) => {
+      const aValue = a[sortColumn];
+      const bValue = b[sortColumn];
+      if (typeof aValue === "string" && typeof bValue === "string") {
+        const comparison = aValue.localeCompare(bValue);
+        return sortDirection === "asc" ? comparison : -comparison;
+      }
+      if (typeof aValue === "number" && typeof bValue === "number") {
+        return sortDirection === "asc" ? aValue - bValue : bValue - aValue;
+      }
+      return 0;
+    });
+  }, [data, sortColumn, sortDirection]);
+  return { sortedData, sortColumn, sortDirection, handleSort };
+}
 var Table = (0, import_react23.forwardRef)(
   ({ variant = "default", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       className: cn(
-        "relative w-full overflow-hidden",
+        "relative w-full overflow-x-auto",
         variant === "default" && "border border-border-200 rounded-xl"
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
         "table",
         {
           ref,
-          className: cn("w-full caption-bottom text-sm", className),
+          className: cn(
+            "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
+            className
+          ),
           ...props,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("caption", { className: "sr-only", children: "My Table" }),
@@ -6665,15 +6739,11 @@ var TableHeader = (0, import_react23.forwardRef)(({ className, ...props }, ref)
 ));
 TableHeader.displayName = "TableHeader";
 var TableBody = (0, import_react23.forwardRef)(
-  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "tbody",
     {
       ref,
-      className: cn(
-        "[&_tr:last-child]:border-0",
-        variant === "default" && "border-t border-border-200",
-        className
-      ),
+      className: cn("[&_tr:last-child]:border-border-200", className),
       ...props
     }
   )
@@ -6696,7 +6766,7 @@ var TableFooter = (0, import_react23.forwardRef)(
 TableFooter.displayName = "TableFooter";
 var VARIANT_STATES_ROW = {
   default: {
-    default: "border-b border-border-200",
+    default: "border border-border-200",
     borderless: ""
   },
   selected: {
@@ -6713,7 +6783,13 @@ var VARIANT_STATES_ROW = {
   }
 };
 var TableRow = (0, import_react23.forwardRef)(
-  ({ variant = "default", state = "default", className, ...props }, ref) => {
+  ({
+    variant = "default",
+    state = "default",
+    clickable = false,
+    className,
+    ...props
+  }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "tr",
       {
@@ -6721,6 +6797,7 @@ var TableRow = (0, import_react23.forwardRef)(
         className: cn(
           "transition-colors",
           state !== "disabled" ? "hover:bg-muted/50" : "",
+          clickable && state !== "disabled" ? "cursor-pointer" : "",
           VARIANT_STATES_ROW[state][variant],
           className
         ),
@@ -6731,24 +6808,49 @@ var TableRow = (0, import_react23.forwardRef)(
   }
 );
 TableRow.displayName = "TableRow";
-var TableHead = (0, import_react23.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-  "th",
-  {
-    ref,
-    className: cn(
-      "h-10 px-6 py-3.5 bg-muted/50 text-left align-middle font-bold text-text-800 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      className
-    ),
+var TableHead = (0, import_react23.forwardRef)(
+  ({
+    className,
+    sortable = true,
+    sortDirection = null,
+    onSort,
+    children,
     ...props
+  }, ref) => {
+    const handleClick = () => {
+      if (sortable && onSort) {
+        onSort();
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      "th",
+      {
+        ref,
+        className: cn(
+          "h-10 px-6 py-3.5 text-left align-middle font-bold text-base text-text-800 tracking-[0.2px] leading-none [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] whitespace-nowrap",
+          sortable && "cursor-pointer select-none hover:bg-muted/30",
+          className
+        ),
+        onClick: handleClick,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
+          children,
+          sortable && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col", children: [
+            sortDirection === "asc" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react16.CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
+            sortDirection === "desc" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react16.CaretDown, { size: 16, weight: "fill", className: "text-text-800" })
+          ] })
+        ] })
+      }
+    );
   }
-));
+);
 TableHead.displayName = "TableHead";
 var TableCell = (0, import_react23.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   "td",
   {
     ref,
     className: cn(
-      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-md text-text-800 px-6 py-3.5",
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-base font-normal text-text-800 leading-[150%] tracking-normal px-6 py-3.5 whitespace-nowrap",
       className
     ),
     ...props
@@ -6772,7 +6874,7 @@ var Table_default = Table;
 // src/components/Select/Select.tsx
 var import_zustand7 = require("zustand");
 var import_react24 = require("react");
-var import_phosphor_react16 = require("phosphor-react");
+var import_phosphor_react17 = require("phosphor-react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var VARIANT_CLASSES4 = {
   outlined: "border-2 rounded-lg focus:border-primary-950",
@@ -6957,7 +7059,7 @@ var Select = ({
     (helperText || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
       helperText && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
       errorMessage && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react16.WarningCircle, { size: 16 }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react17.WarningCircle, { size: 16 }),
         " ",
         errorMessage
       ] })
@@ -7013,7 +7115,7 @@ var SelectTrigger = (0, import_react24.forwardRef)(
         children: [
           props.children,
           /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-            import_phosphor_react16.CaretDown,
+            import_phosphor_react17.CaretDown,
             {
               className: cn(
                 "h-[1em] w-[1em] opacity-50 transition-transform",
@@ -7104,7 +7206,7 @@ var SelectItem = (0, import_react24.forwardRef)(
         tabIndex: disabled ? -1 : 0,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react16.Check, { className: "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react17.Check, { className: "" }) }),
           children
         ]
       }
@@ -7117,7 +7219,7 @@ var Select_default = Select;
 // src/components/Menu/Menu.tsx
 var import_zustand8 = require("zustand");
 var import_react25 = require("react");
-var import_phosphor_react17 = require("phosphor-react");
+var import_phosphor_react18 = require("phosphor-react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var createMenuStore = (onValueChange) => (0, import_zustand8.create)((set) => ({
   value: "",
@@ -7316,7 +7418,7 @@ var MenuItem = (0, import_react25.forwardRef)(
               }
             ),
             separator && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-              import_phosphor_react17.CaretRight,
+              import_phosphor_react18.CaretRight,
               {
                 size: 16,
                 className: "text-text-600",
@@ -7383,7 +7485,7 @@ var MenuOverflow = ({
             className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
             "data-testid": "scroll-left-button",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react17.CaretLeft, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react18.CaretLeft, { size: 16 }),
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Scroll left" })
             ]
           }
@@ -7406,7 +7508,7 @@ var MenuOverflow = ({
             className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
             "data-testid": "scroll-right-button",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react17.CaretRight, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react18.CaretRight, { size: 16 }),
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Scroll right" })
             ]
           }
@@ -7428,7 +7530,7 @@ var Menu_default = Menu;
 
 // src/components/Card/Card.tsx
 var import_react27 = require("react");
-var import_phosphor_react18 = require("phosphor-react");
+var import_phosphor_react19 = require("phosphor-react");
 
 // src/components/IconRender/IconRender.tsx
 var import_react26 = require("react");
@@ -7883,7 +7985,7 @@ var CardPerformance = (0, import_react27.forwardRef)(
             ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
           actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_phosphor_react18.CaretRight,
+            import_phosphor_react19.CaretRight,
             {
               className: "size-4.5 text-text-800 cursor-pointer",
               "data-testid": "caret-icon"
@@ -7945,7 +8047,7 @@ var CardResults = (0, import_react27.forwardRef)(
                         action: "success",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.CheckCircle, {}),
+                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CheckCircle, {}),
                         children: [
                           correct_answers,
                           " Corretas"
@@ -7958,7 +8060,7 @@ var CardResults = (0, import_react27.forwardRef)(
                         action: "error",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.XCircle, {}),
+                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.XCircle, {}),
                         children: [
                           incorrect_answers,
                           " Incorretas"
@@ -7969,7 +8071,7 @@ var CardResults = (0, import_react27.forwardRef)(
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
           ] })
         ]
       }
@@ -7995,13 +8097,13 @@ var CardStatus = (0, import_react27.forwardRef)(
     const getIconBadge = (status2) => {
       switch (status2) {
         case "correct":
-          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.CheckCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CheckCircle, {});
         case "incorrect":
-          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.XCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.XCircle, {});
         case "pending":
-          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.Clock, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.Clock, {});
         default:
-          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.XCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.XCircle, {});
       }
     };
     const getActionBadge = (status2) => {
@@ -8040,7 +8142,7 @@ var CardStatus = (0, import_react27.forwardRef)(
             ),
             label && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm text-text-800", children: label })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
         ] })
       }
     );
@@ -8063,7 +8165,7 @@ var CardSettings = (0, import_react27.forwardRef)(
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "w-full text-sm truncate", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.CaretRight, { size: 24, className: "cursor-pointer" })
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CaretRight, { size: 24, className: "cursor-pointer" })
         ]
       }
     );
@@ -8097,7 +8199,7 @@ var CardSupport = (0, import_react27.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
         ]
       }
     );
@@ -8156,7 +8258,7 @@ var CardForum = (0, import_react27.forwardRef)(
                 onClick: () => onClickComments?.(valueComments),
                 className: "text-text-600 flex flex-row gap-2 items-center",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.ChatCircleText, { "aria-hidden": "true", size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.ChatCircleText, { "aria-hidden": "true", size: 16 }),
                   /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "text-xs", children: [
                     comments,
                     " respostas"
@@ -8260,12 +8362,12 @@ var CardAudio = (0, import_react27.forwardRef)(
     };
     const getVolumeIcon = () => {
       if (volume === 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.SpeakerSimpleX, { size: 24 });
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.SpeakerSimpleX, { size: 24 });
       }
       if (volume < 0.5) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.SpeakerLow, { size: 24 });
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.SpeakerLow, { size: 24 });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.SpeakerHigh, { size: 24 });
+      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.SpeakerHigh, { size: 24 });
     };
     (0, import_react27.useEffect)(() => {
       const handleClickOutside = (event) => {
@@ -8338,7 +8440,7 @@ var CardAudio = (0, import_react27.forwardRef)(
               children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex gap-0.5", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" }),
                 /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" })
-              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.Play, { size: 24 })
+              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.Play, { size: 24 })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(currentTime) }),
@@ -8439,7 +8541,7 @@ var CardAudio = (0, import_react27.forwardRef)(
                 onClick: toggleSpeedMenu,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Op\xE7\xF5es de velocidade",
-                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.DotsThreeVertical, { size: 24 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.DotsThreeVertical, { size: 24 })
               }
             ),
             showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex flex-col gap-1", children: [
@@ -8492,14 +8594,14 @@ var CardSimulado = (0, import_react27.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
             /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
               duration && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.Clock, { size: 16, className: "flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.Clock, { size: 16, className: "flex-shrink-0" }),
                 /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text_default, { size: "sm", children: duration })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_phosphor_react18.CaretRight,
+            import_phosphor_react19.CaretRight,
             {
               size: 24,
               className: "text-text-800 flex-shrink-0",
@@ -8567,7 +8669,7 @@ var CardTest = (0, import_react27.forwardRef)(
             ),
             /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
               duration && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.Clock, { size: 16, className: "text-text-700" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.Clock, { size: 16, className: "text-text-700" }),
                 /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   Text_default,
                   {
@@ -8608,7 +8710,7 @@ var CardTest = (0, import_react27.forwardRef)(
           ),
           /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
             duration && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react18.Clock, { size: 16, className: "text-text-700" }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react19.Clock, { size: 16, className: "text-text-700" }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 Text_default,
                 {
@@ -8718,7 +8820,7 @@ var CardSimulationHistory = (0, import_react27.forwardRef)(({ data, onSimulation
                         ] })
                       ] }),
                       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                        import_phosphor_react18.CaretRight,
+                        import_phosphor_react19.CaretRight,
                         {
                           size: 24,
                           className: "text-text-800 flex-shrink-0",
@@ -8740,7 +8842,7 @@ var CardSimulationHistory = (0, import_react27.forwardRef)(({ data, onSimulation
 });
 
 // src/components/StatisticsCard/StatisticsCard.tsx
-var import_phosphor_react19 = require("phosphor-react");
+var import_phosphor_react20 = require("phosphor-react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var VARIANT_STYLES = {
   high: "bg-success-background",
@@ -8879,7 +8981,7 @@ var StatisticsCard = ({
               action: "primary",
               size: "small",
               onClick: onEmptyStateButtonClick,
-              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.Plus, { size: 16, weight: "bold" }),
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react20.Plus, { size: 16, weight: "bold" }),
               children: emptyStateButtonText
             }
           )
@@ -8993,11 +9095,11 @@ var NotFound_default = NotFound;
 // src/components/VideoPlayer/VideoPlayer.tsx
 var import_react29 = require("react");
 var import_react_dom = require("react-dom");
-var import_phosphor_react21 = require("phosphor-react");
+var import_phosphor_react22 = require("phosphor-react");
 
 // src/components/DownloadButton/DownloadButton.tsx
 var import_react28 = require("react");
-var import_phosphor_react20 = require("phosphor-react");
+var import_phosphor_react21 = require("phosphor-react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var getMimeType = (url) => {
   const extension = getFileExtension(url);
@@ -9158,7 +9260,7 @@ var DownloadButton = ({
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     IconButton_default,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react20.DownloadSimple, { size: 24 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react21.DownloadSimple, { size: 24 }),
       onClick: handleDownload,
       disabled: disabled || isDownloading,
       "aria-label": (() => {
@@ -9221,7 +9323,7 @@ var VolumeControls = ({
   /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     IconButton_default,
     {
-      icon: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react21.SpeakerSlash, { size: iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react21.SpeakerHigh, { size: iconSize }),
+      icon: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.SpeakerSlash, { size: iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.SpeakerHigh, { size: iconSize }),
       onClick: onToggleMute,
       "aria-label": isMuted ? "Unmute" : "Mute",
       className: "!bg-transparent !text-white hover:!bg-white/20"
@@ -9317,7 +9419,7 @@ var SpeedMenu = ({
       IconButton_default,
       {
         ref: buttonRef,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react21.DotsThreeVertical, { size: iconSize }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.DotsThreeVertical, { size: iconSize }),
         onClick: onToggleMenu,
         "aria-label": "Playback speed",
         "aria-haspopup": "menu",
@@ -9924,7 +10026,7 @@ var VideoPlayer = ({
               children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react21.Play, { size: 32, weight: "regular", className: "ml-1" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.Play, { size: 32, weight: "regular", className: "ml-1" }),
                   onClick: togglePlayPause,
                   "aria-label": "Play video",
                   className: "!bg-transparent !text-white !w-auto !h-auto hover:!bg-transparent hover:!text-gray-200"
@@ -9942,7 +10044,7 @@ var VideoPlayer = ({
               children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                 IconButton_default,
                 {
-                  icon: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react21.ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react21.ArrowsOutSimple, { size: 24 }),
+                  icon: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.ArrowsOutSimple, { size: 24 }),
                   onClick: toggleFullscreen,
                   "aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
                   className: "!bg-transparent !text-white hover:!bg-white/20"
@@ -9980,7 +10082,7 @@ var VideoPlayer = ({
                         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                           IconButton_default,
                           {
-                            icon: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react21.Pause, { size: getIconSize2() }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react21.Play, { size: getIconSize2() }),
+                            icon: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.Pause, { size: getIconSize2() }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.Play, { size: getIconSize2() }),
                             onClick: togglePlayPause,
                             "aria-label": isPlaying ? "Pause" : "Play",
                             className: "!bg-transparent !text-white hover:!bg-white/20"
@@ -10000,7 +10102,7 @@ var VideoPlayer = ({
                         groupedSubTitleValid && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                           IconButton_default,
                           {
-                            icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react21.ClosedCaptioning, { size: getIconSize2() }),
+                            icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.ClosedCaptioning, { size: getIconSize2() }),
                             onClick: toggleCaptions,
                             "aria-label": showCaptions ? "Hide captions" : "Show captions",
                             className: cn(
@@ -10042,7 +10144,7 @@ var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
 var import_react30 = require("react");
-var import_phosphor_react22 = require("phosphor-react");
+var import_phosphor_react23 = require("phosphor-react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var IMAGE_WIDTH = 225;
 var IMAGE_HEIGHT = 90;
@@ -10140,7 +10242,7 @@ var Whiteboard = ({
                 className: "cursor-pointer absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6",
                 "aria-label": `Download ${image.title || "imagem"}`,
                 children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                  import_phosphor_react22.ArrowsOut,
+                  import_phosphor_react23.ArrowsOut,
                   {
                     size: 24,
                     weight: "regular",
@@ -10333,7 +10435,7 @@ var getRootDomain = () => {
 
 // src/components/Accordation/Accordation.tsx
 var import_react32 = require("react");
-var import_phosphor_react23 = require("phosphor-react");
+var import_phosphor_react24 = require("phosphor-react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var CardAccordation = (0, import_react32.forwardRef)(
   ({
@@ -10402,7 +10504,7 @@ var CardAccordation = (0, import_react32.forwardRef)(
               children: [
                 trigger,
                 /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                  import_phosphor_react23.CaretRight,
+                  import_phosphor_react24.CaretRight,
                   {
                     size: 20,
                     className: cn(
@@ -10587,7 +10689,7 @@ var AccordionGroup = (0, import_react33.forwardRef)(
 AccordionGroup.displayName = "AccordionGroup";
 
 // src/components/Alternative/Alternative.tsx
-var import_phosphor_react24 = require("phosphor-react");
+var import_phosphor_react25 = require("phosphor-react");
 var import_react34 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var AlternativesList = ({
@@ -10620,9 +10722,9 @@ var AlternativesList = ({
   const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react24.CheckCircle, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react25.CheckCircle, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react24.XCircle, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react25.XCircle, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -11020,7 +11122,7 @@ function useApiConfig(api) {
 }
 
 // src/components/Quiz/Quiz.tsx
-var import_phosphor_react27 = require("phosphor-react");
+var import_phosphor_react28 = require("phosphor-react");
 var import_react39 = require("react");
 
 // src/components/Quiz/useQuizStore.ts
@@ -11627,7 +11729,7 @@ var import_react38 = require("react");
 
 // src/components/MultipleChoice/MultipleChoice.tsx
 var import_react37 = require("react");
-var import_phosphor_react25 = require("phosphor-react");
+var import_phosphor_react26 = require("phosphor-react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var MultipleChoiceList = ({
   disabled = false,
@@ -11645,9 +11747,9 @@ var MultipleChoiceList = ({
   const getStatusBadge2 = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_phosphor_react25.CheckCircle, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_phosphor_react26.CheckCircle, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_phosphor_react25.XCircle, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_phosphor_react26.XCircle, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -11668,7 +11770,7 @@ var MultipleChoiceList = ({
       isSelected ? "border-primary-950 bg-primary-950 text-text" : "border-border-400 bg-background",
       isDisabled && "opacity-40 cursor-not-allowed"
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_phosphor_react25.Check, { size: 16, weight: "bold" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_phosphor_react26.Check, { size: 16, weight: "bold" }) });
   };
   if (mode === "readonly") {
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
@@ -11759,7 +11861,7 @@ var MultipleChoiceList = ({
 };
 
 // src/components/Quiz/QuizContent.tsx
-var import_phosphor_react26 = require("phosphor-react");
+var import_phosphor_react27 = require("phosphor-react");
 
 // src/assets/img/mock-image-question.png
 var mock_image_question_default = "./mock-image-question-HEZCLFDL.png";
@@ -11769,9 +11871,9 @@ var import_jsx_runtime54 = require("react/jsx-runtime");
 var getStatusBadge = (status) => {
   switch (status) {
     case "correct":
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react26.CheckCircle, {}), children: "Resposta correta" });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react27.CheckCircle, {}), children: "Resposta correta" });
     case "incorrect":
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react26.XCircle, {}), children: "Resposta incorreta" });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react27.XCircle, {}), children: "Resposta incorreta" });
     default:
       return null;
   }
@@ -12291,7 +12393,7 @@ var QuizFill = ({ paddingBottom }) => {
     );
     if (!mockAnswer) return null;
     const action = mockAnswer.isCorrect ? "success" : "error";
-    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react26.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react26.XCircle, {});
+    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react27.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_phosphor_react27.XCircle, {});
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       Badge_default,
       {
@@ -12613,7 +12715,7 @@ var QuizTitle = (0, import_react39.forwardRef)(({ className, onBack, ...props },
           /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             IconButton_default,
             {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react27.CaretLeft, { size: 24 }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react28.CaretLeft, { size: 24 }),
               size: "md",
               "aria-label": "Voltar",
               onClick: handleBackClick
@@ -12623,7 +12725,7 @@ var QuizTitle = (0, import_react39.forwardRef)(({ className, onBack, ...props },
             /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
             /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react27.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react28.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
         ]
       }
     ),
@@ -12721,7 +12823,7 @@ var QuizQuestionList = ({
     Object.entries(filteredGroupedQuestions).map(
       ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("section", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react27.BookOpen, { size: 17, className: "text-white" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react28.BookOpen, { size: 17, className: "text-white" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
@@ -12849,7 +12951,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
               /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react27.SquaresFour, { size: 24, className: "text-text-950" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react28.SquaresFour, { size: 24, className: "text-text-950" }),
                   size: "md",
                   onClick: () => openModal("modalNavigate")
                 }
@@ -12871,7 +12973,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
                   size: "medium",
                   variant: "link",
                   action: "primary",
-                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react27.CaretLeft, { size: 18 }),
+                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react28.CaretLeft, { size: 18 }),
                   onClick: () => {
                     goToPreviousQuestion();
                   },
@@ -12907,7 +13009,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
                 size: "medium",
                 variant: "link",
                 action: "primary",
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react27.CaretRight, { size: 18 }),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_phosphor_react28.CaretRight, { size: 18 }),
                 disabled: !currentAnswer && !isCurrentQuestionSkipped,
                 onClick: () => {
                   goToNextQuestion();
@@ -13122,7 +13224,7 @@ var QuizFooter = (0, import_react39.forwardRef)(
 
 // src/components/Quiz/QuizResult.tsx
 var import_react40 = require("react");
-var import_phosphor_react28 = require("phosphor-react");
+var import_phosphor_react29 = require("phosphor-react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var QuizBadge = ({
   subtype
@@ -13332,7 +13434,7 @@ var QuizResultPerformance = (0, import_react40.forwardRef)(({ showDetails = true
           ),
           /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
             showDetails && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react28.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_phosphor_react29.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
               /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
                 (getQuestionResultStatistics()?.timeSpent ?? 0) * 60
               ) })
@@ -14153,6 +14255,7 @@ function useAppContent(config) {
   useMobile,
   useQuizStore,
   useRouteAuth,
+  useTableSort,
   useTheme,
   useThemeStore,
   useToastStore,