analytica-frontend-lib 1.0.85 → 1.0.87

package/dist/index.mjs

@@ -803,10 +803,9 @@ var CheckBox = forwardRef5(
 CheckBox.displayName = "CheckBox";
 var CheckBox_default = CheckBox;
 
-// src/components/Radio/Radio.tsx
+// src/components/CheckBox/CheckboxList.tsx
 import {
   forwardRef as forwardRef6,
-  useState as useState2,
   useId as useId2,
   useEffect,
   useRef,
@@ -815,7 +814,152 @@ import {
   isValidElement
 } from "react";
 import { create, useStore } from "zustand";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var createCheckboxListStore = (name, defaultValues, disabled, onValuesChange) => create((set, get) => ({
+  values: defaultValues,
+  setValues: (values) => {
+    if (!get().disabled) {
+      set({ values });
+      get().onValuesChange?.(values);
+    }
+  },
+  toggleValue: (value) => {
+    if (!get().disabled) {
+      const currentValues = get().values;
+      const newValues = currentValues.includes(value) ? currentValues.filter((v) => v !== value) : [...currentValues, value];
+      set({ values: newValues });
+      get().onValuesChange?.(newValues);
+    }
+  },
+  onValuesChange,
+  disabled,
+  name
+}));
+var useCheckboxListStore = (externalStore) => {
+  if (!externalStore) {
+    throw new Error("CheckboxListItem must be used within a CheckboxList");
+  }
+  return externalStore;
+};
+var injectStore = (children, store) => Children.map(children, (child) => {
+  if (!isValidElement(child)) return child;
+  const typedChild = child;
+  const shouldInject = typedChild.type === CheckboxListItem;
+  return cloneElement(typedChild, {
+    ...shouldInject ? { store } : {},
+    ...typedChild.props.children ? { children: injectStore(typedChild.props.children, store) } : {}
+  });
+});
+var CheckboxList = forwardRef6(
+  ({
+    values: propValues,
+    defaultValues = [],
+    onValuesChange,
+    name: propName,
+    disabled = false,
+    className = "",
+    children,
+    ...props
+  }, ref) => {
+    const generatedId = useId2();
+    const name = propName || `checkbox-list-${generatedId}`;
+    const storeRef = useRef(null);
+    storeRef.current ??= createCheckboxListStore(
+      name,
+      defaultValues,
+      disabled,
+      onValuesChange
+    );
+    const store = storeRef.current;
+    const { setValues } = useStore(store, (s) => s);
+    useEffect(() => {
+      const currentValues = store.getState().values;
+      if (currentValues.length > 0 && onValuesChange) {
+        onValuesChange(currentValues);
+      }
+    }, []);
+    useEffect(() => {
+      if (propValues !== void 0) {
+        setValues(propValues);
+      }
+    }, [propValues, setValues]);
+    useEffect(() => {
+      store.setState({ disabled });
+    }, [disabled, store]);
+    return /* @__PURE__ */ jsx11(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col gap-2 w-full", className),
+        "aria-label": name,
+        ...props,
+        children: injectStore(children, store)
+      }
+    );
+  }
+);
+CheckboxList.displayName = "CheckboxList";
+var CheckboxListItem = forwardRef6(
+  ({
+    value,
+    store: externalStore,
+    disabled: itemDisabled,
+    size = "medium",
+    state = "default",
+    className = "",
+    id,
+    ...props
+  }, ref) => {
+    const store = useCheckboxListStore(externalStore);
+    const {
+      values: groupValues,
+      toggleValue,
+      disabled: groupDisabled,
+      name
+    } = useStore(store);
+    const generatedId = useId2();
+    const inputId = id ?? `checkbox-item-${generatedId}`;
+    const isChecked = groupValues.includes(value);
+    const isDisabled = groupDisabled || itemDisabled;
+    const currentState = isDisabled ? "disabled" : state;
+    return /* @__PURE__ */ jsx11(
+      CheckBox_default,
+      {
+        ref,
+        id: inputId,
+        name,
+        value,
+        checked: isChecked,
+        disabled: isDisabled,
+        size,
+        state: currentState,
+        className,
+        onChange: () => {
+          if (!isDisabled) {
+            toggleValue(value);
+          }
+        },
+        ...props
+      }
+    );
+  }
+);
+CheckboxListItem.displayName = "CheckboxListItem";
+var CheckboxList_default = CheckboxList;
+
+// src/components/Radio/Radio.tsx
+import {
+  forwardRef as forwardRef7,
+  useState as useState2,
+  useId as useId3,
+  useEffect as useEffect2,
+  useRef as useRef2,
+  Children as Children2,
+  cloneElement as cloneElement2,
+  isValidElement as isValidElement2
+} from "react";
+import { create as create2, useStore as useStore2 } from "zustand";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var SIZE_CLASSES4 = {
   small: {
     radio: "w-5 h-5",
@@ -880,7 +1024,7 @@ var DOT_CLASSES = {
   invalid: "bg-primary-950",
   disabled: "bg-primary-950"
 };
-var Radio = forwardRef6(
+var Radio = forwardRef7(
   ({
     label,
     size = "medium",
@@ -898,9 +1042,9 @@ var Radio = forwardRef6(
     onChange,
     ...props
   }, ref) => {
-    const generatedId = useId2();
+    const generatedId = useId3();
     const inputId = id ?? `radio-${generatedId}`;
-    const inputRef = useRef(null);
+    const inputRef = useRef2(null);
     const [internalChecked, setInternalChecked] = useState2(defaultChecked);
     const isControlled = checkedProp !== void 0;
     const checked = isControlled ? checkedProp : internalChecked;
@@ -964,7 +1108,7 @@ var Radio = forwardRef6(
             disabled ? "opacity-40" : ""
           ),
           children: [
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               "input",
               {
                 ref: (node) => {
@@ -988,7 +1132,7 @@ var Radio = forwardRef6(
                 ...props
               }
             ),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               "button",
               {
                 type: "button",
@@ -1013,10 +1157,10 @@ var Radio = forwardRef6(
                     }
                   }
                 },
-                children: checked && /* @__PURE__ */ jsx11("div", { className: dotClasses })
+                children: checked && /* @__PURE__ */ jsx12("div", { className: dotClasses })
               }
             ),
-            label && /* @__PURE__ */ jsx11(
+            label && /* @__PURE__ */ jsx12(
               "div",
               {
                 className: cn(
@@ -1024,7 +1168,7 @@ var Radio = forwardRef6(
                   sizeClasses.labelHeight,
                   "flex-1 min-w-0"
                 ),
-                children: /* @__PURE__ */ jsx11(
+                children: /* @__PURE__ */ jsx12(
                   Text_default,
                   {
                     as: "label",
@@ -1045,7 +1189,7 @@ var Radio = forwardRef6(
           ]
         }
       ),
-      errorMessage && /* @__PURE__ */ jsx11(
+      errorMessage && /* @__PURE__ */ jsx12(
         Text_default,
         {
           size: "sm",
@@ -1055,7 +1199,7 @@ var Radio = forwardRef6(
           children: errorMessage
         }
       ),
-      helperText && !errorMessage && /* @__PURE__ */ jsx11(
+      helperText && !errorMessage && /* @__PURE__ */ jsx12(
         Text_default,
         {
           size: "sm",
@@ -1069,7 +1213,7 @@ var Radio = forwardRef6(
   }
 );
 Radio.displayName = "Radio";
-var createRadioGroupStore = (name, defaultValue, disabled, onValueChange) => create((set, get) => ({
+var createRadioGroupStore = (name, defaultValue, disabled, onValueChange) => create2((set, get) => ({
   value: defaultValue,
   setValue: (value) => {
     if (!get().disabled) {
@@ -1087,16 +1231,16 @@ var useRadioGroupStore = (externalStore) => {
   }
   return externalStore;
 };
-var injectStore = (children, store) => Children.map(children, (child) => {
-  if (!isValidElement(child)) return child;
+var injectStore2 = (children, store) => Children2.map(children, (child) => {
+  if (!isValidElement2(child)) return child;
   const typedChild = child;
   const shouldInject = typedChild.type === RadioGroupItem;
-  return cloneElement(typedChild, {
+  return cloneElement2(typedChild, {
     ...shouldInject ? { store } : {},
-    ...typedChild.props.children ? { children: injectStore(typedChild.props.children, store) } : {}
+    ...typedChild.props.children ? { children: injectStore2(typedChild.props.children, store) } : {}
   });
 });
-var RadioGroup = forwardRef6(
+var RadioGroup = forwardRef7(
   ({
     value: propValue,
     defaultValue = "",
@@ -1107,9 +1251,9 @@ var RadioGroup = forwardRef6(
     children,
     ...props
   }, ref) => {
-    const generatedId = useId2();
+    const generatedId = useId3();
     const name = propName || `radio-group-${generatedId}`;
-    const storeRef = useRef(null);
+    const storeRef = useRef2(null);
     storeRef.current ??= createRadioGroupStore(
       name,
       defaultValue,
@@ -1117,22 +1261,22 @@ var RadioGroup = forwardRef6(
       onValueChange
     );
     const store = storeRef.current;
-    const { setValue } = useStore(store, (s) => s);
-    useEffect(() => {
+    const { setValue } = useStore2(store, (s) => s);
+    useEffect2(() => {
       const currentValue = store.getState().value;
       if (currentValue && onValueChange) {
         onValueChange(currentValue);
       }
     }, []);
-    useEffect(() => {
+    useEffect2(() => {
       if (propValue !== void 0) {
         setValue(propValue);
       }
     }, [propValue, setValue]);
-    useEffect(() => {
+    useEffect2(() => {
       store.setState({ disabled });
     }, [disabled, store]);
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       "div",
       {
         ref,
@@ -1140,13 +1284,13 @@ var RadioGroup = forwardRef6(
         role: "radiogroup",
         "aria-label": name,
         ...props,
-        children: injectStore(children, store)
+        children: injectStore2(children, store)
       }
     );
   }
 );
 RadioGroup.displayName = "RadioGroup";
-var RadioGroupItem = forwardRef6(
+var RadioGroupItem = forwardRef7(
   ({
     value,
     store: externalStore,
@@ -1163,13 +1307,13 @@ var RadioGroupItem = forwardRef6(
       setValue,
       disabled: groupDisabled,
       name
-    } = useStore(store);
-    const generatedId = useId2();
+    } = useStore2(store);
+    const generatedId = useId3();
     const inputId = id ?? `radio-item-${generatedId}`;
     const isChecked = groupValue === value;
     const isDisabled = groupDisabled || itemDisabled;
     const currentState = isDisabled ? "disabled" : state;
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       Radio,
       {
         ref,
@@ -1196,12 +1340,12 @@ var Radio_default = Radio;
 
 // src/components/TextArea/TextArea.tsx
 import {
-  forwardRef as forwardRef7,
+  forwardRef as forwardRef8,
   useState as useState3,
-  useId as useId3
+  useId as useId4
 } from "react";
 import { WarningCircle as WarningCircle2 } from "phosphor-react";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var SIZE_CLASSES5 = {
   small: {
     textarea: "h-24 text-sm",
@@ -1252,7 +1396,7 @@ var STATE_CLASSES3 = {
     focus: ""
   }
 };
-var TextArea = forwardRef7(
+var TextArea = forwardRef8(
   ({
     label,
     size = "medium",
@@ -1267,7 +1411,7 @@ var TextArea = forwardRef7(
     placeholder,
     ...props
   }, ref) => {
-    const generatedId = useId3();
+    const generatedId = useId4();
     const inputId = id ?? `textarea-${generatedId}`;
     const [isFocused, setIsFocused] = useState3(false);
     const handleChange = (event) => {
@@ -1296,7 +1440,7 @@ var TextArea = forwardRef7(
       className
     );
     return /* @__PURE__ */ jsxs9("div", { className: `flex flex-col`, children: [
-      label && /* @__PURE__ */ jsx12(
+      label && /* @__PURE__ */ jsx13(
         Text_default,
         {
           as: "label",
@@ -1308,7 +1452,7 @@ var TextArea = forwardRef7(
           children: label
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         "textarea",
         {
           ref,
@@ -1323,11 +1467,11 @@ var TextArea = forwardRef7(
         }
       ),
       errorMessage && /* @__PURE__ */ jsxs9("p", { className: "flex gap-1 items-center text-sm text-indicator-error mt-1.5", children: [
-        /* @__PURE__ */ jsx12(WarningCircle2, { size: 16 }),
+        /* @__PURE__ */ jsx13(WarningCircle2, { size: 16 }),
         " ",
         errorMessage
       ] }),
-      helperMessage && !errorMessage && /* @__PURE__ */ jsx12(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
+      helperMessage && !errorMessage && /* @__PURE__ */ jsx13(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
     ] });
   }
 );
@@ -1336,7 +1480,7 @@ var TextArea_default = TextArea;
 
 // src/components/Toast/Toast.tsx
 import { CheckCircle as CheckCircle2, WarningCircle as WarningCircle3, Info as Info2, X } from "phosphor-react";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var VARIANT_ACTION_CLASSES4 = {
   solid: {
     warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
@@ -1391,19 +1535,19 @@ var Toast = ({
       ...props,
       children: [
         /* @__PURE__ */ jsxs10("div", { className: "flex flex-row items-start gap-3", children: [
-          /* @__PURE__ */ jsx13("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ jsx13(IconAction, {}) }),
+          /* @__PURE__ */ jsx14("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ jsx14(IconAction, {}) }),
           /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-start justify-start", children: [
-            /* @__PURE__ */ jsx13("p", { className: "font-semibold text-md", children: title }),
-            description && /* @__PURE__ */ jsx13("p", { className: "text-md text-text-900", children: description })
+            /* @__PURE__ */ jsx14("p", { className: "font-semibold text-md", children: title }),
+            description && /* @__PURE__ */ jsx14("p", { className: "text-md text-text-900", children: description })
           ] })
         ] }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "button",
           {
             onClick: onClose,
             "aria-label": "Dismiss notification",
             className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
-            children: /* @__PURE__ */ jsx13(X, {})
+            children: /* @__PURE__ */ jsx14(X, {})
           }
         )
       ]
@@ -1413,8 +1557,8 @@ var Toast = ({
 var Toast_default = Toast;
 
 // src/components/Toast/utils/ToastStore.ts
-import { create as create2 } from "zustand";
-var useToastStore = create2((set) => ({
+import { create as create3 } from "zustand";
+var useToastStore = create3((set) => ({
   toasts: [],
   addToast: (toast) => {
     const id = crypto.randomUUID();
@@ -1431,11 +1575,11 @@ var useToastStore = create2((set) => ({
 var ToastStore_default = useToastStore;
 
 // src/components/Toast/utils/Toaster.tsx
-import { Fragment, jsx as jsx14 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx15 } from "react/jsx-runtime";
 var Toaster = () => {
   const toasts = ToastStore_default((state) => state.toasts);
   const removeToast = ToastStore_default((state) => state.removeToast);
-  return /* @__PURE__ */ jsx14(Fragment, { children: toasts.map((toast) => /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(Fragment, { children: toasts.map((toast) => /* @__PURE__ */ jsx15(
     Toast_default,
     {
       title: toast.title,
@@ -1451,7 +1595,7 @@ var Toaster = () => {
 var Toaster_default = Toaster;
 
 // src/components/Divider/Divider.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var Divider = ({
   orientation = "horizontal",
   className = "",
@@ -1462,7 +1606,7 @@ var Divider = ({
     horizontal: "w-full h-px",
     vertical: "h-full w-px"
   };
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "hr",
     {
       className: cn(baseClasses, orientationClasses[orientation], className),
@@ -1476,12 +1620,12 @@ var Divider_default = Divider;
 // src/components/Input/Input.tsx
 import { WarningCircle as WarningCircle4, Eye, EyeSlash } from "phosphor-react";
 import {
-  forwardRef as forwardRef8,
+  forwardRef as forwardRef9,
   useState as useState4,
-  useId as useId4,
+  useId as useId5,
   useMemo
 } from "react";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var SIZE_CLASSES6 = {
   small: "text-sm",
   medium: "text-md",
@@ -1520,7 +1664,7 @@ var getPasswordToggleConfig = (type, disabled, readOnly, showPassword, iconRight
   let actualIconRight = iconRight;
   let ariaLabel;
   if (shouldShowPasswordToggle) {
-    actualIconRight = showPassword ? /* @__PURE__ */ jsx16(EyeSlash, {}) : /* @__PURE__ */ jsx16(Eye, {});
+    actualIconRight = showPassword ? /* @__PURE__ */ jsx17(EyeSlash, {}) : /* @__PURE__ */ jsx17(Eye, {});
     ariaLabel = showPassword ? "Ocultar senha" : "Mostrar senha";
   }
   return { shouldShowPasswordToggle, actualIconRight, ariaLabel };
@@ -1536,7 +1680,7 @@ var getCombinedClasses = (actualState, variant) => {
   }
   return `${stateClasses} ${variantClasses}`;
 };
-var Input = forwardRef8(
+var Input = forwardRef9(
   ({
     label,
     helperText,
@@ -1565,7 +1709,7 @@ var Input = forwardRef8(
     );
     const iconSize = getIconSize(size);
     const baseClasses = `bg-background w-full py-2 ${actualState === "read-only" ? "px-0" : "px-3"} font-normal text-text-900 focus:outline-primary-950`;
-    const generatedId = useId4();
+    const generatedId = useId5();
     const inputId = id ?? `input-${generatedId}`;
     const togglePasswordVisibility = () => setShowPassword(!showPassword);
     const { shouldShowPasswordToggle, actualIconRight, ariaLabel } = getPasswordToggleConfig(
@@ -1576,7 +1720,7 @@ var Input = forwardRef8(
       iconRight
     );
     return /* @__PURE__ */ jsxs11("div", { className: `${containerClassName}`, children: [
-      label && /* @__PURE__ */ jsx16(
+      label && /* @__PURE__ */ jsx17(
         "label",
         {
           htmlFor: inputId,
@@ -1585,14 +1729,14 @@ var Input = forwardRef8(
         }
       ),
       /* @__PURE__ */ jsxs11("div", { className: "relative", children: [
-        iconLeft && /* @__PURE__ */ jsx16("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ jsx16(
+        iconLeft && /* @__PURE__ */ jsx17("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ jsx17(
           "span",
           {
             className: `${iconSize} text-text-400 flex items-center justify-center`,
             children: iconLeft
           }
         ) }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           "input",
           {
             ref,
@@ -1605,14 +1749,14 @@ var Input = forwardRef8(
             ...props
           }
         ),
-        actualIconRight && (shouldShowPasswordToggle ? /* @__PURE__ */ jsx16(
+        actualIconRight && (shouldShowPasswordToggle ? /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
             className: "absolute right-3 top-1/2 transform -translate-y-1/2 cursor-pointer border-0 bg-transparent p-0",
             onClick: togglePasswordVisibility,
             "aria-label": ariaLabel,
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx17(
               "span",
               {
                 className: `${iconSize} text-text-400 flex items-center justify-center hover:text-text-600 transition-colors`,
@@ -1620,7 +1764,7 @@ var Input = forwardRef8(
               }
             )
           }
-        ) : /* @__PURE__ */ jsx16("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ jsx16(
+        ) : /* @__PURE__ */ jsx17("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ jsx17(
           "span",
           {
             className: `${iconSize} text-text-400 flex items-center justify-center`,
@@ -1629,9 +1773,9 @@ var Input = forwardRef8(
         ) }))
       ] }),
       /* @__PURE__ */ jsxs11("div", { className: "mt-1.5 gap-1.5", children: [
-        helperText && /* @__PURE__ */ jsx16("p", { className: "text-sm text-text-500", children: helperText }),
+        helperText && /* @__PURE__ */ jsx17("p", { className: "text-sm text-text-500", children: helperText }),
         errorMessage && /* @__PURE__ */ jsxs11("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
-          /* @__PURE__ */ jsx16(WarningCircle4, { size: 16 }),
+          /* @__PURE__ */ jsx17(WarningCircle4, { size: 16 }),
           " ",
           errorMessage
         ] })
@@ -1643,7 +1787,7 @@ var Input_default = Input;
 
 // src/components/Chips/Chips.tsx
 import { Check as Check2 } from "phosphor-react";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var STATE_CLASSES5 = {
   default: "bg-background text-text-950 border border-border-100 hover:bg-secondary-50 hover:border-border-300",
   selected: "bg-info-background text-primary-950 border-2 border-primary-950 hover:bg-secondary-50 focus-visible:border-0"
@@ -1666,8 +1810,8 @@ var Chips = ({
       type,
       ...props,
       children: [
-        selected && /* @__PURE__ */ jsx17("span", { className: `flex items-center`, children: /* @__PURE__ */ jsx17(Check2, { weight: "bold", size: 16 }) }),
-        /* @__PURE__ */ jsx17("span", { className: "flex-1", children })
+        selected && /* @__PURE__ */ jsx18("span", { className: `flex items-center`, children: /* @__PURE__ */ jsx18(Check2, { weight: "bold", size: 16 }) }),
+        /* @__PURE__ */ jsx18("span", { className: "flex-1", children })
       ]
     }
   );
@@ -1675,7 +1819,7 @@ var Chips = ({
 var Chips_default = Chips;
 
 // src/components/ProgressBar/ProgressBar.tsx
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var SIZE_CLASSES7 = {
   small: {
     container: "h-1",
@@ -1787,7 +1931,7 @@ var renderStackedHitCountDisplay = (showHitCount, showPercentage, clampedValue,
     max,
     percentage
   );
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: cn(
@@ -1795,7 +1939,7 @@ var renderStackedHitCountDisplay = (showHitCount, showPercentage, clampedValue,
         percentageClassName
       ),
       children: displayPriority.type === "hitCount" ? /* @__PURE__ */ jsxs13(Fragment2, { children: [
-        /* @__PURE__ */ jsx18("span", { className: "text-success-200", children: Math.round(clampedValue) }),
+        /* @__PURE__ */ jsx19("span", { className: "text-success-200", children: Math.round(clampedValue) }),
         /* @__PURE__ */ jsxs13("span", { className: "text-text-600", children: [
           " de ",
           max
@@ -1824,7 +1968,7 @@ var ProgressBarBase = ({
       "overflow-hidden relative"
     ),
     children: [
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         "progress",
         {
           value: clampedValue,
@@ -1833,7 +1977,7 @@ var ProgressBarBase = ({
           className: "absolute inset-0 w-full h-full opacity-0"
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         "div",
         {
           className: cn(
@@ -1870,7 +2014,7 @@ var StackedLayout = ({
     ),
     children: [
       shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsxs13("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
-        label && /* @__PURE__ */ jsx18(
+        label && /* @__PURE__ */ jsx19(
           Text_default,
           {
             as: "div",
@@ -1889,7 +2033,7 @@ var StackedLayout = ({
           percentageClassName
         )
       ] }),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         ProgressBarBase,
         {
           clampedValue,
@@ -1941,7 +2085,7 @@ var CompactLayout = ({
         className
       ),
       children: [
-        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsx18(
+        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsx19(
           Text_default,
           {
             as: "div",
@@ -1952,7 +2096,7 @@ var CompactLayout = ({
             children: content
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           ProgressBarBase,
           {
             clampedValue,
@@ -1990,7 +2134,7 @@ var DefaultLayout = ({
   );
   return /* @__PURE__ */ jsxs13("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
     displayConfig.showHeader && /* @__PURE__ */ jsxs13("div", { className: "flex flex-row items-center justify-between w-full", children: [
-      label && /* @__PURE__ */ jsx18(
+      label && /* @__PURE__ */ jsx19(
         Text_default,
         {
           as: "div",
@@ -2019,7 +2163,7 @@ var DefaultLayout = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       ProgressBarBase,
       {
         clampedValue,
@@ -2054,7 +2198,7 @@ var DefaultLayout = ({
         ]
       }
     ),
-    displayConfig.showLabel && /* @__PURE__ */ jsx18(
+    displayConfig.showLabel && /* @__PURE__ */ jsx19(
       Text_default,
       {
         as: "div",
@@ -2090,7 +2234,7 @@ var ProgressBar = ({
   const sizeClasses = SIZE_CLASSES7[size];
   const variantClasses = VARIANT_CLASSES2[variant];
   if (layout === "stacked") {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       StackedLayout,
       {
         className,
@@ -2111,7 +2255,7 @@ var ProgressBar = ({
     );
   }
   if (layout === "compact") {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       CompactLayout,
       {
         className,
@@ -2131,7 +2275,7 @@ var ProgressBar = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     DefaultLayout,
     {
       className,
@@ -2151,7 +2295,7 @@ var ProgressBar = ({
 var ProgressBar_default = ProgressBar;
 
 // src/components/ProgressCircle/ProgressCircle.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var SIZE_CLASSES8 = {
   small: {
     container: "w-[90px] h-[90px]",
@@ -2252,7 +2396,7 @@ var ProgressCircle = ({
             viewBox: `0 0 ${svgSize} ${svgSize}`,
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsx20(
                 "circle",
                 {
                   cx: center,
@@ -2263,7 +2407,7 @@ var ProgressCircle = ({
                   className: cn(variantClasses.background, "rounded-lg")
                 }
               ),
-              /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsx20(
                 "circle",
                 {
                   cx: center,
@@ -2283,7 +2427,7 @@ var ProgressCircle = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "progress",
           {
             value: clampedValue,
@@ -2317,7 +2461,7 @@ var ProgressCircle = ({
                   ]
                 }
               ),
-              label && /* @__PURE__ */ jsx19(
+              label && /* @__PURE__ */ jsx20(
                 Text_default,
                 {
                   as: "span",
@@ -2342,7 +2486,7 @@ var ProgressCircle_default = ProgressCircle;
 
 // src/components/Stepper/Stepper.tsx
 import { Check as Check3 } from "phosphor-react";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var SIZE_CLASSES9 = {
   small: {
     container: "gap-2",
@@ -2482,7 +2626,7 @@ var Step = ({
         overflow-visible
       `,
       children: [
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           "div",
           {
             className: `
@@ -2501,7 +2645,7 @@ var Step = ({
           overflow-visible
         `,
             children: [
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 "div",
                 {
                   className: `
@@ -2511,7 +2655,7 @@ var Step = ({
             w-4 h-4 sm:w-5 sm:h-5 md:w-5 md:h-5 lg:w-6 lg:h-6
           `,
                   "aria-label": getAriaLabel(),
-                  children: isCompleted ? /* @__PURE__ */ jsx20(
+                  children: isCompleted ? /* @__PURE__ */ jsx21(
                     Check3,
                     {
                       weight: "bold",
@@ -2520,7 +2664,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__ */ jsx20(
+                  ) : /* @__PURE__ */ jsx21(
                     Text_default,
                     {
                       size: sizeClasses.indicatorTextSize,
@@ -2535,7 +2679,7 @@ var Step = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 Text_default,
                 {
                   size: sizeClasses.labelTextSize,
@@ -2596,8 +2740,8 @@ var Stepper = ({
         "border-0 p-0 m-0"
       ),
       children: [
-        /* @__PURE__ */ jsx20("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__ */ jsx20(
+        /* @__PURE__ */ jsx21("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__ */ jsx21(
           Text_default,
           {
             size: "sm",
@@ -2606,7 +2750,7 @@ var Stepper = ({
             children: getProgressText(currentStep, steps.length, progressText)
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           "div",
           {
             className: cn(
@@ -2619,7 +2763,7 @@ var Stepper = ({
             "aria-label": "Progress steps",
             children: steps.map((step, index) => {
               const stateClasses = STATE_CLASSES6[step.state];
-              return /* @__PURE__ */ jsx20(
+              return /* @__PURE__ */ jsx21(
                 Step,
                 {
                   step,
@@ -2645,10 +2789,10 @@ var Stepper_default = Stepper;
 import {
   useState as useState5,
   useMemo as useMemo2,
-  useEffect as useEffect2,
-  useRef as useRef2
+  useEffect as useEffect3,
+  useRef as useRef3
 } from "react";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var WEEK_DAYS = ["SEG", "TER", "QUA", "QUI", "SEX", "S\xC1B", "DOM"];
 var WEEK_DAYS_SHORT = ["S", "T", "Q", "Q", "S", "S", "D"];
 var MONTH_NAMES = [
@@ -2678,8 +2822,8 @@ var MonthYearPicker = ({
     className: "absolute top-full left-0 z-50 mt-1 bg-white rounded-lg shadow-lg border border-border-200 p-4 min-w-[280px]",
     children: [
       /* @__PURE__ */ jsxs16("div", { className: "mb-4", children: [
-        /* @__PURE__ */ jsx21("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
-        /* @__PURE__ */ jsx21("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
+        /* @__PURE__ */ jsx22("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ jsx22(
           "button",
           {
             onClick: () => onYearChange(year),
@@ -2693,8 +2837,8 @@ var MonthYearPicker = ({
         )) })
       ] }),
       /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx21("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
-        /* @__PURE__ */ jsx21("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
+        /* @__PURE__ */ jsx22("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ jsx22(
           "button",
           {
             onClick: () => onMonthChange(index, currentDate.getFullYear()),
@@ -2749,9 +2893,9 @@ var Calendar = ({
 }) => {
   const [currentDate, setCurrentDate] = useState5(selectedDate || /* @__PURE__ */ new Date());
   const [isMonthPickerOpen, setIsMonthPickerOpen] = useState5(false);
-  const monthPickerRef = useRef2(null);
-  const monthPickerContainerRef = useRef2(null);
-  useEffect2(() => {
+  const monthPickerRef = useRef3(null);
+  const monthPickerContainerRef = useRef3(null);
+  useEffect3(() => {
     const handleClickOutside = (event) => {
       if (monthPickerContainerRef.current && !monthPickerContainerRef.current.contains(event.target)) {
         setIsMonthPickerOpen(false);
@@ -2840,14 +2984,14 @@ var Calendar = ({
                   " ",
                   currentDate.getFullYear()
                 ] }),
-                /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx22(
                   "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__ */ jsx21(
+                    children: /* @__PURE__ */ jsx22(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -2861,7 +3005,7 @@ var Calendar = ({
               ]
             }
           ),
-          isMonthPickerOpen && /* @__PURE__ */ jsx21(
+          isMonthPickerOpen && /* @__PURE__ */ jsx22(
             MonthYearPicker,
             {
               monthPickerRef,
@@ -2873,20 +3017,20 @@ var Calendar = ({
           )
         ] }),
         /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-10", children: [
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(
             "button",
             {
               onClick: goToPreviousMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "M\xEAs anterior",
-              children: /* @__PURE__ */ jsx21(
+              children: /* @__PURE__ */ jsx22(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ jsx21(
+                  children: /* @__PURE__ */ jsx22(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -2899,20 +3043,20 @@ var Calendar = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(
             "button",
             {
               onClick: goToNextMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "Pr\xF3ximo m\xEAs",
-              children: /* @__PURE__ */ jsx21(
+              children: /* @__PURE__ */ jsx22(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ jsx21(
+                  children: /* @__PURE__ */ jsx22(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -2927,7 +3071,7 @@ var Calendar = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx21("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ jsx22(
         "div",
         {
           className: "h-9 flex items-center justify-center text-xs font-normal text-text-600",
@@ -2935,13 +3079,13 @@ var Calendar = ({
         },
         `${day}-${index}`
       )) }),
-      /* @__PURE__ */ jsx21("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
+      /* @__PURE__ */ jsx22("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
         if (!day.isCurrentMonth) {
-          return /* @__PURE__ */ jsx21(
+          return /* @__PURE__ */ jsx22(
             "div",
             {
               className: "flex items-center justify-center",
-              children: /* @__PURE__ */ jsx21("div", { className: "w-9 h-9" })
+              children: /* @__PURE__ */ jsx22("div", { className: "w-9 h-9" })
             },
             day.date.getTime()
           );
@@ -2957,11 +3101,11 @@ var Calendar = ({
         } else if (day.isSelected) {
           spanClass = "h-6 w-6 rounded-full bg-primary-950 text-text";
         }
-        return /* @__PURE__ */ jsx21(
+        return /* @__PURE__ */ jsx22(
           "div",
           {
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ jsx21(
+            children: /* @__PURE__ */ jsx22(
               "button",
               {
                 className: `
@@ -2977,7 +3121,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__ */ jsx21("span", { className: spanClass, children: day.date.getDate() })
+                children: /* @__PURE__ */ jsx22("span", { className: spanClass, children: day.date.getDate() })
               }
             )
           },
@@ -3000,14 +3144,14 @@ var Calendar = ({
                 " ",
                 currentDate.getFullYear()
               ] }),
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx22(
                 "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__ */ jsx21(
+                  children: /* @__PURE__ */ jsx22(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -3021,7 +3165,7 @@ var Calendar = ({
             ]
           }
         ),
-        isMonthPickerOpen && /* @__PURE__ */ jsx21(
+        isMonthPickerOpen && /* @__PURE__ */ jsx22(
           MonthYearPicker,
           {
             monthPickerRef,
@@ -3033,20 +3177,20 @@ var Calendar = ({
         )
       ] }),
       /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           "button",
           {
             onClick: goToPreviousMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "M\xEAs anterior",
-            children: /* @__PURE__ */ jsx21(
+            children: /* @__PURE__ */ jsx22(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsx21(
+                children: /* @__PURE__ */ jsx22(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -3059,20 +3203,20 @@ var Calendar = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           "button",
           {
             onClick: goToNextMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "Pr\xF3ximo m\xEAs",
-            children: /* @__PURE__ */ jsx21(
+            children: /* @__PURE__ */ jsx22(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsx21(
+                children: /* @__PURE__ */ jsx22(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -3087,7 +3231,7 @@ var Calendar = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx21("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsx22(
       "div",
       {
         className: "h-4 flex items-center justify-center text-xs font-semibold text-text-500",
@@ -3095,13 +3239,13 @@ var Calendar = ({
       },
       day
     )) }),
-    /* @__PURE__ */ jsx21("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
+    /* @__PURE__ */ jsx22("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
       if (!day.isCurrentMonth) {
-        return /* @__PURE__ */ jsx21(
+        return /* @__PURE__ */ jsx22(
           "div",
           {
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ jsx21("div", { className: "w-10 h-10" })
+            children: /* @__PURE__ */ jsx22("div", { className: "w-10 h-10" })
           },
           day.date.getTime()
         );
@@ -3111,11 +3255,11 @@ var Calendar = ({
         variant,
         showActivities
       );
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx22(
         "div",
         {
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ jsx21(
+          children: /* @__PURE__ */ jsx22(
             "button",
             {
               className: `
@@ -3144,9 +3288,9 @@ var Calendar = ({
 var Calendar_default = Calendar;
 
 // src/components/Modal/Modal.tsx
-import { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect4 } from "react";
 import { X as X2 } from "phosphor-react";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 var SIZE_CLASSES10 = {
   xs: "max-w-[360px]",
   sm: "max-w-[420px]",
@@ -3166,7 +3310,7 @@ var Modal = ({
   footer,
   hideCloseButton = false
 }) => {
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isOpen || !closeOnEscape) return;
     const handleEscape = (event) => {
       if (event.key === "Escape") {
@@ -3176,7 +3320,7 @@ var Modal = ({
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [isOpen, closeOnEscape, onClose]);
-  useEffect3(() => {
+  useEffect4(() => {
     const originalOverflow = document.body.style.overflow;
     if (isOpen) {
       document.body.style.overflow = "hidden";
@@ -3207,7 +3351,7 @@ var Modal = ({
     dialogResetClasses,
     className
   );
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-xs",
@@ -3218,19 +3362,19 @@ var Modal = ({
       "aria-label": "Fechar modal clicando no fundo",
       children: /* @__PURE__ */ jsxs17("dialog", { className: modalClasses, "aria-labelledby": "modal-title", open: true, children: [
         /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between px-6 py-6", children: [
-          /* @__PURE__ */ jsx22("h2", { id: "modal-title", className: "text-lg font-semibold text-text-950", children: title }),
-          !hideCloseButton && /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23("h2", { id: "modal-title", className: "text-lg font-semibold text-text-950", children: title }),
+          !hideCloseButton && /* @__PURE__ */ jsx23(
             "button",
             {
               onClick: onClose,
               className: "p-1 text-text-500 hover:text-text-700 hover:bg-background-50 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-indicator-info focus:ring-offset-2",
               "aria-label": "Fechar modal",
-              children: /* @__PURE__ */ jsx22(X2, { size: 18 })
+              children: /* @__PURE__ */ jsx23(X2, { size: 18 })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx22("div", { className: "px-6 pb-6", children: /* @__PURE__ */ jsx22("div", { className: "text-text-500 font-normal text-sm leading-6", children }) }),
-        footer && /* @__PURE__ */ jsx22("div", { className: "flex justify-end gap-3 px-6 pb-6", children: footer })
+        /* @__PURE__ */ jsx23("div", { className: "px-6 pb-6", children: /* @__PURE__ */ jsx23("div", { className: "text-text-500 font-normal text-sm leading-6", children }) }),
+        footer && /* @__PURE__ */ jsx23("div", { className: "flex justify-end gap-3 px-6 pb-6", children: footer })
       ] })
     }
   );
@@ -3239,17 +3383,17 @@ var Modal_default = Modal;
 
 // src/components/Accordation/Accordation.tsx
 import {
-  forwardRef as forwardRef10,
-  useId as useId5,
+  forwardRef as forwardRef11,
+  useId as useId6,
   useState as useState7
 } from "react";
 
 // src/components/Card/Card.tsx
 import {
-  forwardRef as forwardRef9,
+  forwardRef as forwardRef10,
   Fragment as Fragment3,
   useState as useState6,
-  useRef as useRef3
+  useRef as useRef4
 } from "react";
 import {
   CaretRight,
@@ -3263,7 +3407,7 @@ import {
   SpeakerSimpleX,
   XCircle as XCircle2
 } from "phosphor-react";
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var CARD_BASE_CLASSES = {
   default: "w-full bg-background border border-border-50 rounded-xl",
   compact: "w-full bg-background border border-border-50 rounded-lg",
@@ -3289,7 +3433,7 @@ var CARD_CURSOR_CLASSES = {
   default: "",
   pointer: "cursor-pointer"
 };
-var CardBase = forwardRef9(
+var CardBase = forwardRef10(
   ({
     children,
     variant = "default",
@@ -3313,7 +3457,7 @@ var CardBase = forwardRef9(
       cursorClasses,
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx23("div", { ref, className: combinedClasses, ...props, children });
+    return /* @__PURE__ */ jsx24("div", { ref, className: combinedClasses, ...props, children });
   }
 );
 var ACTION_CARD_CLASSES = {
@@ -3340,7 +3484,7 @@ var ACTION_HEADER_CLASSES = {
   error: "text-error-300",
   info: "text-info-300"
 };
-var CardActivitiesResults = forwardRef9(
+var CardActivitiesResults = forwardRef10(
   ({
     icon,
     title,
@@ -3375,7 +3519,7 @@ var CardActivitiesResults = forwardRef9(
                 extended ? "rounded-t-xl" : "rounded-xl"
               ),
               children: [
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   "span",
                   {
                     className: cn(
@@ -3385,7 +3529,7 @@ var CardActivitiesResults = forwardRef9(
                     children: icon
                   }
                 ),
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   Text_default,
                   {
                     size: "2xs",
@@ -3394,7 +3538,7 @@ var CardActivitiesResults = forwardRef9(
                     children: title
                   }
                 ),
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   "p",
                   {
                     className: cn("text-lg font-bold truncate", actionSubTitleClasses),
@@ -3405,7 +3549,7 @@ var CardActivitiesResults = forwardRef9(
             }
           ),
           extended && /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx24(
               "p",
               {
                 className: cn(
@@ -3415,14 +3559,14 @@ var CardActivitiesResults = forwardRef9(
                 children: header
               }
             ),
-            /* @__PURE__ */ jsx23(Badge_default, { size: "large", action: "info", children: description })
+            /* @__PURE__ */ jsx24(Badge_default, { size: "large", action: "info", children: description })
           ] })
         ]
       }
     );
   }
 );
-var CardQuestions = forwardRef9(
+var CardQuestions = forwardRef10(
   ({
     header,
     state = "undone",
@@ -3445,9 +3589,9 @@ var CardQuestions = forwardRef9(
         ...props,
         children: [
           /* @__PURE__ */ jsxs18("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx23("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
+            /* @__PURE__ */ jsx24("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
             /* @__PURE__ */ jsxs18("div", { className: "flex flex-row gap-6 items-center", children: [
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx24(
                 Badge_default,
                 {
                   size: "medium",
@@ -3458,11 +3602,11 @@ var CardQuestions = forwardRef9(
               ),
               /* @__PURE__ */ jsxs18("span", { className: "flex flex-row items-center gap-1 text-text-700 text-xs", children: [
                 isDone ? "Nota" : "Sem nota",
-                isDone && /* @__PURE__ */ jsx23(Badge_default, { size: "medium", action: "success", children: "00" })
+                isDone && /* @__PURE__ */ jsx24(Badge_default, { size: "medium", action: "success", children: "00" })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx23("span", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24("span", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx24(
             Button_default,
             {
               size: "extra-small",
@@ -3476,7 +3620,7 @@ var CardQuestions = forwardRef9(
     );
   }
 );
-var CardProgress = forwardRef9(
+var CardProgress = forwardRef10(
   ({
     header,
     subhead,
@@ -3496,16 +3640,16 @@ var CardProgress = forwardRef9(
       horizontal: /* @__PURE__ */ jsxs18(Fragment4, { children: [
         showDates && /* @__PURE__ */ jsxs18("div", { className: "flex flex-row gap-6 items-center", children: [
           initialDate && /* @__PURE__ */ jsxs18("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ jsx23("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
-            /* @__PURE__ */ jsx23("p", { className: "text-text-600", children: initialDate })
+            /* @__PURE__ */ jsx24("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
+            /* @__PURE__ */ jsx24("p", { className: "text-text-600", children: initialDate })
           ] }),
           endDate && /* @__PURE__ */ jsxs18("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ jsx23("p", { className: "text-text-800 font-semibold", children: "Fim" }),
-            /* @__PURE__ */ jsx23("p", { className: "text-text-600", children: endDate })
+            /* @__PURE__ */ jsx24("p", { className: "text-text-800 font-semibold", children: "Fim" }),
+            /* @__PURE__ */ jsx24("p", { className: "text-text-600", children: endDate })
           ] })
         ] }),
         /* @__PURE__ */ jsxs18("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             ProgressBar_default,
             {
               size: "small",
@@ -3530,7 +3674,7 @@ var CardProgress = forwardRef9(
           )
         ] })
       ] }),
-      vertical: /* @__PURE__ */ jsx23("p", { className: "text-sm text-text-800", children: subhead })
+      vertical: /* @__PURE__ */ jsx24("p", { className: "text-sm text-text-800", children: subhead })
     };
     return /* @__PURE__ */ jsxs18(
       CardBase,
@@ -3543,7 +3687,7 @@ var CardProgress = forwardRef9(
         className: cn(isHorizontal ? "h-20" : "", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "div",
             {
               className: cn(
@@ -3564,7 +3708,7 @@ var CardProgress = forwardRef9(
                 !isHorizontal && "gap-4"
               ),
               children: [
-                /* @__PURE__ */ jsx23(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
+                /* @__PURE__ */ jsx24(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
                 contentComponent[direction]
               ]
             }
@@ -3574,7 +3718,7 @@ var CardProgress = forwardRef9(
     );
   }
 );
-var CardTopic = forwardRef9(
+var CardTopic = forwardRef10(
   ({
     header,
     subHead,
@@ -3595,13 +3739,13 @@ var CardTopic = forwardRef9(
         className: cn("justify-center gap-2  py-2 px-4", className),
         ...props,
         children: [
-          subHead && /* @__PURE__ */ jsx23("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ jsxs18(Fragment3, { children: [
-            /* @__PURE__ */ jsx23("p", { children: text }),
-            index < subHead.length - 1 && /* @__PURE__ */ jsx23("p", { children: "\u2022" })
+          subHead && /* @__PURE__ */ jsx24("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ jsxs18(Fragment3, { children: [
+            /* @__PURE__ */ jsx24("p", { children: text }),
+            index < subHead.length - 1 && /* @__PURE__ */ jsx24("p", { children: "\u2022" })
           ] }, `${text} - ${index}`)) }),
-          /* @__PURE__ */ jsx23("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
+          /* @__PURE__ */ jsx24("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
           /* @__PURE__ */ jsxs18("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx24(
               ProgressBar_default,
               {
                 size: "small",
@@ -3630,7 +3774,7 @@ var CardTopic = forwardRef9(
     );
   }
 );
-var CardPerformance = forwardRef9(
+var CardPerformance = forwardRef10(
   ({
     header,
     progress,
@@ -3660,8 +3804,8 @@ var CardPerformance = forwardRef9(
         children: [
           /* @__PURE__ */ jsxs18("div", { className: "w-full flex flex-col justify-between gap-2", children: [
             /* @__PURE__ */ jsxs18("div", { className: "flex flex-row justify-between items-center gap-2", children: [
-              /* @__PURE__ */ jsx23("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-              actionVariant === "button" && /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx24("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+              actionVariant === "button" && /* @__PURE__ */ jsx24(
                 Button_default,
                 {
                   variant: "outline",
@@ -3672,16 +3816,16 @@ var CardPerformance = forwardRef9(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx23("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx24("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ jsx24(
               ProgressBar_default,
               {
                 value: progress,
                 label: `${progress}% ${labelProgress}`,
                 variant: progressVariant
               }
-            ) : /* @__PURE__ */ jsx23("p", { className: "text-xs text-text-600 truncate", children: description }) })
+            ) : /* @__PURE__ */ jsx24("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
-          actionVariant == "caret" && /* @__PURE__ */ jsx23(
+          actionVariant == "caret" && /* @__PURE__ */ jsx24(
             CaretRight,
             {
               className: "size-4.5 text-text-800 cursor-pointer",
@@ -3693,7 +3837,7 @@ var CardPerformance = forwardRef9(
     );
   }
 );
-var CardResults = forwardRef9(
+var CardResults = forwardRef10(
   ({
     header,
     correct_answers,
@@ -3715,7 +3859,7 @@ var CardResults = forwardRef9(
         className: cn("items-center cursor-pointer pr-4", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "div",
             {
               className: cn(
@@ -3735,7 +3879,7 @@ var CardResults = forwardRef9(
                 isRow ? "flex-row items-center gap-2" : "flex-col"
               ),
               children: [
-                /* @__PURE__ */ jsx23("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+                /* @__PURE__ */ jsx24("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
                 /* @__PURE__ */ jsxs18("span", { className: "flex flex-row gap-1 items-center", children: [
                   /* @__PURE__ */ jsxs18(
                     Badge_default,
@@ -3743,7 +3887,7 @@ var CardResults = forwardRef9(
                       action: "success",
                       variant: "solid",
                       size: "large",
-                      iconLeft: /* @__PURE__ */ jsx23(CheckCircle3, {}),
+                      iconLeft: /* @__PURE__ */ jsx24(CheckCircle3, {}),
                       children: [
                         correct_answers,
                         " Corretas"
@@ -3756,7 +3900,7 @@ var CardResults = forwardRef9(
                       action: "error",
                       variant: "solid",
                       size: "large",
-                      iconLeft: /* @__PURE__ */ jsx23(XCircle2, {}),
+                      iconLeft: /* @__PURE__ */ jsx24(XCircle2, {}),
                       children: [
                         incorrect_answers,
                         " Incorretas"
@@ -3767,15 +3911,15 @@ var CardResults = forwardRef9(
               ]
             }
           ),
-          /* @__PURE__ */ jsx23(CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
+          /* @__PURE__ */ jsx24(CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
         ]
       }
     );
   }
 );
-var CardStatus = forwardRef9(
+var CardStatus = forwardRef10(
   ({ header, className, status, label, ...props }, ref) => {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       CardBase,
       {
         ref,
@@ -3785,27 +3929,27 @@ var CardStatus = forwardRef9(
         className: cn("items-center cursor-pointer", className),
         ...props,
         children: /* @__PURE__ */ jsxs18("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
-          /* @__PURE__ */ jsx23("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+          /* @__PURE__ */ jsx24("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
           /* @__PURE__ */ jsxs18("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
-            status && /* @__PURE__ */ jsx23(
+            status && /* @__PURE__ */ jsx24(
               Badge_default,
               {
                 action: status == "correct" ? "success" : "error",
                 variant: "solid",
                 size: "medium",
-                iconLeft: /* @__PURE__ */ jsx23(CheckCircle3, {}),
+                iconLeft: /* @__PURE__ */ jsx24(CheckCircle3, {}),
                 children: status == "correct" ? "Correta" : "Incorreta"
               }
             ),
-            label && /* @__PURE__ */ jsx23("p", { className: "text-sm text-text-800", children: label })
+            label && /* @__PURE__ */ jsx24("p", { className: "text-sm text-text-800", children: label })
           ] }),
-          /* @__PURE__ */ jsx23(CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+          /* @__PURE__ */ jsx24(CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
         ] })
       }
     );
   }
 );
-var CardSettings = forwardRef9(
+var CardSettings = forwardRef10(
   ({ header, className, icon, ...props }, ref) => {
     return /* @__PURE__ */ jsxs18(
       CardBase,
@@ -3820,15 +3964,15 @@ var CardSettings = forwardRef9(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx23("span", { className: "[&>svg]:size-6", children: icon }),
-          /* @__PURE__ */ jsx23("p", { className: "w-full text-sm truncate", children: header }),
-          /* @__PURE__ */ jsx23(CaretRight, { size: 24, className: "cursor-pointer" })
+          /* @__PURE__ */ jsx24("span", { className: "[&>svg]:size-6", children: icon }),
+          /* @__PURE__ */ jsx24("p", { className: "w-full text-sm truncate", children: header }),
+          /* @__PURE__ */ jsx24(CaretRight, { size: 24, className: "cursor-pointer" })
         ]
       }
     );
   }
 );
-var CardSupport = forwardRef9(
+var CardSupport = forwardRef10(
   ({ header, className, direction = "col", children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs18(
       CardBase,
@@ -3851,18 +3995,18 @@ var CardSupport = forwardRef9(
                 direction == "col" ? "flex-col" : "flex-row items-center"
               ),
               children: [
-                /* @__PURE__ */ jsx23("span", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx23("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
-                /* @__PURE__ */ jsx23("span", { className: "flex flex-row gap-1", children })
+                /* @__PURE__ */ jsx24("span", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx24("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
+                /* @__PURE__ */ jsx24("span", { className: "flex flex-row gap-1", children })
               ]
             }
           ),
-          /* @__PURE__ */ jsx23(CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
+          /* @__PURE__ */ jsx24(CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
         ]
       }
     );
   }
 );
-var CardForum = forwardRef9(
+var CardForum = forwardRef10(
   ({
     title,
     content,
@@ -3887,7 +4031,7 @@ var CardForum = forwardRef9(
         className: cn("w-auto h-auto gap-3", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "button",
             {
               type: "button",
@@ -3898,7 +4042,7 @@ var CardForum = forwardRef9(
           ),
           /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs18("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
-              /* @__PURE__ */ jsx23("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
+              /* @__PURE__ */ jsx24("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
               /* @__PURE__ */ jsxs18("p", { className: "text-xs text-text-600", children: [
                 "\u2022 ",
                 date,
@@ -3906,7 +4050,7 @@ var CardForum = forwardRef9(
                 hour
               ] })
             ] }),
-            /* @__PURE__ */ jsx23("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
+            /* @__PURE__ */ jsx24("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
             /* @__PURE__ */ jsxs18(
               "button",
               {
@@ -3915,7 +4059,7 @@ var CardForum = forwardRef9(
                 onClick: () => onClickComments?.(valueComments),
                 className: "text-text-600 flex flex-row gap-2 items-center",
                 children: [
-                  /* @__PURE__ */ jsx23(ChatCircleText, { "aria-hidden": "true", size: 16 }),
+                  /* @__PURE__ */ jsx24(ChatCircleText, { "aria-hidden": "true", size: 16 }),
                   /* @__PURE__ */ jsxs18("p", { className: "text-xs", children: [
                     comments,
                     " respostas"
@@ -3929,7 +4073,7 @@ var CardForum = forwardRef9(
     );
   }
 );
-var CardAudio = forwardRef9(
+var CardAudio = forwardRef10(
   ({
     src,
     title,
@@ -3948,7 +4092,7 @@ var CardAudio = forwardRef9(
     const [duration, setDuration] = useState6(0);
     const [volume, setVolume] = useState6(1);
     const [showVolumeControl, setShowVolumeControl] = useState6(false);
-    const audioRef = useRef3(null);
+    const audioRef = useRef4(null);
     const formatTime = (time) => {
       const minutes = Math.floor(time / 60);
       const seconds = Math.floor(time % 60);
@@ -4003,12 +4147,12 @@ var CardAudio = forwardRef9(
     };
     const getVolumeIcon = () => {
       if (volume === 0) {
-        return /* @__PURE__ */ jsx23(SpeakerSimpleX, {});
+        return /* @__PURE__ */ jsx24(SpeakerSimpleX, {});
       }
       if (volume < 0.5) {
-        return /* @__PURE__ */ jsx23(SpeakerLow, {});
+        return /* @__PURE__ */ jsx24(SpeakerLow, {});
       }
-      return /* @__PURE__ */ jsx23(SpeakerHigh, {});
+      return /* @__PURE__ */ jsx24(SpeakerHigh, {});
     };
     return /* @__PURE__ */ jsxs18(
       CardBase,
@@ -4020,7 +4164,7 @@ var CardAudio = forwardRef9(
         className: cn("w-auto h-14 items-center gap-2", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "audio",
             {
               ref: audioRef,
@@ -4032,7 +4176,7 @@ var CardAudio = forwardRef9(
               onEnded: handleEnded,
               "data-testid": "audio-element",
               "aria-label": title,
-              children: tracks ? tracks.map((track) => /* @__PURE__ */ jsx23(
+              children: tracks ? tracks.map((track) => /* @__PURE__ */ jsx24(
                 "track",
                 {
                   kind: track.kind,
@@ -4042,7 +4186,7 @@ var CardAudio = forwardRef9(
                   default: track.default
                 },
                 track.src
-              )) : /* @__PURE__ */ jsx23(
+              )) : /* @__PURE__ */ jsx24(
                 "track",
                 {
                   kind: "captions",
@@ -4053,7 +4197,7 @@ var CardAudio = forwardRef9(
               )
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "button",
             {
               type: "button",
@@ -4061,14 +4205,14 @@ var CardAudio = forwardRef9(
               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__ */ jsx23("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsxs18("div", { className: "flex gap-0.5", children: [
-                /* @__PURE__ */ jsx23("div", { className: "w-1 h-4 bg-current rounded-sm" }),
-                /* @__PURE__ */ jsx23("div", { className: "w-1 h-4 bg-current rounded-sm" })
-              ] }) }) : /* @__PURE__ */ jsx23(Play, { size: 24 })
+              children: isPlaying ? /* @__PURE__ */ jsx24("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsxs18("div", { className: "flex gap-0.5", children: [
+                /* @__PURE__ */ jsx24("div", { className: "w-1 h-4 bg-current rounded-sm" }),
+                /* @__PURE__ */ jsx24("div", { className: "w-1 h-4 bg-current rounded-sm" })
+              ] }) }) : /* @__PURE__ */ jsx24(Play, { size: 24 })
             }
           ),
-          /* @__PURE__ */ jsx23("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
-          /* @__PURE__ */ jsx23("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
+          /* @__PURE__ */ jsx24("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ jsx24(
             "button",
             {
               type: "button",
@@ -4083,7 +4227,7 @@ var CardAudio = forwardRef9(
                 }
               },
               "aria-label": "Barra de progresso do \xE1udio",
-              children: /* @__PURE__ */ jsx23(
+              children: /* @__PURE__ */ jsx24(
                 "div",
                 {
                   className: "h-full bg-primary-600 rounded-full transition-all duration-100",
@@ -4094,19 +4238,19 @@ var CardAudio = forwardRef9(
               )
             }
           ) }),
-          /* @__PURE__ */ jsx23("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(duration) }),
+          /* @__PURE__ */ jsx24("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(duration) }),
           /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx24(
               "button",
               {
                 type: "button",
                 onClick: toggleVolumeControl,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Controle de volume",
-                children: /* @__PURE__ */ jsx23("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
+                children: /* @__PURE__ */ jsx24("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
               }
             ),
-            showVolumeControl && /* @__PURE__ */ jsx23(
+            showVolumeControl && /* @__PURE__ */ jsx24(
               "button",
               {
                 type: "button",
@@ -4116,7 +4260,7 @@ var CardAudio = forwardRef9(
                     setShowVolumeControl(false);
                   }
                 },
-                children: /* @__PURE__ */ jsx23(
+                children: /* @__PURE__ */ jsx24(
                   "input",
                   {
                     type: "range",
@@ -4157,7 +4301,7 @@ var CardAudio = forwardRef9(
               }
             )
           ] }),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             DotsThreeVertical,
             {
               size: 24,
@@ -4175,10 +4319,10 @@ var SIMULADO_BACKGROUND_CLASSES = {
   simuladao: "bg-exam-3",
   vestibular: "bg-exam-4"
 };
-var CardSimulado = forwardRef9(
+var CardSimulado = forwardRef10(
   ({ title, duration, info, backgroundColor, className, ...props }, ref) => {
     const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       CardBase,
       {
         ref,
@@ -4193,16 +4337,16 @@ var CardSimulado = forwardRef9(
         ...props,
         children: /* @__PURE__ */ jsxs18("div", { className: "flex justify-between items-center w-full gap-4", children: [
           /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx23(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
+            /* @__PURE__ */ jsx24(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
             /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-4 text-text-700", children: [
               duration && /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx23(Clock, { size: 16, className: "flex-shrink-0" }),
-                /* @__PURE__ */ jsx23(Text_default, { size: "sm", children: duration })
+                /* @__PURE__ */ jsx24(Clock, { size: 16, className: "flex-shrink-0" }),
+                /* @__PURE__ */ jsx24(Text_default, { size: "sm", children: duration })
               ] }),
-              /* @__PURE__ */ jsx23(Text_default, { size: "sm", className: "truncate", children: info })
+              /* @__PURE__ */ jsx24(Text_default, { size: "sm", className: "truncate", children: info })
             ] })
           ] }),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             CaretRight,
             {
               size: 24,
@@ -4215,7 +4359,7 @@ var CardSimulado = forwardRef9(
     );
   }
 );
-var CardTest = forwardRef9(
+var CardTest = forwardRef10(
   ({
     title,
     duration,
@@ -4247,7 +4391,7 @@ var CardTest = forwardRef9(
     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__ */ jsx23(
+      return /* @__PURE__ */ jsx24(
         "button",
         {
           ref,
@@ -4260,7 +4404,7 @@ var CardTest = forwardRef9(
           "aria-pressed": selected,
           ...props,
           children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx24(
               Text_default,
               {
                 size: "md",
@@ -4271,8 +4415,8 @@ var CardTest = forwardRef9(
             ),
             /* @__PURE__ */ jsxs18("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
               duration && /* @__PURE__ */ jsxs18("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-                /* @__PURE__ */ jsx23(Clock, { size: 16, className: "text-text-700" }),
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(Clock, { size: 16, className: "text-text-700" }),
+                /* @__PURE__ */ jsx24(
                   Text_default,
                   {
                     size: "sm",
@@ -4281,7 +4425,7 @@ var CardTest = forwardRef9(
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx24(
                 Text_default,
                 {
                   size: "sm",
@@ -4294,14 +4438,14 @@ var CardTest = forwardRef9(
         }
       );
     }
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       "div",
       {
         ref,
         className: cn(`${baseClasses} ${className}`.trim()),
         ...props,
         children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             Text_default,
             {
               size: "md",
@@ -4312,8 +4456,8 @@ var CardTest = forwardRef9(
           ),
           /* @__PURE__ */ jsxs18("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
             duration && /* @__PURE__ */ jsxs18("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx23(Clock, { size: 16, className: "text-text-700" }),
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx24(Clock, { size: 16, className: "text-text-700" }),
+              /* @__PURE__ */ jsx24(
                 Text_default,
                 {
                   size: "sm",
@@ -4322,7 +4466,7 @@ var CardTest = forwardRef9(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx24(
               Text_default,
               {
                 size: "sm",
@@ -4358,15 +4502,15 @@ var SIMULATION_TYPE_STYLES = {
     text: "Vestibular"
   }
 };
-var CardSimulationHistory = forwardRef9(({ data, onSimulationClick, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx23(
+var CardSimulationHistory = forwardRef10(({ data, onSimulationClick, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       ref,
       className: cn("w-full max-w-[992px] h-auto", className),
       ...props,
       children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-0", children: [
-        data.map((section, sectionIndex) => /* @__PURE__ */ jsx23("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs18(
+        data.map((section, sectionIndex) => /* @__PURE__ */ jsx24("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs18(
           "div",
           {
             className: cn(
@@ -4374,7 +4518,7 @@ var CardSimulationHistory = forwardRef9(({ data, onSimulationClick, className, .
               sectionIndex === 0 ? "rounded-t-3xl" : ""
             ),
             children: [
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx24(
                 Text_default,
                 {
                   size: "xs",
@@ -4383,9 +4527,9 @@ var CardSimulationHistory = forwardRef9(({ data, onSimulationClick, className, .
                   children: section.date
                 }
               ),
-              /* @__PURE__ */ jsx23("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
+              /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
                 const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
-                return /* @__PURE__ */ jsx23(
+                return /* @__PURE__ */ jsx24(
                   CardBase,
                   {
                     layout: "horizontal",
@@ -4399,7 +4543,7 @@ var CardSimulationHistory = forwardRef9(({ data, onSimulationClick, className, .
                     onClick: () => onSimulationClick?.(simulation),
                     children: /* @__PURE__ */ jsxs18("div", { className: "flex justify-between items-center w-full gap-2", children: [
                       /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-                        /* @__PURE__ */ jsx23(
+                        /* @__PURE__ */ jsx24(
                           Text_default,
                           {
                             size: "lg",
@@ -4409,7 +4553,7 @@ var CardSimulationHistory = forwardRef9(({ data, onSimulationClick, className, .
                           }
                         ),
                         /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
-                          /* @__PURE__ */ jsx23(
+                          /* @__PURE__ */ jsx24(
                             Badge_default,
                             {
                               variant: "examsOutlined",
@@ -4418,10 +4562,10 @@ var CardSimulationHistory = forwardRef9(({ data, onSimulationClick, className, .
                               children: typeStyles.text
                             }
                           ),
-                          /* @__PURE__ */ jsx23(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
+                          /* @__PURE__ */ jsx24(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsx23(
+                      /* @__PURE__ */ jsx24(
                         CaretRight,
                         {
                           size: 24,
@@ -4437,7 +4581,7 @@ var CardSimulationHistory = forwardRef9(({ data, onSimulationClick, className, .
             ]
           }
         ) }, section.date)),
-        data.length > 0 && /* @__PURE__ */ jsx23("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
+        data.length > 0 && /* @__PURE__ */ jsx24("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
       ] })
     }
   );
@@ -4445,8 +4589,8 @@ var CardSimulationHistory = forwardRef9(({ data, onSimulationClick, className, .
 
 // src/components/Accordation/Accordation.tsx
 import { CaretRight as CaretRight2 } from "phosphor-react";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
-var CardAccordation = forwardRef10(
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+var CardAccordation = forwardRef11(
   ({
     trigger,
     children,
@@ -4456,7 +4600,7 @@ var CardAccordation = forwardRef10(
     ...props
   }, ref) => {
     const [isExpanded, setIsExpanded] = useState7(defaultExpanded);
-    const contentId = useId5();
+    const contentId = useId6();
     const handleToggle = () => {
       const newExpanded = !isExpanded;
       setIsExpanded(newExpanded);
@@ -4488,7 +4632,7 @@ var CardAccordation = forwardRef10(
               "aria-controls": "accordion-content",
               children: [
                 trigger,
-                /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsx25(
                   CaretRight2,
                   {
                     size: 20,
@@ -4502,7 +4646,7 @@ var CardAccordation = forwardRef10(
               ]
             }
           ),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             "div",
             {
               id: contentId,
@@ -4511,7 +4655,7 @@ var CardAccordation = forwardRef10(
                 isExpanded ? "max-h-screen opacity-100" : "max-h-0 opacity-0"
               ),
               "data-testid": "accordion-content",
-              children: /* @__PURE__ */ jsx24("div", { className: "p-4 pt-0 border-border-50", children })
+              children: /* @__PURE__ */ jsx25("div", { className: "p-4 pt-0 border-border-50", children })
             }
           )
         ]
@@ -4522,8 +4666,8 @@ var CardAccordation = forwardRef10(
 
 // src/components/Alternative/Alternative.tsx
 import { CheckCircle as CheckCircle4, XCircle as XCircle3 } from "phosphor-react";
-import { forwardRef as forwardRef11, useId as useId6, useState as useState8 } from "react";
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { forwardRef as forwardRef12, useId as useId7, useState as useState8 } from "react";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 var AlternativesList = ({
   alternatives,
   name,
@@ -4536,7 +4680,7 @@ var AlternativesList = ({
   mode = "interactive",
   selectedValue
 }) => {
-  const uniqueId = useId6();
+  const uniqueId = useId7();
   const groupName = name || `alternatives-${uniqueId}`;
   const [actualValue, setActualValue] = useState8(value);
   const isReadonly = mode === "readonly";
@@ -4554,9 +4698,9 @@ var AlternativesList = ({
   const getStatusBadge = (status) => {
     switch (status) {
       case "correct":
-        return /* @__PURE__ */ jsx25(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx25(CheckCircle4, {}), children: "Resposta correta" });
+        return /* @__PURE__ */ jsx26(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx26(CheckCircle4, {}), children: "Resposta correta" });
       case "incorrect":
-        return /* @__PURE__ */ jsx25(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx25(XCircle3, {}), children: "Resposta incorreta" });
+        return /* @__PURE__ */ jsx26(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx26(XCircle3, {}), children: "Resposta incorreta" });
       default:
         return null;
     }
@@ -4586,10 +4730,10 @@ var AlternativesList = ({
     const renderRadio = () => {
       const radioClasses = `w-6 h-6 rounded-full border-2 cursor-default transition-all duration-200 flex items-center justify-center ${isUserSelected ? "border-primary-950 bg-background" : "border-border-400 bg-background"}`;
       const dotClasses = "w-3 h-3 rounded-full bg-primary-950 transition-all duration-200";
-      return /* @__PURE__ */ jsx25("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ jsx25("div", { className: dotClasses }) });
+      return /* @__PURE__ */ jsx26("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ jsx26("div", { className: dotClasses }) });
     };
     if (layout === "detailed") {
-      return /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx26(
         "div",
         {
           className: cn(
@@ -4599,9 +4743,9 @@ var AlternativesList = ({
           ),
           children: /* @__PURE__ */ jsxs20("div", { className: "flex items-start justify-between gap-3", children: [
             /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-3 flex-1", children: [
-              /* @__PURE__ */ jsx25("div", { className: "mt-1", children: renderRadio() }),
+              /* @__PURE__ */ jsx26("div", { className: "mt-1", children: renderRadio() }),
               /* @__PURE__ */ jsxs20("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   "p",
                   {
                     className: cn(
@@ -4611,10 +4755,10 @@ var AlternativesList = ({
                     children: alternative.label
                   }
                 ),
-                alternative.description && /* @__PURE__ */ jsx25("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                alternative.description && /* @__PURE__ */ jsx26("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
               ] })
             ] }),
-            statusBadge && /* @__PURE__ */ jsx25("div", { className: "flex-shrink-0", children: statusBadge })
+            statusBadge && /* @__PURE__ */ jsx26("div", { className: "flex-shrink-0", children: statusBadge })
           ] })
         },
         alternativeId
@@ -4631,7 +4775,7 @@ var AlternativesList = ({
         children: [
           /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 flex-1", children: [
             renderRadio(),
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               "span",
               {
                 className: cn(
@@ -4642,14 +4786,14 @@ var AlternativesList = ({
               }
             )
           ] }),
-          statusBadge && /* @__PURE__ */ jsx25("div", { className: "flex-shrink-0", children: statusBadge })
+          statusBadge && /* @__PURE__ */ jsx26("div", { className: "flex-shrink-0", children: statusBadge })
         ]
       },
       alternativeId
     );
   };
   if (isReadonly) {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       "div",
       {
         className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
@@ -4659,7 +4803,7 @@ var AlternativesList = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     RadioGroup,
     {
       name: groupName,
@@ -4676,7 +4820,7 @@ var AlternativesList = ({
         const statusStyles = getStatusStyles(alternative.status, false);
         const statusBadge = getStatusBadge(alternative.status);
         if (layout === "detailed") {
-          return /* @__PURE__ */ jsx25(
+          return /* @__PURE__ */ jsx26(
             "div",
             {
               className: cn(
@@ -4686,7 +4830,7 @@ var AlternativesList = ({
               ),
               children: /* @__PURE__ */ jsxs20("div", { className: "flex items-start justify-between gap-3", children: [
                 /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-3 flex-1", children: [
-                  /* @__PURE__ */ jsx25(
+                  /* @__PURE__ */ jsx26(
                     RadioGroupItem,
                     {
                       value: alternative.value,
@@ -4696,7 +4840,7 @@ var AlternativesList = ({
                     }
                   ),
                   /* @__PURE__ */ jsxs20("div", { className: "flex-1", children: [
-                    /* @__PURE__ */ jsx25(
+                    /* @__PURE__ */ jsx26(
                       "label",
                       {
                         htmlFor: alternativeId,
@@ -4708,10 +4852,10 @@ var AlternativesList = ({
                         children: alternative.label
                       }
                     ),
-                    alternative.description && /* @__PURE__ */ jsx25("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                    alternative.description && /* @__PURE__ */ jsx26("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
                   ] })
                 ] }),
-                statusBadge && /* @__PURE__ */ jsx25("div", { className: "flex-shrink-0", children: statusBadge })
+                statusBadge && /* @__PURE__ */ jsx26("div", { className: "flex-shrink-0", children: statusBadge })
               ] })
             },
             alternativeId
@@ -4727,7 +4871,7 @@ var AlternativesList = ({
             ),
             children: [
               /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 flex-1", children: [
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   RadioGroupItem,
                   {
                     value: alternative.value,
@@ -4735,7 +4879,7 @@ var AlternativesList = ({
                     disabled: alternative.disabled
                   }
                 ),
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   "label",
                   {
                     htmlFor: alternativeId,
@@ -4748,7 +4892,7 @@ var AlternativesList = ({
                   }
                 )
               ] }),
-              statusBadge && /* @__PURE__ */ jsx25("div", { className: "flex-shrink-0", children: statusBadge })
+              statusBadge && /* @__PURE__ */ jsx26("div", { className: "flex-shrink-0", children: statusBadge })
             ]
           },
           alternativeId
@@ -4757,7 +4901,7 @@ var AlternativesList = ({
     }
   );
 };
-var HeaderAlternative = forwardRef11(
+var HeaderAlternative = forwardRef12(
   ({ className, title, subTitle, content, ...props }, ref) => {
     return /* @__PURE__ */ jsxs20(
       "div",
@@ -4770,10 +4914,10 @@ var HeaderAlternative = forwardRef11(
         ...props,
         children: [
           /* @__PURE__ */ jsxs20("span", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsx25("p", { className: "text-text-950 font-bold text-lg", children: title }),
-            /* @__PURE__ */ jsx25("p", { className: "text-text-700 text-sm ", children: subTitle })
+            /* @__PURE__ */ jsx26("p", { className: "text-text-950 font-bold text-lg", children: title }),
+            /* @__PURE__ */ jsx26("p", { className: "text-text-700 text-sm ", children: subTitle })
           ] }),
-          /* @__PURE__ */ jsx25("p", { className: "text-text-950 text-md", children: content })
+          /* @__PURE__ */ jsx26("p", { className: "text-text-950 text-md", children: content })
         ]
       }
     );
@@ -4782,10 +4926,10 @@ var HeaderAlternative = forwardRef11(
 
 // src/components/AlertDialog/AlertDialog.tsx
 import {
-  forwardRef as forwardRef12,
-  useEffect as useEffect4
+  forwardRef as forwardRef13,
+  useEffect as useEffect5
 } from "react";
-import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 var SIZE_CLASSES11 = {
   "extra-small": "w-screen max-w-[324px]",
   small: "w-screen max-w-[378px]",
@@ -4793,7 +4937,7 @@ var SIZE_CLASSES11 = {
   large: "w-screen max-w-[578px]",
   "extra-large": "w-screen max-w-[912px]"
 };
-var AlertDialog = forwardRef12(
+var AlertDialog = forwardRef13(
   ({
     description,
     cancelButtonLabel = "Cancelar",
@@ -4811,7 +4955,7 @@ var AlertDialog = forwardRef12(
     size = "medium",
     ...props
   }, ref) => {
-    useEffect4(() => {
+    useEffect5(() => {
       if (!isOpen || !closeOnEscape) return;
       const handleEscape = (event) => {
         if (event.key === "Escape") {
@@ -4821,7 +4965,7 @@ var AlertDialog = forwardRef12(
       document.addEventListener("keydown", handleEscape);
       return () => document.removeEventListener("keydown", handleEscape);
     }, [isOpen, closeOnEscape]);
-    useEffect4(() => {
+    useEffect5(() => {
       if (isOpen) {
         document.body.style.overflow = "hidden";
       } else {
@@ -4850,7 +4994,7 @@ var AlertDialog = forwardRef12(
       onCancel?.(cancelValue);
     };
     const sizeClasses = SIZE_CLASSES11[size];
-    return /* @__PURE__ */ jsx26(Fragment5, { children: isOpen && /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(Fragment5, { children: isOpen && /* @__PURE__ */ jsx27(
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm",
@@ -4868,7 +5012,7 @@ var AlertDialog = forwardRef12(
             ),
             ...props,
             children: [
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 "h2",
                 {
                   id: "alert-dialog-title",
@@ -4876,7 +5020,7 @@ var AlertDialog = forwardRef12(
                   children: title
                 }
               ),
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 "p",
                 {
                   id: "alert-dialog-description",
@@ -4885,8 +5029,8 @@ var AlertDialog = forwardRef12(
                 }
               ),
               /* @__PURE__ */ jsxs21("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
-                /* @__PURE__ */ jsx26(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx27(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
+                /* @__PURE__ */ jsx27(
                   Button_default,
                   {
                     variant: "solid",
@@ -4906,85 +5050,218 @@ var AlertDialog = forwardRef12(
 );
 AlertDialog.displayName = "AlertDialog";
 
-// src/components/DropdownMenu/DropdownMenu.tsx
-import { SignOut, User } from "phosphor-react";
-import {
-  forwardRef as forwardRef13,
-  useEffect as useEffect5,
-  useRef as useRef4,
-  isValidElement as isValidElement2,
-  Children as Children2,
-  cloneElement as cloneElement2,
-  useState as useState9
-} from "react";
-import { create as create3, useStore as useStore2 } from "zustand";
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
-function createDropdownStore() {
-  return create3((set) => ({
-    open: false,
-    setOpen: (open) => set({ open })
-  }));
-}
-var useDropdownStore = (externalStore) => {
-  if (!externalStore) {
-    throw new Error(
-      "Component must be used within a DropdownMenu (store is missing)"
-    );
-  }
-  return externalStore;
-};
-var injectStore2 = (children, store) => {
-  return Children2.map(children, (child) => {
-    if (isValidElement2(child)) {
-      const typedChild = child;
-      const newProps = {
-        store
-      };
-      if (typedChild.props.children) {
-        newProps.children = injectStore2(typedChild.props.children, store);
-      }
-      return cloneElement2(typedChild, newProps);
-    }
-    return child;
-  });
-};
-var DropdownMenu = ({
-  children,
-  open: propOpen,
-  onOpenChange
+// src/components/MultipleChoice/MultipleChoice.tsx
+import { useEffect as useEffect6, useState as useState9 } from "react";
+import { CheckCircle as CheckCircle5, XCircle as XCircle4, Check as Check4 } from "phosphor-react";
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+var MultipleChoiceList = ({
+  disabled = false,
+  className = "",
+  choices,
+  name,
+  selectedValues,
+  onHandleSelectedValues,
+  mode = "interactive"
 }) => {
-  const storeRef = useRef4(null);
-  storeRef.current ??= createDropdownStore();
-  const store = storeRef.current;
-  const { open, setOpen: storeSetOpen } = useStore2(store, (s) => s);
-  const setOpen = (newOpen) => {
-    storeSetOpen(newOpen);
+  const [actualValue, setActualValue] = useState9(selectedValues);
+  useEffect6(() => {
+    setActualValue(selectedValues);
+  }, [selectedValues]);
+  const getStatusBadge = (status) => {
+    switch (status) {
+      case "correct":
+        return /* @__PURE__ */ jsx28(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx28(CheckCircle5, {}), children: "Resposta correta" });
+      case "incorrect":
+        return /* @__PURE__ */ jsx28(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx28(XCircle4, {}), children: "Resposta incorreta" });
+      default:
+        return null;
+    }
   };
-  const menuRef = useRef4(null);
-  const handleArrowDownOrArrowUp = (event) => {
-    const menuContent = menuRef.current?.querySelector('[role="menu"]');
-    if (menuContent) {
-      event.preventDefault();
-      const items = Array.from(
-        menuContent.querySelectorAll(
-          '[role="menuitem"]:not([aria-disabled="true"])'
-        )
-      ).filter((el) => el instanceof HTMLElement);
-      if (items.length === 0) return;
-      const focusedItem = document.activeElement;
-      const currentIndex = items.findIndex((item) => item === focusedItem);
-      let nextIndex;
-      if (event.key === "ArrowDown") {
-        nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;
-      } else {
-        nextIndex = currentIndex === -1 ? items.length - 1 : (currentIndex - 1 + items.length) % items.length;
-      }
-      items[nextIndex]?.focus();
+  const getStatusStyles = (status) => {
+    switch (status) {
+      case "correct":
+        return "bg-success-background border-success-300";
+      case "incorrect":
+        return "bg-error-background border-error-300";
+      default:
+        return `bg-background border-border-100`;
     }
   };
-  const handleDownkey = (event) => {
-    if (event.key === "Escape") {
-      setOpen(false);
+  const renderVisualCheckbox = (isSelected, isDisabled) => {
+    const checkboxClasses = cn(
+      "w-5 h-5 rounded border-2 cursor-default transition-all duration-200 flex items-center justify-center",
+      isSelected ? "border-primary-950 bg-primary-950 text-text" : "border-border-400 bg-background",
+      isDisabled && "opacity-40 cursor-not-allowed"
+    );
+    return /* @__PURE__ */ jsx28("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ jsx28(Check4, { size: 16, weight: "bold" }) });
+  };
+  if (mode === "readonly") {
+    return /* @__PURE__ */ jsx28("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
+      const isSelected = actualValue?.includes(choice.value) || false;
+      const statusStyles = getStatusStyles(choice.status);
+      const statusBadge = getStatusBadge(choice.status);
+      return /* @__PURE__ */ jsxs22(
+        "div",
+        {
+          className: cn(
+            "flex flex-row justify-between gap-2 items-start p-2 rounded-lg transition-all",
+            statusStyles,
+            choice.disabled ? "opacity-50 cursor-not-allowed" : ""
+          ),
+          children: [
+            /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2 flex-1", children: [
+              renderVisualCheckbox(isSelected, choice.disabled || disabled),
+              /* @__PURE__ */ jsx28(
+                "span",
+                {
+                  className: cn(
+                    "flex-1",
+                    isSelected || choice.status && choice.status != "neutral" ? "text-text-950" : "text-text-600",
+                    choice.disabled || disabled ? "cursor-not-allowed" : "cursor-default"
+                  ),
+                  children: choice.label
+                }
+              )
+            ] }),
+            statusBadge && /* @__PURE__ */ jsx28("div", { className: "flex-shrink-0", children: statusBadge })
+          ]
+        },
+        `readonly-${choice.value}-${i}`
+      );
+    }) });
+  }
+  return /* @__PURE__ */ jsx28(
+    "div",
+    {
+      className: cn(
+        "flex flex-row justify-between gap-2 items-start p-2 rounded-lg transition-all",
+        disabled ? "opacity-50 cursor-not-allowed" : "",
+        className
+      ),
+      children: /* @__PURE__ */ jsx28(
+        CheckboxList_default,
+        {
+          name,
+          values: actualValue,
+          onValuesChange: (v) => {
+            setActualValue(v);
+            onHandleSelectedValues?.(v);
+          },
+          disabled,
+          children: choices.map((choice, i) => /* @__PURE__ */ jsxs22(
+            "div",
+            {
+              className: "flex flex-row gap-2 items-center",
+              children: [
+                /* @__PURE__ */ jsx28(
+                  CheckboxListItem,
+                  {
+                    value: choice.value,
+                    id: `interactive-${choice.value}-${i}`,
+                    disabled: choice.disabled || disabled
+                  }
+                ),
+                /* @__PURE__ */ jsx28(
+                  "label",
+                  {
+                    htmlFor: `interactive-${choice.value}-${i}`,
+                    className: cn(
+                      "flex-1",
+                      actualValue?.includes(choice.value) ? "text-text-950" : "text-text-600",
+                      choice.disabled || disabled ? "cursor-not-allowed" : "cursor-pointer"
+                    ),
+                    children: choice.label
+                  }
+                )
+              ]
+            },
+            `interactive-${choice.value}-${i}`
+          ))
+        }
+      )
+    }
+  );
+};
+
+// src/components/DropdownMenu/DropdownMenu.tsx
+import { SignOut, User } from "phosphor-react";
+import {
+  forwardRef as forwardRef14,
+  useEffect as useEffect7,
+  useRef as useRef5,
+  isValidElement as isValidElement3,
+  Children as Children3,
+  cloneElement as cloneElement3,
+  useState as useState10
+} from "react";
+import { create as create4, useStore as useStore3 } from "zustand";
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+function createDropdownStore() {
+  return create4((set) => ({
+    open: false,
+    setOpen: (open) => set({ open })
+  }));
+}
+var useDropdownStore = (externalStore) => {
+  if (!externalStore) {
+    throw new Error(
+      "Component must be used within a DropdownMenu (store is missing)"
+    );
+  }
+  return externalStore;
+};
+var injectStore3 = (children, store) => {
+  return Children3.map(children, (child) => {
+    if (isValidElement3(child)) {
+      const typedChild = child;
+      const newProps = {
+        store
+      };
+      if (typedChild.props.children) {
+        newProps.children = injectStore3(typedChild.props.children, store);
+      }
+      return cloneElement3(typedChild, newProps);
+    }
+    return child;
+  });
+};
+var DropdownMenu = ({
+  children,
+  open: propOpen,
+  onOpenChange
+}) => {
+  const storeRef = useRef5(null);
+  storeRef.current ??= createDropdownStore();
+  const store = storeRef.current;
+  const { open, setOpen: storeSetOpen } = useStore3(store, (s) => s);
+  const setOpen = (newOpen) => {
+    storeSetOpen(newOpen);
+  };
+  const menuRef = useRef5(null);
+  const handleArrowDownOrArrowUp = (event) => {
+    const menuContent = menuRef.current?.querySelector('[role="menu"]');
+    if (menuContent) {
+      event.preventDefault();
+      const items = Array.from(
+        menuContent.querySelectorAll(
+          '[role="menuitem"]:not([aria-disabled="true"])'
+        )
+      ).filter((el) => el instanceof HTMLElement);
+      if (items.length === 0) return;
+      const focusedItem = document.activeElement;
+      const currentIndex = items.findIndex((item) => item === focusedItem);
+      let nextIndex;
+      if (event.key === "ArrowDown") {
+        nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;
+      } else {
+        nextIndex = currentIndex === -1 ? items.length - 1 : (currentIndex - 1 + items.length) % items.length;
+      }
+      items[nextIndex]?.focus();
+    }
+  };
+  const handleDownkey = (event) => {
+    if (event.key === "Escape") {
+      setOpen(false);
     } else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
       handleArrowDownOrArrowUp(event);
     }
@@ -4994,7 +5271,7 @@ var DropdownMenu = ({
       setOpen(false);
     }
   };
-  useEffect5(() => {
+  useEffect7(() => {
     if (open) {
       document.addEventListener("mousedown", handleClickOutside);
       document.addEventListener("keydown", handleDownkey);
@@ -5004,16 +5281,16 @@ var DropdownMenu = ({
       document.removeEventListener("keydown", handleDownkey);
     };
   }, [open]);
-  useEffect5(() => {
+  useEffect7(() => {
     setOpen(open);
     onOpenChange?.(open);
   }, [open, onOpenChange]);
-  useEffect5(() => {
+  useEffect7(() => {
     if (propOpen) {
       setOpen(propOpen);
     }
   }, [propOpen]);
-  return /* @__PURE__ */ jsx27("div", { className: "relative", ref: menuRef, children: injectStore2(children, store) });
+  return /* @__PURE__ */ jsx29("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
 };
 var DropdownMenuTrigger = ({
   className,
@@ -5023,9 +5300,9 @@ var DropdownMenuTrigger = ({
   ...props
 }) => {
   const store = useDropdownStore(externalStore);
-  const open = useStore2(store, (s) => s.open);
+  const open = useStore3(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     "button",
     {
       onClick: (e) => {
@@ -5060,8 +5337,8 @@ var MENUCONTENT_VARIANT_CLASSES = {
   menu: "p-1",
   profile: "p-6"
 };
-var MenuLabel = forwardRef13(({ className, inset, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsx27(
+var MenuLabel = forwardRef14(({ className, inset, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       ref,
@@ -5071,7 +5348,7 @@ var MenuLabel = forwardRef13(({ className, inset, store: _store, ...props }, ref
   );
 });
 MenuLabel.displayName = "MenuLabel";
-var DropdownMenuContent = forwardRef13(
+var DropdownMenuContent = forwardRef14(
   ({
     className,
     align = "start",
@@ -5083,9 +5360,9 @@ var DropdownMenuContent = forwardRef13(
     ...props
   }, ref) => {
     const store = useDropdownStore(externalStore);
-    const open = useStore2(store, (s) => s.open);
-    const [isVisible, setIsVisible] = useState9(open);
-    useEffect5(() => {
+    const open = useStore3(store, (s) => s.open);
+    const [isVisible, setIsVisible] = useState10(open);
+    useEffect7(() => {
       if (open) {
         setIsVisible(true);
       } else {
@@ -5100,7 +5377,7 @@ var DropdownMenuContent = forwardRef13(
       return `absolute ${vertical} ${horizontal}`;
     };
     const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx29(
       "div",
       {
         ref,
@@ -5125,7 +5402,7 @@ var DropdownMenuContent = forwardRef13(
   }
 );
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = forwardRef13(
+var DropdownMenuItem = forwardRef14(
   ({
     className,
     size = "small",
@@ -5139,7 +5416,7 @@ var DropdownMenuItem = forwardRef13(
     ...props
   }, ref) => {
     const store = useDropdownStore(externalStore);
-    const setOpen = useStore2(store, (s) => s.setOpen);
+    const setOpen = useStore3(store, (s) => s.setOpen);
     const sizeClasses = ITEM_SIZE_CLASSES[size];
     const handleClick = (e) => {
       if (disabled) {
@@ -5159,7 +5436,7 @@ var DropdownMenuItem = forwardRef13(
     const getVariantProps = () => {
       return variant === "profile" ? { "data-variant": "profile" } : {};
     };
-    return /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsxs23(
       "div",
       {
         ref,
@@ -5181,7 +5458,7 @@ var DropdownMenuItem = forwardRef13(
         ...props,
         children: [
           iconLeft,
-          /* @__PURE__ */ jsx27("span", { className: "w-full text-md", children }),
+          /* @__PURE__ */ jsx29("span", { className: "w-full text-md", children }),
           iconRight
         ]
       }
@@ -5189,7 +5466,7 @@ var DropdownMenuItem = forwardRef13(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = forwardRef13(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DropdownMenuSeparator = forwardRef14(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ jsx29(
   "div",
   {
     ref,
@@ -5198,11 +5475,11 @@ var DropdownMenuSeparator = forwardRef13(({ className, store: _store, ...props }
   }
 ));
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var ProfileMenuTrigger = forwardRef13(({ className, onClick, store: externalStore, ...props }, ref) => {
+var ProfileMenuTrigger = forwardRef14(({ className, onClick, store: externalStore, ...props }, ref) => {
   const store = useDropdownStore(externalStore);
-  const open = useStore2(store, (s) => s.open);
+  const open = useStore3(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     "button",
     {
       ref,
@@ -5217,13 +5494,13 @@ var ProfileMenuTrigger = forwardRef13(({ className, onClick, store: externalStor
       },
       "aria-expanded": open,
       ...props,
-      children: /* @__PURE__ */ jsx27("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ jsx27(User, { className: "text-primary-950", size: 18 }) })
+      children: /* @__PURE__ */ jsx29("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ jsx29(User, { className: "text-primary-950", size: 18 }) })
     }
   );
 });
 ProfileMenuTrigger.displayName = "ProfileMenuTrigger";
-var ProfileMenuHeader = forwardRef13(({ className, name, email, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs22(
+var ProfileMenuHeader = forwardRef14(({ className, name, email, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       ref,
@@ -5231,18 +5508,18 @@ var ProfileMenuHeader = forwardRef13(({ className, name, email, store: _store, .
       className: cn("flex flex-row gap-4 items-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx27("span", { className: "size-16 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx27(User, { size: 34, className: "text-primary-950" }) }),
-        /* @__PURE__ */ jsxs22("div", { className: "flex flex-col ", children: [
-          /* @__PURE__ */ jsx27("p", { className: "text-xl font-bold text-text-950", children: name }),
-          /* @__PURE__ */ jsx27("p", { className: "text-md text-text-600", children: email })
+        /* @__PURE__ */ jsx29("span", { className: "size-16 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx29(User, { size: 34, className: "text-primary-950" }) }),
+        /* @__PURE__ */ jsxs23("div", { className: "flex flex-col ", children: [
+          /* @__PURE__ */ jsx29("p", { className: "text-xl font-bold text-text-950", children: name }),
+          /* @__PURE__ */ jsx29("p", { className: "text-md text-text-600", children: email })
         ] })
       ]
     }
   );
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
-var ProfileMenuSection = forwardRef13(({ className, children, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsx27("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
+var ProfileMenuSection = forwardRef14(({ className, children, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ jsx29("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
 });
 ProfileMenuSection.displayName = "ProfileMenuSection";
 var ProfileMenuFooter = ({
@@ -5253,8 +5530,8 @@ var ProfileMenuFooter = ({
   ...props
 }) => {
   const store = useDropdownStore(externalStore);
-  const setOpen = useStore2(store, (s) => s.setOpen);
-  return /* @__PURE__ */ jsxs22(
+  const setOpen = useStore3(store, (s) => s.setOpen);
+  return /* @__PURE__ */ jsxs23(
     Button_default,
     {
       variant: "outline",
@@ -5266,8 +5543,8 @@ var ProfileMenuFooter = ({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx27("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx27(SignOut, {}) }),
-        /* @__PURE__ */ jsx27("span", { children: "Sair" })
+        /* @__PURE__ */ jsx29("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx29(SignOut, {}) }),
+        /* @__PURE__ */ jsx29("span", { children: "Sair" })
       ]
     }
   );
@@ -5276,18 +5553,18 @@ ProfileMenuFooter.displayName = "ProfileMenuFooter";
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/Select/Select.tsx
-import { create as create4, useStore as useStore3 } from "zustand";
+import { create as create5, useStore as useStore4 } from "zustand";
 import {
-  useEffect as useEffect6,
-  useRef as useRef5,
-  forwardRef as forwardRef14,
-  isValidElement as isValidElement3,
-  Children as Children3,
-  cloneElement as cloneElement3,
-  useId as useId7
+  useEffect as useEffect8,
+  useRef as useRef6,
+  forwardRef as forwardRef15,
+  isValidElement as isValidElement4,
+  Children as Children4,
+  cloneElement as cloneElement4,
+  useId as useId8
 } from "react";
-import { CaretDown, Check as Check4, WarningCircle as WarningCircle5 } from "phosphor-react";
-import { Fragment as Fragment6, jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { CaretDown, Check as Check5, WarningCircle as WarningCircle5 } from "phosphor-react";
+import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 var VARIANT_CLASSES4 = {
   outlined: "border rounded-lg focus:border-primary-950",
   underlined: "border-b focus:border-primary-950",
@@ -5323,7 +5600,7 @@ var ALIGN_CLASSES2 = {
   end: "right-0"
 };
 function createSelectStore(onValueChange) {
-  return create4((set) => ({
+  return create5((set) => ({
     open: false,
     setOpen: (open) => set({ open }),
     value: "",
@@ -5345,13 +5622,13 @@ function getLabelAsNode(children) {
   if (typeof children === "string" || typeof children === "number") {
     return children;
   }
-  const flattened = Children3.toArray(children);
+  const flattened = Children4.toArray(children);
   if (flattened.length === 1) return flattened[0];
-  return /* @__PURE__ */ jsx28(Fragment6, { children: flattened });
+  return /* @__PURE__ */ jsx30(Fragment6, { children: flattened });
 }
-var injectStore3 = (children, store, size, selectId) => {
-  return Children3.map(children, (child) => {
-    if (isValidElement3(child)) {
+var injectStore4 = (children, store, size, selectId) => {
+  return Children4.map(children, (child) => {
+    if (isValidElement4(child)) {
       const typedChild = child;
       const newProps = {
         store
@@ -5361,14 +5638,14 @@ var injectStore3 = (children, store, size, selectId) => {
         newProps.selectId = selectId;
       }
       if (typedChild.props.children) {
-        newProps.children = injectStore3(
+        newProps.children = injectStore4(
           typedChild.props.children,
           store,
           size,
           selectId
         );
       }
-      return cloneElement3(typedChild, newProps);
+      return cloneElement4(typedChild, newProps);
     }
     return child;
   });
@@ -5384,18 +5661,18 @@ var Select = ({
   errorMessage,
   id
 }) => {
-  const storeRef = useRef5(null);
+  const storeRef = useRef6(null);
   storeRef.current ??= createSelectStore(onValueChange);
   const store = storeRef.current;
-  const selectRef = useRef5(null);
-  const { open, setOpen, setValue, selectedLabel } = useStore3(store, (s) => s);
-  const generatedId = useId7();
+  const selectRef = useRef6(null);
+  const { open, setOpen, setValue, selectedLabel } = useStore4(store, (s) => s);
+  const generatedId = useId8();
   const selectId = id ?? `select-${generatedId}`;
   const findLabelForValue = (children2, targetValue) => {
     let found = null;
     const search = (nodes) => {
-      Children3.forEach(nodes, (child) => {
-        if (!isValidElement3(child)) return;
+      Children4.forEach(nodes, (child) => {
+        if (!isValidElement4(child)) return;
         const typedChild = child;
         if (typedChild.type === SelectItem && typedChild.props.value === targetValue) {
           if (typeof typedChild.props.children === "string")
@@ -5408,13 +5685,13 @@ var Select = ({
     search(children2);
     return found;
   };
-  useEffect6(() => {
+  useEffect8(() => {
     if (!selectedLabel && defaultValue) {
       const label2 = findLabelForValue(children, defaultValue);
       if (label2) store.setState({ selectedLabel: label2 });
     }
   }, [children, defaultValue, selectedLabel]);
-  useEffect6(() => {
+  useEffect8(() => {
     const handleClickOutside = (event) => {
       if (selectRef.current && !selectRef.current.contains(event.target)) {
         setOpen(false);
@@ -5449,7 +5726,7 @@ var Select = ({
       document.removeEventListener("keydown", handleArrowKeys);
     };
   }, [open]);
-  useEffect6(() => {
+  useEffect8(() => {
     if (propValue) {
       setValue(propValue);
       const label2 = findLabelForValue(children, propValue);
@@ -5457,8 +5734,8 @@ var Select = ({
     }
   }, [propValue]);
   const sizeClasses = SIZE_CLASSES12[size];
-  return /* @__PURE__ */ jsxs23("div", { className: "w-full", children: [
-    label && /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs24("div", { className: "w-full", children: [
+    label && /* @__PURE__ */ jsx30(
       "label",
       {
         htmlFor: selectId,
@@ -5466,11 +5743,11 @@ var Select = ({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx28("div", { className: cn("relative", sizeClasses), ref: selectRef, children: injectStore3(children, store, size, selectId) }),
-    /* @__PURE__ */ jsxs23("div", { className: "mt-1.5 gap-1.5", children: [
-      helperText && /* @__PURE__ */ jsx28("p", { className: "text-sm text-text-500", children: helperText }),
-      errorMessage && /* @__PURE__ */ jsxs23("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
-        /* @__PURE__ */ jsx28(WarningCircle5, { size: 16 }),
+    /* @__PURE__ */ jsx30("div", { className: cn("relative", sizeClasses), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
+    /* @__PURE__ */ jsxs24("div", { className: "mt-1.5 gap-1.5", children: [
+      helperText && /* @__PURE__ */ jsx30("p", { className: "text-sm text-text-500", children: helperText }),
+      errorMessage && /* @__PURE__ */ jsxs24("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
+        /* @__PURE__ */ jsx30(WarningCircle5, { size: 16 }),
         " ",
         errorMessage
       ] })
@@ -5482,11 +5759,11 @@ var SelectValue = ({
   store: externalStore
 }) => {
   const store = useSelectStore(externalStore);
-  const selectedLabel = useStore3(store, (s) => s.selectedLabel);
-  const value = useStore3(store, (s) => s.value);
-  return /* @__PURE__ */ jsx28("span", { className: "text-inherit", children: selectedLabel || placeholder || value });
+  const selectedLabel = useStore4(store, (s) => s.selectedLabel);
+  const value = useStore4(store, (s) => s.value);
+  return /* @__PURE__ */ jsx30("span", { className: "text-inherit", children: selectedLabel || placeholder || value });
 };
-var SelectTrigger = forwardRef14(
+var SelectTrigger = forwardRef15(
   ({
     className,
     invalid = false,
@@ -5498,12 +5775,12 @@ var SelectTrigger = forwardRef14(
     ...props
   }, ref) => {
     const store = useSelectStore(externalStore);
-    const open = useStore3(store, (s) => s.open);
+    const open = useStore4(store, (s) => s.open);
     const toggleOpen = () => store.setState({ open: !open });
     const variantClasses = VARIANT_CLASSES4[variant];
     const heightClasses = HEIGHT_CLASSES[size];
     const paddingClasses = PADDING_CLASSES[size];
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       "button",
       {
         ref,
@@ -5524,7 +5801,7 @@ var SelectTrigger = forwardRef14(
         ...props,
         children: [
           props.children,
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx30(
             CaretDown,
             {
               className: cn(
@@ -5539,7 +5816,7 @@ var SelectTrigger = forwardRef14(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = forwardRef14(
+var SelectContent = forwardRef15(
   ({
     children,
     className,
@@ -5549,16 +5826,16 @@ var SelectContent = forwardRef14(
     ...props
   }, ref) => {
     const store = useSelectStore(externalStore);
-    const open = useStore3(store, (s) => s.open);
+    const open = useStore4(store, (s) => s.open);
     if (!open) return null;
     const getPositionClasses = () => `w-full min-w-full absolute ${SIDE_CLASSES2[side]} ${ALIGN_CLASSES2[align]}`;
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx30(
       "div",
       {
         role: "menu",
         ref,
         className: cn(
-          "bg-background z-50 min-w-[210px] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md border-border-100",
+          "bg-secondary z-50 min-w-[210px] overflow-hidden rounded-md border p-1 shadow-md border-border-100",
           getPositionClasses(),
           className
         ),
@@ -5569,7 +5846,7 @@ var SelectContent = forwardRef14(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = forwardRef14(
+var SelectItem = forwardRef15(
   ({
     className,
     children,
@@ -5585,7 +5862,7 @@ var SelectItem = forwardRef14(
       setOpen,
       setSelectedLabel,
       onValueChange
-    } = useStore3(store, (s) => s);
+    } = useStore4(store, (s) => s);
     const handleClick = (e) => {
       const labelNode = getLabelAsNode(children);
       if (!disabled) {
@@ -5596,14 +5873,14 @@ var SelectItem = forwardRef14(
       }
       props.onClick?.(e);
     };
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       "div",
       {
         role: "menuitem",
         "aria-disabled": disabled,
         ref,
         className: `
-          focus-visible:bg-background-50
+          bg-secondary focus-visible:bg-background-50
           relative flex select-none items-center gap-2 rounded-sm p-3 outline-none transition-colors [&>svg]:size-4 [&>svg]:shrink-0
           ${className}
           ${disabled ? "cursor-not-allowed text-text-400 pointer-events-none opacity-50" : "cursor-pointer hover:bg-background-50 text-text-700 focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground"}
@@ -5616,7 +5893,7 @@ var SelectItem = forwardRef14(
         tabIndex: disabled ? -1 : 0,
         ...props,
         children: [
-          /* @__PURE__ */ jsx28("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ jsx28(Check4, { className: "" }) }),
+          /* @__PURE__ */ jsx30("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ jsx30(Check5, { className: "" }) }),
           children
         ]
       }
@@ -5627,19 +5904,19 @@ SelectItem.displayName = "SelectItem";
 var Select_default = Select;
 
 // src/components/Menu/Menu.tsx
-import { create as create5, useStore as useStore4 } from "zustand";
+import { create as create6, useStore as useStore5 } from "zustand";
 import {
-  useEffect as useEffect7,
-  useRef as useRef6,
-  forwardRef as forwardRef15,
-  isValidElement as isValidElement4,
-  Children as Children4,
-  cloneElement as cloneElement4,
-  useState as useState10
+  useEffect as useEffect9,
+  useRef as useRef7,
+  forwardRef as forwardRef16,
+  isValidElement as isValidElement5,
+  Children as Children5,
+  cloneElement as cloneElement5,
+  useState as useState11
 } from "react";
 import { CaretLeft, CaretRight as CaretRight3 } from "phosphor-react";
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
-var createMenuStore = (onValueChange) => create5((set) => ({
+import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+var createMenuStore = (onValueChange) => create6((set) => ({
   value: "",
   setValue: (value) => {
     set({ value });
@@ -5656,7 +5933,7 @@ var VARIANT_CLASSES5 = {
   menu2: "",
   breadcrumb: ""
 };
-var Menu = forwardRef15(
+var Menu = forwardRef16(
   ({
     className,
     children,
@@ -5666,16 +5943,16 @@ var Menu = forwardRef15(
     onValueChange,
     ...props
   }, ref) => {
-    const storeRef = useRef6(null);
+    const storeRef = useRef7(null);
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
-    const { setValue } = useStore4(store, (s) => s);
-    useEffect7(() => {
+    const { setValue } = useStore5(store, (s) => s);
+    useEffect9(() => {
       setValue(propValue ?? defaultValue);
     }, [defaultValue, propValue, setValue]);
     const baseClasses = "w-full py-2 flex flex-row items-center justify-center";
     const variantClasses = VARIANT_CLASSES5[variant];
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx31(
       "div",
       {
         ref,
@@ -5685,17 +5962,17 @@ var Menu = forwardRef15(
           ${className ?? ""}
         `,
         ...props,
-        children: injectStore4(children, store)
+        children: injectStore5(children, store)
       }
     );
   }
 );
 Menu.displayName = "Menu";
-var MenuContent = forwardRef15(
+var MenuContent = forwardRef16(
   ({ className, children, variant = "menu", ...props }, ref) => {
     const baseClasses = "w-full flex flex-row items-center gap-2";
     const variantClasses = variant === "menu2" ? "overflow-x-auto scroll-smooth" : "";
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx31(
       "ul",
       {
         ref,
@@ -5713,7 +5990,7 @@ var MenuContent = forwardRef15(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = forwardRef15(
+var MenuItem = forwardRef16(
   ({
     className,
     children,
@@ -5725,7 +6002,7 @@ var MenuItem = forwardRef15(
     ...props
   }, ref) => {
     const store = useMenuStore(externalStore);
-    const { value: selectedValue, setValue } = useStore4(store, (s) => s);
+    const { value: selectedValue, setValue } = useStore5(store, (s) => s);
     const handleClick = (e) => {
       if (!disabled) {
         setValue(value);
@@ -5747,7 +6024,7 @@ var MenuItem = forwardRef15(
       ...props
     };
     const variants = {
-      menu: /* @__PURE__ */ jsx29(
+      menu: /* @__PURE__ */ jsx31(
         "li",
         {
           "data-variant": "menu",
@@ -5762,7 +6039,7 @@ var MenuItem = forwardRef15(
           children
         }
       ),
-      menu2: /* @__PURE__ */ jsxs24(
+      menu2: /* @__PURE__ */ jsxs25(
         "li",
         {
           "data-variant": "menu2",
@@ -5773,7 +6050,7 @@ var MenuItem = forwardRef15(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ jsx29(
+            /* @__PURE__ */ jsx31(
               "span",
               {
                 className: cn(
@@ -5783,11 +6060,11 @@ var MenuItem = forwardRef15(
                 children
               }
             ),
-            selectedValue === value && /* @__PURE__ */ jsx29("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+            selectedValue === value && /* @__PURE__ */ jsx31("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
           ]
         }
       ),
-      breadcrumb: /* @__PURE__ */ jsxs24(
+      breadcrumb: /* @__PURE__ */ jsxs25(
         "li",
         {
           "data-variant": "breadcrumb",
@@ -5799,7 +6076,7 @@ var MenuItem = forwardRef15(
           `,
           ...commonProps,
           children: [
-            /* @__PURE__ */ jsx29(
+            /* @__PURE__ */ jsx31(
               "span",
               {
                 className: cn(
@@ -5809,7 +6086,7 @@ var MenuItem = forwardRef15(
                 children
               }
             ),
-            separator && /* @__PURE__ */ jsx29(
+            separator && /* @__PURE__ */ jsx31(
               CaretRight3,
               {
                 size: 16,
@@ -5846,10 +6123,10 @@ var MenuOverflow = ({
   onValueChange,
   ...props
 }) => {
-  const containerRef = useRef6(null);
-  const [showLeftArrow, setShowLeftArrow] = useState10(false);
-  const [showRightArrow, setShowRightArrow] = useState10(false);
-  useEffect7(() => {
+  const containerRef = useRef7(null);
+  const [showLeftArrow, setShowLeftArrow] = useState11(false);
+  const [showRightArrow, setShowRightArrow] = useState11(false);
+  useEffect9(() => {
     const checkScroll = () => internalCheckScroll(
       containerRef.current,
       setShowLeftArrow,
@@ -5864,25 +6141,25 @@ var MenuOverflow = ({
       window.removeEventListener("resize", checkScroll);
     };
   }, []);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       "data-testid": "menu-overflow-wrapper",
       className: cn("relative w-full overflow-hidden", className),
       children: [
-        showLeftArrow && /* @__PURE__ */ jsxs24(
+        showLeftArrow && /* @__PURE__ */ jsxs25(
           "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__ */ jsx29(CaretLeft, { size: 16 }),
-              /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Scroll left" })
+              /* @__PURE__ */ jsx31(CaretLeft, { size: 16 }),
+              /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Scroll left" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx31(
           Menu,
           {
             defaultValue,
@@ -5890,18 +6167,18 @@ var MenuOverflow = ({
             value,
             variant: "menu2",
             ...props,
-            children: /* @__PURE__ */ jsx29(MenuContent, { ref: containerRef, variant: "menu2", children })
+            children: /* @__PURE__ */ jsx31(MenuContent, { ref: containerRef, variant: "menu2", children })
           }
         ),
-        showRightArrow && /* @__PURE__ */ jsxs24(
+        showRightArrow && /* @__PURE__ */ jsxs25(
           "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__ */ jsx29(CaretRight3, { size: 16 }),
-              /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Scroll right" })
+              /* @__PURE__ */ jsx31(CaretRight3, { size: 16 }),
+              /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Scroll right" })
             ]
           }
         )
@@ -5909,20 +6186,20 @@ var MenuOverflow = ({
     }
   );
 };
-var injectStore4 = (children, store) => Children4.map(children, (child) => {
-  if (!isValidElement4(child)) return child;
+var injectStore5 = (children, store) => Children5.map(children, (child) => {
+  if (!isValidElement5(child)) return child;
   const typedChild = child;
   const shouldInject = typedChild.type === MenuItem;
-  return cloneElement4(typedChild, {
+  return cloneElement5(typedChild, {
     ...shouldInject ? { store } : {},
-    ...typedChild.props.children ? { children: injectStore4(typedChild.props.children, store) } : {}
+    ...typedChild.props.children ? { children: injectStore5(typedChild.props.children, store) } : {}
   });
 });
 var Menu_default = Menu;
 
 // src/components/Skeleton/Skeleton.tsx
-import { forwardRef as forwardRef16 } from "react";
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { forwardRef as forwardRef17 } from "react";
+import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
 var SKELETON_ANIMATION_CLASSES = {
   pulse: "animate-pulse",
   none: ""
@@ -5939,7 +6216,7 @@ var SPACING_CLASSES = {
   medium: "space-y-2",
   large: "space-y-3"
 };
-var Skeleton = forwardRef16(
+var Skeleton = forwardRef17(
   ({
     variant = "text",
     width,
@@ -5959,13 +6236,13 @@ var Skeleton = forwardRef16(
       height: typeof height === "number" ? `${height}px` : height
     };
     if (variant === "text" && lines > 1) {
-      return /* @__PURE__ */ jsx30(
+      return /* @__PURE__ */ jsx32(
         "div",
         {
           ref,
           className: cn("flex flex-col", spacingClass, className),
           ...props,
-          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx30(
+          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx32(
             "div",
             {
               className: cn(variantClass, animationClass),
@@ -5976,7 +6253,7 @@ var Skeleton = forwardRef16(
         }
       );
     }
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx32(
       "div",
       {
         ref,
@@ -5988,13 +6265,13 @@ var Skeleton = forwardRef16(
     );
   }
 );
-var SkeletonText = forwardRef16(
-  (props, ref) => /* @__PURE__ */ jsx30(Skeleton, { ref, variant: "text", ...props })
+var SkeletonText = forwardRef17(
+  (props, ref) => /* @__PURE__ */ jsx32(Skeleton, { ref, variant: "text", ...props })
 );
-var SkeletonCircle = forwardRef16((props, ref) => /* @__PURE__ */ jsx30(Skeleton, { ref, variant: "circular", ...props }));
-var SkeletonRectangle = forwardRef16((props, ref) => /* @__PURE__ */ jsx30(Skeleton, { ref, variant: "rectangular", ...props }));
-var SkeletonRounded = forwardRef16((props, ref) => /* @__PURE__ */ jsx30(Skeleton, { ref, variant: "rounded", ...props }));
-var SkeletonCard = forwardRef16(
+var SkeletonCircle = forwardRef17((props, ref) => /* @__PURE__ */ jsx32(Skeleton, { ref, variant: "circular", ...props }));
+var SkeletonRectangle = forwardRef17((props, ref) => /* @__PURE__ */ jsx32(Skeleton, { ref, variant: "rectangular", ...props }));
+var SkeletonRounded = forwardRef17((props, ref) => /* @__PURE__ */ jsx32(Skeleton, { ref, variant: "rounded", ...props }));
+var SkeletonCard = forwardRef17(
   ({
     showAvatar = true,
     showTitle = true,
@@ -6004,7 +6281,7 @@ var SkeletonCard = forwardRef16(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsxs26(
       "div",
       {
         ref,
@@ -6014,23 +6291,23 @@ var SkeletonCard = forwardRef16(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs25("div", { className: "flex items-start space-x-3", children: [
-            showAvatar && /* @__PURE__ */ jsx30(SkeletonCircle, { width: 40, height: 40 }),
-            /* @__PURE__ */ jsxs25("div", { className: "flex-1 space-y-2", children: [
-              showTitle && /* @__PURE__ */ jsx30(SkeletonText, { width: "60%", height: 20 }),
-              showDescription && /* @__PURE__ */ jsx30(SkeletonText, { lines, spacing: "small" })
+          /* @__PURE__ */ jsxs26("div", { className: "flex items-start space-x-3", children: [
+            showAvatar && /* @__PURE__ */ jsx32(SkeletonCircle, { width: 40, height: 40 }),
+            /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
+              showTitle && /* @__PURE__ */ jsx32(SkeletonText, { width: "60%", height: 20 }),
+              showDescription && /* @__PURE__ */ jsx32(SkeletonText, { lines, spacing: "small" })
             ] })
           ] }),
-          showActions && /* @__PURE__ */ jsxs25("div", { className: "flex justify-end space-x-2 mt-4", children: [
-            /* @__PURE__ */ jsx30(SkeletonRectangle, { width: 80, height: 32 }),
-            /* @__PURE__ */ jsx30(SkeletonRectangle, { width: 80, height: 32 })
+          showActions && /* @__PURE__ */ jsxs26("div", { className: "flex justify-end space-x-2 mt-4", children: [
+            /* @__PURE__ */ jsx32(SkeletonRectangle, { width: 80, height: 32 }),
+            /* @__PURE__ */ jsx32(SkeletonRectangle, { width: 80, height: 32 })
           ] })
         ]
       }
     );
   }
 );
-var SkeletonList = forwardRef16(
+var SkeletonList = forwardRef17(
   ({
     items = 3,
     showAvatar = true,
@@ -6040,19 +6317,19 @@ var SkeletonList = forwardRef16(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx30("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs25("div", { className: "flex items-start space-x-3 p-3", children: [
-      showAvatar && /* @__PURE__ */ jsx30(SkeletonCircle, { width: 32, height: 32 }),
-      /* @__PURE__ */ jsxs25("div", { className: "flex-1 space-y-2", children: [
-        showTitle && /* @__PURE__ */ jsx30(SkeletonText, { width: "40%", height: 16 }),
-        showDescription && /* @__PURE__ */ jsx30(SkeletonText, { lines, spacing: "small" })
+    return /* @__PURE__ */ jsx32("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs26("div", { className: "flex items-start space-x-3 p-3", children: [
+      showAvatar && /* @__PURE__ */ jsx32(SkeletonCircle, { width: 32, height: 32 }),
+      /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
+        showTitle && /* @__PURE__ */ jsx32(SkeletonText, { width: "40%", height: 16 }),
+        showDescription && /* @__PURE__ */ jsx32(SkeletonText, { lines, spacing: "small" })
       ] })
     ] }, index)) });
   }
 );
-var SkeletonTable = forwardRef16(
+var SkeletonTable = forwardRef17(
   ({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
-    return /* @__PURE__ */ jsxs25("div", { ref, className: cn("w-full", className), ...props, children: [
-      showHeader && /* @__PURE__ */ jsx30("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsxs26("div", { ref, className: cn("w-full", className), ...props, children: [
+      showHeader && /* @__PURE__ */ jsx32("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx32(
         SkeletonText,
         {
           width: `${100 / columns}%`,
@@ -6060,7 +6337,7 @@ var SkeletonTable = forwardRef16(
         },
         index
       )) }),
-      /* @__PURE__ */ jsx30("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx30("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx32("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx32("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx32(
         SkeletonText,
         {
           width: `${100 / columns}%`,
@@ -6073,7 +6350,7 @@ var SkeletonTable = forwardRef16(
 );
 
 // src/components/NotFound/NotFound.tsx
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 var NotFound = ({
   title,
   description,
@@ -6116,22 +6393,22 @@ var NotFound = ({
   const errorTitle = title || getDefaultTitle();
   const errorDescription = description || getDefaultDescription();
   const errorCode = getErrorCode();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       className: cn(
         "flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4",
         className
       ),
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx33(
         "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__ */ jsxs26("section", { "aria-label": `Erro ${errorCode}`, children: [
-            /* @__PURE__ */ jsx31(
+          children: /* @__PURE__ */ jsxs27("section", { "aria-label": `Erro ${errorCode}`, children: [
+            /* @__PURE__ */ jsx33(
               "div",
               {
                 className: "text-8xl font-bold text-primary-300 select-none",
@@ -6139,8 +6416,8 @@ var NotFound = ({
                 children: errorCode
               }
             ),
-            /* @__PURE__ */ jsxs26("header", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx31(
+            /* @__PURE__ */ jsxs27("header", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx33(
                 Text_default,
                 {
                   size: "xl",
@@ -6151,9 +6428,9 @@ var NotFound = ({
                   children: errorTitle
                 }
               ),
-              /* @__PURE__ */ jsx31(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
+              /* @__PURE__ */ jsx33(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
             ] }),
-            onButtonClick && /* @__PURE__ */ jsx31("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ jsx31(
+            onButtonClick && /* @__PURE__ */ jsx33("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ jsx33(
               Button_default,
               {
                 onClick: handleButtonClick,
@@ -6177,13 +6454,13 @@ var NotFound_default = NotFound;
 import {
   createContext,
   useContext,
-  useEffect as useEffect8,
-  useState as useState11,
+  useEffect as useEffect10,
+  useState as useState12,
   useCallback,
   useMemo as useMemo3
 } from "react";
 import { useLocation, Navigate } from "react-router-dom";
-import { Fragment as Fragment7, jsx as jsx32 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx34 } from "react/jsx-runtime";
 var AuthContext = createContext(void 0);
 var AuthProvider = ({
   children,
@@ -6194,7 +6471,7 @@ var AuthProvider = ({
   getSessionFn,
   getTokensFn
 }) => {
-  const [authState, setAuthState] = useState11({
+  const [authState, setAuthState] = useState12({
     isAuthenticated: false,
     isLoading: true,
     ...initialAuthState
@@ -6242,7 +6519,7 @@ var AuthProvider = ({
       tokens: void 0
     }));
   }, [signOutFn]);
-  useEffect8(() => {
+  useEffect10(() => {
     checkAuth();
   }, [checkAuth]);
   const contextValue = useMemo3(
@@ -6253,7 +6530,7 @@ var AuthProvider = ({
     }),
     [authState, checkAuth, signOut]
   );
-  return /* @__PURE__ */ jsx32(AuthContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx34(AuthContext.Provider, { value: contextValue, children });
 };
 var useAuth = () => {
   const context = useContext(AuthContext);
@@ -6269,9 +6546,9 @@ var ProtectedRoute = ({
   additionalCheck
 }) => {
   const { isAuthenticated, isLoading, ...authState } = useAuth();
-  const defaultLoadingComponent = /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx32("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  const defaultLoadingComponent = /* @__PURE__ */ jsx34("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx34("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   if (isLoading) {
-    return /* @__PURE__ */ jsx32(Fragment7, { children: loadingComponent || defaultLoadingComponent });
+    return /* @__PURE__ */ jsx34(Fragment7, { children: loadingComponent || defaultLoadingComponent });
   }
   if (!isAuthenticated) {
     if (typeof window !== "undefined") {
@@ -6282,12 +6559,12 @@ var ProtectedRoute = ({
         return null;
       }
     }
-    return /* @__PURE__ */ jsx32(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx34(Navigate, { to: redirectTo, replace: true });
   }
   if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
-    return /* @__PURE__ */ jsx32(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx34(Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ jsx32(Fragment7, { children });
+  return /* @__PURE__ */ jsx34(Fragment7, { children });
 };
 var PublicRoute = ({
   children,
@@ -6297,15 +6574,15 @@ var PublicRoute = ({
 }) => {
   const { isAuthenticated, isLoading } = useAuth();
   if (checkAuthBeforeRender && isLoading) {
-    return /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx32("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+    return /* @__PURE__ */ jsx34("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx34("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   }
   if (isAuthenticated && redirectIfAuthenticated) {
-    return /* @__PURE__ */ jsx32(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx34(Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ jsx32(Fragment7, { children });
+  return /* @__PURE__ */ jsx34(Fragment7, { children });
 };
 var withAuth = (Component, options = {}) => {
-  return (props) => /* @__PURE__ */ jsx32(ProtectedRoute, { ...options, children: /* @__PURE__ */ jsx32(Component, { ...props }) });
+  return (props) => /* @__PURE__ */ jsx34(ProtectedRoute, { ...options, children: /* @__PURE__ */ jsx34(Component, { ...props }) });
 };
 var useAuthGuard = (options = {}) => {
   const authState = useAuth();
@@ -6320,7 +6597,7 @@ var useAuthGuard = (options = {}) => {
 var useRouteAuth = (fallbackPath = "/") => {
   const { isAuthenticated, isLoading } = useAuth();
   const location = useLocation();
-  const redirectToLogin = () => /* @__PURE__ */ jsx32(Navigate, { to: fallbackPath, state: { from: location }, replace: true });
+  const redirectToLogin = () => /* @__PURE__ */ jsx34(Navigate, { to: fallbackPath, state: { from: location }, replace: true });
   return {
     isAuthenticated,
     isLoading,
@@ -6384,7 +6661,7 @@ function createZustandAuthAdapter(useAuthStore) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-import { useEffect as useEffect9 } from "react";
+import { useEffect as useEffect11 } from "react";
 import { useLocation as useLocation2 } from "react-router-dom";
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -6413,7 +6690,7 @@ var handleProfileSelection = (responseData, setSelectedProfile) => {
 };
 function useUrlAuthentication(options) {
   const location = useLocation2();
-  useEffect9(() => {
+  useEffect11(() => {
     const handleAuthentication = async () => {
       const authParams = getAuthParams(location, options.extractParams);
       if (!hasValidAuthParams(authParams)) {
@@ -6469,12 +6746,19 @@ import {
   BookOpen,
   Book
 } from "phosphor-react";
-import { forwardRef as forwardRef17, useState as useState12 } from "react";
+import {
+  forwardRef as forwardRef18,
+  useEffect as useEffect12,
+  useMemo as useMemo5,
+  useState as useState13,
+  useCallback as useCallback2,
+  useRef as useRef8
+} from "react";
 
 // src/components/Quiz/useQuizStore.ts
-import { create as create6 } from "zustand";
+import { create as create7 } from "zustand";
 import { devtools } from "zustand/middleware";
-var useQuizStore = create6()(
+var useQuizStore = create7()(
   devtools(
     (set, get) => {
       let timerInterval = null;
@@ -6510,6 +6794,7 @@ var useQuizStore = create6()(
         setByActivity: (atividade) => set({ byActivity: atividade }),
         setByQuestionary: (aula) => set({ byQuestionary: aula }),
         setUserId: (userId) => set({ userId }),
+        setUserAnswers: (userAnswers) => set({ userAnswers }),
         getUserId: () => get().userId,
         // Navigation
         goToNextQuestion: () => {
@@ -6546,16 +6831,9 @@ var useQuizStore = create6()(
           const { getActiveQuiz, userAnswers } = get();
           const activeQuiz = getActiveQuiz();
           if (!activeQuiz) return;
-          const updatedQuestions = activeQuiz.quiz.questions.map(
-            (question) => question.id === questionId ? { ...question, answerKey: answerId } : question
-          );
-          const updatedQuiz = {
-            ...activeQuiz.quiz,
-            questions: updatedQuestions
-          };
           const activityId = activeQuiz.quiz.id;
           const userId = get().getUserId();
-          if (!userId) {
+          if (!userId || userId === "") {
             console.warn("selectAnswer called before userId is set");
             return;
           }
@@ -6566,7 +6844,7 @@ var useQuizStore = create6()(
             questionId,
             activityId,
             userId,
-            answer: answerId,
+            answer: null,
             optionId: answerId
           };
           let updatedUserAnswers;
@@ -6577,7 +6855,36 @@ var useQuizStore = create6()(
             updatedUserAnswers = [...userAnswers, newUserAnswer];
           }
           set({
-            [activeQuiz.type]: updatedQuiz,
+            userAnswers: updatedUserAnswers
+          });
+        },
+        selectMultipleAnswer: (questionId, answerIds) => {
+          const { getActiveQuiz, userAnswers } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return;
+          const activityId = activeQuiz.quiz.id;
+          const userId = get().getUserId();
+          if (!userId || userId === "") {
+            console.warn("selectMultipleAnswer called before userId is set");
+            return;
+          }
+          const filteredUserAnswers = userAnswers.filter(
+            (answer) => answer.questionId !== questionId
+          );
+          const newUserAnswers = answerIds.map(
+            (answerId) => ({
+              questionId,
+              activityId,
+              userId,
+              answer: null,
+              optionId: answerId
+            })
+          );
+          const updatedUserAnswers = [
+            ...filteredUserAnswers,
+            ...newUserAnswers
+          ];
+          set({
             userAnswers: updatedUserAnswers
           });
         },
@@ -6589,6 +6896,10 @@ var useQuizStore = create6()(
           if (currentQuestion) {
             const activityId = activeQuiz.quiz.id;
             const userId = get().getUserId();
+            if (!userId || userId === "") {
+              console.warn("skipQuestion called before userId is set");
+              return;
+            }
             const existingAnswerIndex = userAnswers.findIndex(
               (answer) => answer.questionId === currentQuestion.id
             );
@@ -6617,6 +6928,10 @@ var useQuizStore = create6()(
           if (!activeQuiz) return;
           const activityId = activeQuiz.quiz.id;
           const userId = get().getUserId();
+          if (!userId || userId === "") {
+            console.warn("addUserAnswer called before userId is set");
+            return;
+          }
           const existingAnswerIndex = userAnswers.findIndex(
             (answer) => answer.questionId === questionId
           );
@@ -6624,7 +6939,7 @@ var useQuizStore = create6()(
             questionId,
             activityId,
             userId,
-            answer: answerId || null,
+            answer: null,
             optionId: answerId || null
           };
           if (existingAnswerIndex !== -1) {
@@ -6675,7 +6990,7 @@ var useQuizStore = create6()(
         },
         getAnsweredQuestions: () => {
           const { userAnswers } = get();
-          return userAnswers.filter((answer) => answer.answer !== null).length;
+          return userAnswers.filter((answer) => answer.optionId !== null).length;
         },
         getUnansweredQuestions: () => {
           const { getActiveQuiz, userAnswers } = get();
@@ -6686,8 +7001,8 @@ var useQuizStore = create6()(
             const userAnswer = userAnswers.find(
               (answer) => answer.questionId === question.id
             );
-            const isAnswered = userAnswer && userAnswer.answer !== null;
-            const isSkipped = userAnswer && userAnswer.answer === null;
+            const isAnswered = userAnswer && userAnswer.optionId !== null;
+            const isSkipped = userAnswer && userAnswer.optionId === null;
             if (!isAnswered && !isSkipped) {
               unansweredQuestions.push(index + 1);
             }
@@ -6696,7 +7011,7 @@ var useQuizStore = create6()(
         },
         getSkippedQuestions: () => {
           const { userAnswers } = get();
-          return userAnswers.filter((answer) => answer.answer === null).length;
+          return userAnswers.filter((answer) => answer.optionId === null).length;
         },
         getProgress: () => {
           const { getTotalQuestions, getAnsweredQuestions } = get();
@@ -6709,14 +7024,14 @@ var useQuizStore = create6()(
           const userAnswer = userAnswers.find(
             (answer) => answer.questionId === questionId
           );
-          return userAnswer ? userAnswer.answer !== null : false;
+          return userAnswer ? userAnswer.optionId !== null : false;
         },
         isQuestionSkipped: (questionId) => {
           const { userAnswers } = get();
           const userAnswer = userAnswers.find(
             (answer) => answer.questionId === questionId
           );
-          return userAnswer ? userAnswer.answer === null : false;
+          return userAnswer ? userAnswer.optionId === null : false;
         },
         getCurrentAnswer: () => {
           const { getCurrentQuestion, userAnswers } = get();
@@ -6725,7 +7040,16 @@ var useQuizStore = create6()(
           const userAnswer = userAnswers.find(
             (answer) => answer.questionId === currentQuestion.id
           );
-          return userAnswer?.answer;
+          return userAnswer?.optionId;
+        },
+        getAllCurrentAnswer: () => {
+          const { getCurrentQuestion, userAnswers } = get();
+          const currentQuestion = getCurrentQuestion();
+          if (!currentQuestion) return void 0;
+          const userAnswer = userAnswers.filter(
+            (answer) => answer.questionId === currentQuestion.id
+          );
+          return userAnswer;
         },
         getQuizTitle: () => {
           const { getActiveQuiz } = get();
@@ -6738,18 +7062,8 @@ var useQuizStore = create6()(
           return `${minutes.toString().padStart(2, "0")}:${remainingSeconds.toString().padStart(2, "0")}`;
         },
         getUserAnswers: () => {
-          const { getActiveQuiz, userAnswers } = get();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) return [];
-          return activeQuiz.quiz.questions.map((question) => {
-            const userAnswer = userAnswers.find(
-              (answer) => answer.questionId === question.id
-            );
-            return {
-              ...question,
-              isSkipped: userAnswer ? userAnswer.answer === null : false
-            };
-          });
+          const { userAnswers } = get();
+          return userAnswers;
         },
         getUnansweredQuestionsFromUserAnswers: () => {
           const { getActiveQuiz, userAnswers } = get();
@@ -6760,8 +7074,8 @@ var useQuizStore = create6()(
             const userAnswer = userAnswers.find(
               (answer) => answer.questionId === question.id
             );
-            const hasAnswer = userAnswer && userAnswer.answer !== null;
-            const isSkipped = userAnswer && userAnswer.answer === null;
+            const hasAnswer = userAnswer && userAnswer.optionId !== null;
+            const isSkipped = userAnswer && userAnswer.optionId === null;
             if (!hasAnswer || isSkipped) {
               unansweredQuestions.push(index + 1);
             }
@@ -6792,7 +7106,7 @@ var useQuizStore = create6()(
           const answer = userAnswers.find(
             (answer2) => answer2.questionId === questionId
           );
-          return answer ? answer.answer !== null : false;
+          return answer ? answer.optionId !== null : false;
         },
         getQuestionStatusFromUserAnswers: (questionId) => {
           const { userAnswers } = get();
@@ -6800,12 +7114,27 @@ var useQuizStore = create6()(
             (answer2) => answer2.questionId === questionId
           );
           if (!answer) return "unanswered";
-          if (answer.answer === null) return "skipped";
+          if (answer.optionId === null) return "skipped";
           return "answered";
         },
         getUserAnswersForActivity: () => {
           const { userAnswers } = get();
           return userAnswers;
+        },
+        setCurrentQuestion: (question) => {
+          const { getActiveQuiz } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return;
+          const questionIndex = activeQuiz.quiz.questions.findIndex(
+            (q) => q.id === question.id
+          );
+          if (questionIndex === -1) {
+            console.warn(
+              `Question with id "${question.id}" not found in active quiz`
+            );
+            return;
+          }
+          set({ currentQuestionIndex: questionIndex });
         }
       };
     },
@@ -6819,9 +7148,9 @@ var useQuizStore = create6()(
 var simulated_result_default = "./simulated-result-QN5HCUY5.png";
 
 // src/components/Quiz/Quiz.tsx
-import { Fragment as Fragment8, jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
-var Quiz = forwardRef17(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx33(
+import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+var Quiz = forwardRef18(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       ref,
@@ -6834,31 +7163,56 @@ var Quiz = forwardRef17(({ children, className, ...props }, ref) => {
     }
   );
 });
-var QuizHeaderResult = forwardRef17(
+var QuizHeaderResult = forwardRef18(
   ({ className, ...props }, ref) => {
-    const { getCurrentQuestion, getCurrentAnswer } = useQuizStore();
+    const { getCurrentQuestion, getCurrentAnswer, getAllCurrentAnswer } = useQuizStore();
     const currentQuestion = getCurrentQuestion();
     const userAnswer = getCurrentAnswer();
-    const isCorrect = userAnswer === currentQuestion?.correctOptionId;
-    return /* @__PURE__ */ jsxs27(
+    const [isCorrect, setIsCorrect] = useState13(false);
+    useEffect12(() => {
+      if (currentQuestion?.type === "MULTIPLA_CHOICE" /* MULTIPLA_CHOICE */) {
+        const allCurrentAnswers = getAllCurrentAnswer();
+        const isCorrectOption = currentQuestion.options.filter(
+          (op) => op.isCorrect
+        );
+        if (allCurrentAnswers?.length !== isCorrectOption.length) {
+          setIsCorrect(false);
+          return;
+        }
+        setIsCorrect(true);
+        allCurrentAnswers.forEach((answer) => {
+          const findInCorrectOptions = isCorrectOption.find(
+            (op) => op.id === answer.optionId
+          );
+          if (!findInCorrectOptions) {
+            setIsCorrect(false);
+          }
+        });
+      } else {
+        setIsCorrect(
+          currentQuestion?.options.find((op) => op.id === userAnswer)?.isCorrect || false
+        );
+      }
+    }, [currentQuestion, getAllCurrentAnswer]);
+    return /* @__PURE__ */ jsxs28(
       "div",
       {
         ref,
         className: cn(
-          "flex flex-row items-center gap-10 p-3.5 rounded-xl",
+          "flex flex-row items-center gap-10 p-3.5 rounded-xl mb-4",
           isCorrect ? "bg-success-background" : "bg-error-background",
           className
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx33("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ jsx33("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
+          /* @__PURE__ */ jsx35("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
+          /* @__PURE__ */ jsx35("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
         ]
       }
     );
   }
 );
-var QuizTitle = forwardRef17(
+var QuizTitle = forwardRef18(
   ({ className, ...props }, ref) => {
     const {
       currentQuestionIndex,
@@ -6870,7 +7224,7 @@ var QuizTitle = forwardRef17(
     } = useQuizStore();
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
-    return /* @__PURE__ */ jsxs27(
+    return /* @__PURE__ */ jsxs28(
       "div",
       {
         ref,
@@ -6880,11 +7234,11 @@ var QuizTitle = forwardRef17(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs27("span", { className: "flex flex-col gap-2 text-center", children: [
-            /* @__PURE__ */ jsx33("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-            /* @__PURE__ */ jsx33("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+          /* @__PURE__ */ jsxs28("span", { className: "flex flex-col gap-2 text-center", children: [
+            /* @__PURE__ */ jsx35("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+            /* @__PURE__ */ jsx35("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
           ] }),
-          /* @__PURE__ */ jsx33("span", { className: "absolute right-2", children: /* @__PURE__ */ jsx33(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx33(Clock2, {}), children: isStarted ? formatTime(timeElapsed) : "00:00" }) })
+          /* @__PURE__ */ jsx35("span", { className: "absolute right-2", children: /* @__PURE__ */ jsx35(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx35(Clock2, {}), children: isStarted ? formatTime(timeElapsed) : "00:00" }) })
         ]
       }
     );
@@ -6893,7 +7247,7 @@ var QuizTitle = forwardRef17(
 var QuizHeader = () => {
   const { getCurrentQuestion } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     HeaderAlternative,
     {
       title: currentQuestion ? `Quest\xE3o ${currentQuestion.id}` : "Quest\xE3o",
@@ -6902,10 +7256,12 @@ var QuizHeader = () => {
     }
   );
 };
-var QuizContent = forwardRef17(({ type = "Alternativas", children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs27(Fragment8, { children: [
-    /* @__PURE__ */ jsx33("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ jsx33("p", { className: "font-bold text-lg text-text-950", children: type }) }),
-    /* @__PURE__ */ jsx33(
+var QuizContent = forwardRef18(({ type = "Alternativas", className, variant, ...props }, ref) => {
+  const { getCurrentQuestion } = useQuizStore();
+  const currentQuestion = getCurrentQuestion();
+  return /* @__PURE__ */ jsxs28(Fragment8, { children: [
+    /* @__PURE__ */ jsx35("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ jsx35("p", { className: "font-bold text-lg text-text-950", children: type }) }),
+    /* @__PURE__ */ jsx35(
       "div",
       {
         ref,
@@ -6914,7 +7270,11 @@ var QuizContent = forwardRef17(({ type = "Alternativas", children, className, ..
           className
         ),
         ...props,
-        children
+        children: currentQuestion && /* @__PURE__ */ jsxs28(Fragment8, { children: [
+          currentQuestion.type === "ALTERNATIVA" /* ALTERNATIVA */ && /* @__PURE__ */ jsx35(QuizAlternative, { variant }),
+          currentQuestion.type === "MULTIPLA_CHOICE" /* MULTIPLA_CHOICE */ && /* @__PURE__ */ jsx35(QuizMultipleChoice, { variant }),
+          currentQuestion.type === "DISSERTATIVA" /* DISSERTATIVA */ && /* @__PURE__ */ jsx35("div", { children: "Componente de dissertativa" })
+        ] })
       }
     )
   ] });
@@ -6926,9 +7286,12 @@ var QuizAlternative = ({ variant = "default" }) => {
   const alternatives = currentQuestion?.options?.map((option) => {
     let status = "neutral" /* NEUTRAL */;
     if (variant === "result") {
-      if (option.id === currentQuestion.correctOptionId) {
+      const isCorrectOption = currentQuestion.options.find(
+        (op) => op.isCorrect
+      );
+      if (isCorrectOption?.id === option.id) {
         status = "correct" /* CORRECT */;
-      } else if (currentAnswer === option.id && option.id !== currentQuestion.correctOptionId) {
+      } else if (currentAnswer === option.id && option.id !== isCorrectOption?.id) {
         status = "incorrect" /* INCORRECT */;
       }
     }
@@ -6939,8 +7302,8 @@ var QuizAlternative = ({ variant = "default" }) => {
     };
   });
   if (!alternatives)
-    return /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsx33("p", { children: "N\xE3o h\xE1 Alternativas" }) });
-  return /* @__PURE__ */ jsx33("div", { className: "space-y-4", children: /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35("p", { children: "N\xE3o h\xE1 Alternativas" }) });
+  return /* @__PURE__ */ jsx35("div", { className: "space-y-4", children: /* @__PURE__ */ jsx35(
     AlternativesList,
     {
       mode: variant === "default" ? "interactive" : "readonly",
@@ -6958,6 +7321,77 @@ var QuizAlternative = ({ variant = "default" }) => {
     `question-${currentQuestion?.id || "1"}`
   ) });
 };
+var QuizMultipleChoice = ({
+  variant = "default"
+}) => {
+  const { getCurrentQuestion, selectMultipleAnswer, getAllCurrentAnswer } = useQuizStore();
+  const currentQuestion = getCurrentQuestion();
+  const allCurrentAnswers = getAllCurrentAnswer();
+  const prevSelectedValuesRef = useRef8([]);
+  const prevQuestionIdRef = useRef8("");
+  const allCurrentAnswerIds = useMemo5(() => {
+    return allCurrentAnswers?.map((answer) => answer.optionId) || [];
+  }, [allCurrentAnswers]);
+  const selectedValues = useMemo5(() => {
+    return allCurrentAnswerIds?.filter((id) => id !== null) || [];
+  }, [allCurrentAnswerIds]);
+  const stableSelectedValues = useMemo5(() => {
+    const currentQuestionId = currentQuestion?.id || "";
+    const hasQuestionChanged = prevQuestionIdRef.current !== currentQuestionId;
+    if (hasQuestionChanged) {
+      prevQuestionIdRef.current = currentQuestionId;
+      prevSelectedValuesRef.current = selectedValues;
+      return selectedValues;
+    }
+    const hasValuesChanged = JSON.stringify(prevSelectedValuesRef.current) !== JSON.stringify(selectedValues);
+    if (hasValuesChanged) {
+      prevSelectedValuesRef.current = selectedValues;
+      return selectedValues;
+    }
+    return prevSelectedValuesRef.current;
+  }, [selectedValues, currentQuestion?.id]);
+  const handleSelectedValues = useCallback2(
+    (values) => {
+      if (currentQuestion) {
+        selectMultipleAnswer(currentQuestion.id, values);
+      }
+    },
+    [currentQuestion, selectMultipleAnswer]
+  );
+  const questionKey = useMemo5(
+    () => `question-${currentQuestion?.id || "1"}`,
+    [currentQuestion?.id]
+  );
+  const choices = currentQuestion?.options?.map((option) => {
+    let status = "neutral" /* NEUTRAL */;
+    if (variant === "result") {
+      const isAllCorrectOptionId = currentQuestion.options.filter((op) => op.isCorrect).map((op) => op.id);
+      if (isAllCorrectOptionId.includes(option.id)) {
+        status = "correct" /* CORRECT */;
+      } else if (allCurrentAnswerIds?.includes(option.id) && !isAllCorrectOptionId.includes(option.id)) {
+        status = "incorrect" /* INCORRECT */;
+      }
+    }
+    return {
+      label: option.option,
+      value: option.id,
+      status
+    };
+  });
+  if (!choices)
+    return /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
+  return /* @__PURE__ */ jsx35("div", { className: "space-y-4", children: /* @__PURE__ */ jsx35(
+    MultipleChoiceList,
+    {
+      choices,
+      name: questionKey,
+      selectedValues: stableSelectedValues,
+      onHandleSelectedValues: handleSelectedValues,
+      mode: variant === "default" ? "interactive" : "readonly"
+    },
+    questionKey
+  ) });
+};
 var QuizQuestionList = ({
   filterType = "all",
   onQuestionClick
@@ -7009,16 +7443,16 @@ var QuizQuestionList = ({
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ jsx33("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
-    ([subjectId, questions]) => /* @__PURE__ */ jsxs27("section", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs27("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-        /* @__PURE__ */ jsx33("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx33(BookOpen, { size: 17, className: "text-white" }) }),
-        /* @__PURE__ */ jsx33("p", { className: "text-text-800 font-bold text-lg", children: subjectId })
+  return /* @__PURE__ */ jsx35("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
+    ([subjectId, questions]) => /* @__PURE__ */ jsxs28("section", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs28("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+        /* @__PURE__ */ jsx35("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx35(BookOpen, { size: 17, className: "text-white" }) }),
+        /* @__PURE__ */ jsx35("p", { className: "text-text-800 font-bold text-lg", children: subjectId })
       ] }),
-      /* @__PURE__ */ jsx33("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
+      /* @__PURE__ */ jsx35("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
         const status = getQuestionStatus(question.id);
         const questionNumber = getQuestionIndex(question.id);
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx35(
           CardStatus,
           {
             header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
@@ -7034,236 +7468,255 @@ var QuizQuestionList = ({
     ] }, subjectId)
   ) });
 };
-var QuizFooter = forwardRef17(({ className, onGoToSimulated, onDetailResult, ...props }, ref) => {
-  const {
-    currentQuestionIndex,
-    getUserAnswers,
-    getTotalQuestions,
-    goToNextQuestion,
-    goToPreviousQuestion,
-    getUnansweredQuestionsFromUserAnswers,
-    getCurrentAnswer,
-    skipQuestion,
-    getCurrentQuestion,
-    getQuestionStatusFromUserAnswers
-  } = useQuizStore();
-  const totalQuestions = getTotalQuestions();
-  const isFirstQuestion = currentQuestionIndex === 0;
-  const isLastQuestion = currentQuestionIndex === totalQuestions - 1;
-  const currentAnswer = getCurrentAnswer();
-  const currentQuestion = getCurrentQuestion();
-  const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-  const [alertDialogOpen, setAlertDialogOpen] = useState12(false);
-  const [modalResultOpen, setModalResultOpen] = useState12(false);
-  const [modalNavigateOpen, setModalNavigateOpen] = useState12(false);
-  const [filterType, setFilterType] = useState12("all");
-  const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
-  const userAnswers = getUserAnswers();
-  const allQuestions = getTotalQuestions();
-  return /* @__PURE__ */ jsxs27(Fragment8, { children: [
-    /* @__PURE__ */ jsxs27(
-      "footer",
-      {
-        ref,
-        className: cn(
-          "w-full px-2 bg-background lg:max-w-[1000px] not-lg:max-w-[calc(100vw-32px)] border-t border-border-50 fixed bottom-0 min-h-[80px] flex flex-row justify-between items-center",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs27("div", { className: "flex flex-row items-center gap-1", children: [
-            /* @__PURE__ */ jsx33(
-              IconButton_default,
-              {
-                icon: /* @__PURE__ */ jsx33(SquaresFour, { size: 24, className: "text-text-950" }),
-                size: "md",
-                onClick: () => setModalNavigateOpen(true)
-              }
-            ),
-            isFirstQuestion ? /* @__PURE__ */ jsx33(
+var QuizFooter = forwardRef18(
+  ({
+    className,
+    onGoToSimulated,
+    onDetailResult,
+    variant = "default",
+    ...props
+  }, ref) => {
+    const {
+      currentQuestionIndex,
+      getUserAnswers,
+      getTotalQuestions,
+      goToNextQuestion,
+      goToPreviousQuestion,
+      getUnansweredQuestionsFromUserAnswers,
+      getCurrentAnswer,
+      skipQuestion,
+      getCurrentQuestion,
+      getQuestionStatusFromUserAnswers,
+      getActiveQuiz
+    } = useQuizStore();
+    const totalQuestions = getTotalQuestions();
+    const isFirstQuestion = currentQuestionIndex === 0;
+    const isLastQuestion = currentQuestionIndex === totalQuestions - 1;
+    const currentAnswer = getCurrentAnswer();
+    const currentQuestion = getCurrentQuestion();
+    const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
+    const [alertDialogOpen, setAlertDialogOpen] = useState13(false);
+    const [modalResultOpen, setModalResultOpen] = useState13(false);
+    const [modalNavigateOpen, setModalNavigateOpen] = useState13(false);
+    const [filterType, setFilterType] = useState13("all");
+    const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
+    const userAnswers = getUserAnswers();
+    const allQuestions = getTotalQuestions();
+    return /* @__PURE__ */ jsxs28(Fragment8, { children: [
+      /* @__PURE__ */ jsx35(
+        "footer",
+        {
+          ref,
+          className: cn(
+            "w-full px-2 bg-background lg:max-w-[1000px] not-lg:max-w-[calc(100vw-32px)] border-t border-border-50 fixed bottom-0 min-h-[80px] flex flex-row justify-between items-center",
+            className
+          ),
+          ...props,
+          children: variant === "default" ? /* @__PURE__ */ jsxs28(Fragment8, { children: [
+            /* @__PURE__ */ jsxs28("div", { className: "flex flex-row items-center gap-1", children: [
+              /* @__PURE__ */ jsx35(
+                IconButton_default,
+                {
+                  icon: /* @__PURE__ */ jsx35(SquaresFour, { size: 24, className: "text-text-950" }),
+                  size: "md",
+                  onClick: () => setModalNavigateOpen(true)
+                }
+              ),
+              isFirstQuestion ? /* @__PURE__ */ jsx35(
+                Button_default,
+                {
+                  variant: "outline",
+                  size: "small",
+                  onClick: () => {
+                    skipQuestion();
+                    goToNextQuestion();
+                  },
+                  children: "Pular"
+                }
+              ) : /* @__PURE__ */ jsx35(
+                Button_default,
+                {
+                  size: "medium",
+                  variant: "link",
+                  action: "primary",
+                  iconLeft: /* @__PURE__ */ jsx35(CaretLeft2, { size: 18 }),
+                  onClick: () => {
+                    goToPreviousQuestion();
+                  },
+                  children: "Voltar"
+                }
+              )
+            ] }),
+            !isFirstQuestion && /* @__PURE__ */ jsx35(
               Button_default,
               {
-                variant: "outline",
                 size: "small",
+                variant: "outline",
+                action: "primary",
                 onClick: () => {
                   skipQuestion();
                   goToNextQuestion();
                 },
                 children: "Pular"
               }
-            ) : /* @__PURE__ */ jsx33(
+            ),
+            isLastQuestion ? /* @__PURE__ */ jsx35(
+              Button_default,
+              {
+                size: "medium",
+                variant: "solid",
+                action: "primary",
+                disabled: !currentAnswer && !isCurrentQuestionSkipped,
+                onClick: () => {
+                  if (unansweredQuestions.length > 0) {
+                    setAlertDialogOpen(true);
+                  } else {
+                    setModalResultOpen(true);
+                  }
+                },
+                children: "Finalizar"
+              }
+            ) : /* @__PURE__ */ jsx35(
               Button_default,
               {
                 size: "medium",
                 variant: "link",
                 action: "primary",
-                iconLeft: /* @__PURE__ */ jsx33(CaretLeft2, { size: 18 }),
+                iconRight: /* @__PURE__ */ jsx35(CaretRight4, { size: 18 }),
+                disabled: !currentAnswer && !isCurrentQuestionSkipped,
                 onClick: () => {
-                  goToPreviousQuestion();
+                  goToNextQuestion();
                 },
-                children: "Voltar"
+                children: "Avan\xE7ar"
               }
             )
-          ] }),
-          !isFirstQuestion && /* @__PURE__ */ jsx33(
-            Button_default,
-            {
-              size: "small",
-              variant: "outline",
-              action: "primary",
-              onClick: () => {
-                skipQuestion();
-                goToNextQuestion();
-              },
-              children: "Pular"
-            }
-          ),
-          isLastQuestion ? /* @__PURE__ */ jsx33(
-            Button_default,
-            {
-              size: "medium",
-              variant: "solid",
-              action: "primary",
-              disabled: !currentAnswer && !isCurrentQuestionSkipped,
-              onClick: () => {
-                if (unansweredQuestions.length > 0) {
-                  setAlertDialogOpen(true);
-                } else {
-                  setModalResultOpen(true);
-                }
-              },
-              children: "Finalizar"
-            }
-          ) : /* @__PURE__ */ jsx33(
-            Button_default,
-            {
-              size: "medium",
-              variant: "link",
-              action: "primary",
-              iconRight: /* @__PURE__ */ jsx33(CaretRight4, { size: 18 }),
-              disabled: !currentAnswer && !isCurrentQuestionSkipped,
-              onClick: () => {
-                goToNextQuestion();
-              },
-              children: "Avan\xE7ar"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx33(
-      AlertDialog,
-      {
-        isOpen: alertDialogOpen,
-        onChangeOpen: setAlertDialogOpen,
-        title: "Finalizar simulado?",
-        description: unansweredQuestions.length > 0 ? `Voc\xEA deixou as quest\xF5es ${unansweredQuestions.join(", ")} sem resposta. Finalizar agora pode impactar seu desempenho.` : "Tem certeza que deseja finalizar o simulado?",
-        cancelButtonLabel: "Voltar e revisar",
-        submitButtonLabel: "Finalizar Mesmo Assim",
-        onSubmit: () => {
-          setModalResultOpen(true);
+          ] }) : /* @__PURE__ */ jsx35("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ jsx35(Button_default, { variant: "solid", action: "primary", size: "medium", children: "Ver Resolu\xE7\xE3o" }) })
         }
-      }
-    ),
-    /* @__PURE__ */ jsx33(
-      Modal_default,
-      {
-        isOpen: modalResultOpen,
-        onClose: () => setModalResultOpen(false),
-        title: "",
-        closeOnBackdropClick: false,
-        closeOnEscape: false,
-        hideCloseButton: true,
-        size: "md",
-        children: /* @__PURE__ */ jsxs27("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-          /* @__PURE__ */ jsx33(
-            "img",
-            {
-              src: simulated_result_default,
-              alt: "Simulated Result",
-              className: "w-[282px] h-auto object-cover"
-            }
-          ),
-          /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-2 text-center", children: [
-            /* @__PURE__ */ jsx33("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
-            /* @__PURE__ */ jsxs27("p", { className: "text-text-500 font-sm", children: [
-              "Voc\xEA acertou",
-              " ",
-              userAnswers.filter(
-                (answer) => answer.answerKey === answer.correctOptionId
-              ).length,
-              " ",
-              "de ",
-              allQuestions,
-              " quest\xF5es."
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs27("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
-            /* @__PURE__ */ jsx33(
-              Button_default,
+      ),
+      /* @__PURE__ */ jsx35(
+        AlertDialog,
+        {
+          isOpen: alertDialogOpen,
+          onChangeOpen: setAlertDialogOpen,
+          title: "Finalizar simulado?",
+          description: unansweredQuestions.length > 0 ? `Voc\xEA deixou as quest\xF5es ${unansweredQuestions.join(", ")} sem resposta. Finalizar agora pode impactar seu desempenho.` : "Tem certeza que deseja finalizar o simulado?",
+          cancelButtonLabel: "Voltar e revisar",
+          submitButtonLabel: "Finalizar Mesmo Assim",
+          onSubmit: () => {
+            setModalResultOpen(true);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx35(
+        Modal_default,
+        {
+          isOpen: modalResultOpen,
+          onClose: () => setModalResultOpen(false),
+          title: "",
+          closeOnBackdropClick: false,
+          closeOnEscape: false,
+          hideCloseButton: true,
+          size: "md",
+          children: /* @__PURE__ */ jsxs28("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            /* @__PURE__ */ jsx35(
+              "img",
               {
-                variant: "outline",
-                className: "w-full",
-                size: "small",
-                onClick: onGoToSimulated,
-                children: "Ir para simulados"
+                src: simulated_result_default,
+                alt: "Simulated Result",
+                className: "w-[282px] h-auto object-cover"
               }
             ),
-            /* @__PURE__ */ jsx33(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx33(
-      Modal_default,
-      {
-        isOpen: modalNavigateOpen,
-        onClose: () => setModalNavigateOpen(false),
-        title: "Quest\xF5es",
-        size: "lg",
-        children: /* @__PURE__ */ jsxs27("div", { className: "flex flex-col w-full h-full", children: [
-          /* @__PURE__ */ jsxs27("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200", children: [
-            /* @__PURE__ */ jsx33("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
-            /* @__PURE__ */ jsx33("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs27(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-              /* @__PURE__ */ jsx33(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ jsx33(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
-              /* @__PURE__ */ jsxs27(SelectContent, { children: [
-                /* @__PURE__ */ jsx33(SelectItem, { value: "all", children: "Todas" }),
-                /* @__PURE__ */ jsx33(SelectItem, { value: "unanswered", children: "Em branco" }),
-                /* @__PURE__ */ jsx33(SelectItem, { value: "answered", children: "Respondidas" })
+            /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ jsx35("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
+              /* @__PURE__ */ jsxs28("p", { className: "text-text-500 font-sm", children: [
+                "Voc\xEA acertou",
+                " ",
+                (() => {
+                  const activeQuiz = getActiveQuiz();
+                  if (!activeQuiz) return 0;
+                  return userAnswers.filter((answer) => {
+                    const question = activeQuiz.quiz.questions.find(
+                      (q) => q.id === answer.questionId
+                    );
+                    const isCorrectOption = question?.options.find(
+                      (op) => op.isCorrect
+                    );
+                    return question && answer.optionId === isCorrectOption?.id;
+                  }).length;
+                })(),
+                " ",
+                "de ",
+                allQuestions,
+                " quest\xF5es."
               ] })
-            ] }) })
-          ] }),
-          /* @__PURE__ */ jsx33("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] overflow-y-auto", children: /* @__PURE__ */ jsx33(
-            QuizQuestionList,
-            {
-              filterType,
-              onQuestionClick: () => setModalNavigateOpen(false)
-            }
-          ) })
-        ] })
-      }
-    )
-  ] });
-});
-var QuizResultHeaderTitle = forwardRef17(({ className, ...props }, ref) => {
+            ] }),
+            /* @__PURE__ */ jsxs28("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
+              /* @__PURE__ */ jsx35(
+                Button_default,
+                {
+                  variant: "outline",
+                  className: "w-full",
+                  size: "small",
+                  onClick: onGoToSimulated,
+                  children: "Ir para simulados"
+                }
+              ),
+              /* @__PURE__ */ jsx35(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx35(
+        Modal_default,
+        {
+          isOpen: modalNavigateOpen,
+          onClose: () => setModalNavigateOpen(false),
+          title: "Quest\xF5es",
+          size: "lg",
+          children: /* @__PURE__ */ jsxs28("div", { className: "flex flex-col w-full h-full", children: [
+            /* @__PURE__ */ jsxs28("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200", children: [
+              /* @__PURE__ */ jsx35("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
+              /* @__PURE__ */ jsx35("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs28(Select_default, { value: filterType, onValueChange: setFilterType, children: [
+                /* @__PURE__ */ jsx35(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ jsx35(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
+                /* @__PURE__ */ jsxs28(SelectContent, { children: [
+                  /* @__PURE__ */ jsx35(SelectItem, { value: "all", children: "Todas" }),
+                  /* @__PURE__ */ jsx35(SelectItem, { value: "unanswered", children: "Em branco" }),
+                  /* @__PURE__ */ jsx35(SelectItem, { value: "answered", children: "Respondidas" })
+                ] })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsx35("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] overflow-y-auto", children: /* @__PURE__ */ jsx35(
+              QuizQuestionList,
+              {
+                filterType,
+                onQuestionClick: () => setModalNavigateOpen(false)
+              }
+            ) })
+          ] })
+        }
+      )
+    ] });
+  }
+);
+var QuizResultHeaderTitle = forwardRef18(({ className, ...props }, ref) => {
   const { bySimulated } = useQuizStore();
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       ref,
       className: cn("flex flex-row pt-4 justify-between", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx33("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        bySimulated && /* @__PURE__ */ jsx33(Badge_default, { variant: "solid", action: "info", children: bySimulated.category })
+        /* @__PURE__ */ jsx35("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
+        bySimulated && /* @__PURE__ */ jsx35(Badge_default, { variant: "solid", action: "info", children: bySimulated.category })
       ]
     }
   );
 });
-var QuizResultTitle = forwardRef17(({ className, ...props }, ref) => {
+var QuizResultTitle = forwardRef18(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     "p",
     {
       className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
@@ -7273,7 +7726,7 @@ var QuizResultTitle = forwardRef17(({ className, ...props }, ref) => {
     }
   );
 });
-var QuizResultPerformance = forwardRef17(
+var QuizResultPerformance = forwardRef18(
   ({ ...props }, ref) => {
     const {
       getTotalQuestions,
@@ -7281,7 +7734,8 @@ var QuizResultPerformance = forwardRef17(
       formatTime,
       bySimulated,
       byActivity,
-      byQuestionary
+      byQuestionary,
+      getUserAnswerByQuestionId
     } = useQuizStore();
     const totalQuestions = getTotalQuestions();
     const quiz = bySimulated || byActivity || byQuestionary;
@@ -7294,8 +7748,10 @@ var QuizResultPerformance = forwardRef17(
     let totalDifficultQuestions = 0;
     if (quiz) {
       quiz.questions.forEach((question) => {
-        const userAnswer = question.answerKey;
-        const isCorrect = userAnswer && userAnswer === question.correctOptionId;
+        const userAnswerItem = getUserAnswerByQuestionId(question.id);
+        const userAnswer = userAnswerItem?.optionId;
+        const isCorrectOption = question?.options.find((op) => op.isCorrect);
+        const isCorrect = userAnswer && userAnswer === isCorrectOption?.id;
         if (isCorrect) {
           correctAnswers++;
         }
@@ -7318,15 +7774,15 @@ var QuizResultPerformance = forwardRef17(
       });
     }
     const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
-    return /* @__PURE__ */ jsxs27(
+    return /* @__PURE__ */ jsxs28(
       "div",
       {
         className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxs27("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsxs28("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx35(
               ProgressCircle_default,
               {
                 size: "medium",
@@ -7336,21 +7792,21 @@ var QuizResultPerformance = forwardRef17(
                 label: ""
               }
             ),
-            /* @__PURE__ */ jsxs27("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-              /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-1 mb-1", children: [
-                /* @__PURE__ */ jsx33(Clock2, { size: 12, weight: "regular", className: "text-text-800" }),
-                /* @__PURE__ */ jsx33("span", { className: "text-2xs font-medium text-text-800", children: formatTime(timeElapsed) })
+            /* @__PURE__ */ jsxs28("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1 mb-1", children: [
+                /* @__PURE__ */ jsx35(Clock2, { size: 12, weight: "regular", className: "text-text-800" }),
+                /* @__PURE__ */ jsx35("span", { className: "text-2xs font-medium text-text-800", children: formatTime(timeElapsed) })
               ] }),
-              /* @__PURE__ */ jsxs27("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+              /* @__PURE__ */ jsxs28("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
                 correctAnswers,
                 " de ",
                 totalQuestions
               ] }),
-              /* @__PURE__ */ jsx33("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
+              /* @__PURE__ */ jsx35("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ jsx35(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -7364,7 +7820,7 @@ var QuizResultPerformance = forwardRef17(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx35(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -7378,7 +7834,7 @@ var QuizResultPerformance = forwardRef17(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx35(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -7398,8 +7854,12 @@ var QuizResultPerformance = forwardRef17(
     );
   }
 );
-var QuizListResult = forwardRef17(({ className, onSubjectClick, ...props }, ref) => {
-  const { getQuestionsGroupedBySubject, isQuestionAnswered } = useQuizStore();
+var QuizListResult = forwardRef18(({ className, onSubjectClick, ...props }, ref) => {
+  const {
+    getQuestionsGroupedBySubject,
+    isQuestionAnswered,
+    getUserAnswerByQuestionId
+  } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const subjectsStats = Object.entries(groupedQuestions).map(
     ([subjectId, questions]) => {
@@ -7407,8 +7867,10 @@ var QuizListResult = forwardRef17(({ className, onSubjectClick, ...props }, ref)
       let incorrect = 0;
       questions.forEach((question) => {
         if (isQuestionAnswered(question.id)) {
-          const userAnswer = question.answerKey;
-          if (userAnswer === question.correctOptionId) {
+          const userAnswerItem = getUserAnswerByQuestionId(question.id);
+          const userAnswer = userAnswerItem?.optionId;
+          const isCorrectOption = question?.options.find((op) => op.isCorrect);
+          if (userAnswer === isCorrectOption?.id) {
             correct++;
           } else {
             incorrect++;
@@ -7423,9 +7885,9 @@ var QuizListResult = forwardRef17(({ className, onSubjectClick, ...props }, ref)
       };
     }
   );
-  return /* @__PURE__ */ jsxs27("section", { ref, className, ...props, children: [
-    /* @__PURE__ */ jsx33("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
-    /* @__PURE__ */ jsx33("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ jsx33("li", { children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs28("section", { ref, className, ...props, children: [
+    /* @__PURE__ */ jsx35("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
+    /* @__PURE__ */ jsx35("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ jsx35("li", { children: /* @__PURE__ */ jsx35(
       CardResults,
       {
         onClick: () => onSubjectClick?.(subject.subject),
@@ -7433,7 +7895,7 @@ var QuizListResult = forwardRef17(({ className, onSubjectClick, ...props }, ref)
         header: subject.subject,
         correct_answers: subject.correct,
         incorrect_answers: subject.incorrect,
-        icon: /* @__PURE__ */ jsx33(Book, { size: 20 }),
+        icon: /* @__PURE__ */ jsx35(Book, { size: 20 }),
         direction: "row"
       }
     ) }, subject.subject)) })
@@ -7443,19 +7905,25 @@ var QuizListResultByMateria = ({
   subject,
   onQuestionClick
 }) => {
-  const { getQuestionsGroupedBySubject } = useQuizStore();
+  const { getQuestionsGroupedBySubject, getUserAnswerByQuestionId } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
-  return /* @__PURE__ */ jsxs27("div", { className: "w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6", children: [
-    /* @__PURE__ */ jsx33("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ jsx33("p", { className: "text-text-950 font-bold text-2xl", children: subject }) }),
-    /* @__PURE__ */ jsxs27("section", { className: "flex flex-col ", children: [
-      /* @__PURE__ */ jsx33("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
-      /* @__PURE__ */ jsx33("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => /* @__PURE__ */ jsx33("li", { children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs28("div", { className: "w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6", children: [
+    /* @__PURE__ */ jsx35("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ jsx35("p", { className: "text-text-950 font-bold text-2xl", children: subject }) }),
+    /* @__PURE__ */ jsxs28("section", { className: "flex flex-col ", children: [
+      /* @__PURE__ */ jsx35("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
+      /* @__PURE__ */ jsx35("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => /* @__PURE__ */ jsx35("li", { children: /* @__PURE__ */ jsx35(
         CardStatus,
         {
           className: "max-w-full",
           header: `Quest\xE3o ${question.id}`,
-          status: question.answerKey === question.correctOptionId ? "correct" : "incorrect",
+          status: (() => {
+            const userAnswer = getUserAnswerByQuestionId(question.id);
+            const isCorrectOption = question?.options.find(
+              (op) => op.isCorrect
+            );
+            return userAnswer && userAnswer.optionId === isCorrectOption?.id ? "correct" : "incorrect";
+          })(),
           onClick: () => onQuestionClick?.(question)
         }
       ) }, question.id)) })
@@ -7482,6 +7950,8 @@ export {
   CardTest,
   CardTopic,
   CheckBox_default as CheckBox,
+  CheckboxList_default as CheckboxList,
+  CheckboxListItem,
   Chips_default as Chips,
   Divider_default as Divider,
   DropdownMenu_default as DropdownMenu,
@@ -7498,6 +7968,7 @@ export {
   MenuLabel,
   MenuOverflow,
   Modal_default as Modal,
+  MultipleChoiceList,
   NavButton_default as NavButton,
   NotFound_default as NotFound,
   ProfileMenuFooter,
@@ -7513,6 +7984,8 @@ export {
   QuizContent,
   QuizFooter,
   QuizHeader,
+  QuizHeaderResult,
+  QuizListResult,
   QuizListResultByMateria,
   QuizQuestionList,
   QuizResultHeaderTitle,
@@ -7553,4 +8026,3 @@ export {
   useUrlAuthentication,
   withAuth
 };
-//# sourceMappingURL=index.mjs.map