analytica-frontend-lib 1.2.78 → 1.2.79

package/dist/SendActivityModal/index.js

@@ -47,8 +47,7 @@ __export(SendActivityModal_exports, {
 module.exports = __toCommonJS(SendActivityModal_exports);
 
 // src/components/SendActivityModal/SendActivityModal.tsx
-var import_react17 = require("react");
-var import_react18 = require("@phosphor-icons/react");
+var import_react18 = require("react");
 
 // src/components/Modal/Modal.tsx
 var import_react = require("react");
@@ -1456,209 +1455,532 @@ var RadioGroupItem = (0, import_react4.forwardRef)(
 );
 RadioGroupItem.displayName = "RadioGroupItem";
 
-// src/components/CheckBoxGroup/CheckBoxGroup.tsx
-var import_react16 = require("react");
+// src/components/SendActivityModal/hooks/useSendActivityModal.ts
+var import_zustand2 = require("zustand");
 
-// src/components/Badge/Badge.tsx
-var import_phosphor_react6 = require("phosphor-react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var VARIANT_ACTION_CLASSES2 = {
-  solid: {
-    error: "bg-error-background text-error-700 focus-visible:outline-none",
-    warning: "bg-warning text-warning-800 focus-visible:outline-none",
-    success: "bg-success text-success-800 focus-visible:outline-none",
-    info: "bg-info text-info-800 focus-visible:outline-none",
-    muted: "bg-background-muted text-background-800 focus-visible:outline-none"
-  },
-  outlined: {
-    error: "bg-error text-error-700 border border-error-300 focus-visible:outline-none",
-    warning: "bg-warning text-warning-800 border border-warning-300 focus-visible:outline-none",
-    success: "bg-success text-success-800 border border-success-300 focus-visible:outline-none",
-    info: "bg-info text-info-800 border border-info-300 focus-visible:outline-none",
-    muted: "bg-background-muted text-background-800 border border-border-300 focus-visible:outline-none"
-  },
-  exams: {
-    exam1: "bg-exam-1 text-info-700 focus-visible:outline-none",
-    exam2: "bg-exam-2 text-typography-1 focus-visible:outline-none",
-    exam3: "bg-exam-3 text-typography-2 focus-visible:outline-none",
-    exam4: "bg-exam-4 text-success-700 focus-visible:outline-none"
-  },
-  examsOutlined: {
-    exam1: "bg-exam-1 text-info-700 border border-info-700 focus-visible:outline-none",
-    exam2: "bg-exam-2 text-typography-1 border border-typography-1 focus-visible:outline-none",
-    exam3: "bg-exam-3 text-typography-2 border border-typography-2 focus-visible:outline-none",
-    exam4: "bg-exam-4 text-success-700 border border-success-700 focus-visible:outline-none"
-  },
-  resultStatus: {
-    negative: "bg-error text-error-800 focus-visible:outline-none",
-    positive: "bg-success text-success-800 focus-visible:outline-none"
-  },
-  notification: "text-primary"
-};
-var SIZE_CLASSES7 = {
-  small: "text-2xs px-2 py-1",
-  medium: "text-xs px-2 py-1",
-  large: "text-sm px-2 py-1"
-};
-var SIZE_CLASSES_ICON = {
-  small: "size-3",
-  medium: "size-3.5",
-  large: "size-4"
+// src/components/SendActivityModal/validation.ts
+var import_zod = require("zod");
+var ERROR_MESSAGES = {
+  SUBTYPE_REQUIRED: "Campo obrigat\xF3rio! Por favor, selecione uma op\xE7\xE3o para continuar.",
+  TITLE_REQUIRED: "Campo obrigat\xF3rio! Por favor, preencha este campo para continuar.",
+  STUDENTS_REQUIRED: "Campo obrigat\xF3rio! Por favor, selecione pelo menos um aluno para continuar.",
+  START_DATE_REQUIRED: "Campo obrigat\xF3rio! Por favor, preencha este campo para continuar.",
+  FINAL_DATE_REQUIRED: "Campo obrigat\xF3rio! Por favor, preencha este campo para continuar.",
+  FINAL_DATE_INVALID: "A data final deve ser maior ou igual \xE0 data inicial."
 };
-var Badge = ({
-  children,
-  iconLeft,
-  iconRight,
-  size = "medium",
-  variant = "solid",
-  action = "error",
-  className = "",
-  notificationActive = false,
-  ...props
-}) => {
-  const sizeClasses = SIZE_CLASSES7[size];
-  const sizeClassesIcon = SIZE_CLASSES_ICON[size];
-  const variantActionMap = VARIANT_ACTION_CLASSES2[variant] || {};
-  const variantClasses = typeof variantActionMap === "string" ? variantActionMap : variantActionMap[action] ?? variantActionMap.muted ?? "";
-  const baseClasses = "inline-flex items-center justify-center rounded-xs font-normal gap-1 relative";
-  const baseClassesIcon = "flex items-center";
-  if (variant === "notification") {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-      "div",
-      {
-        className: cn(baseClasses, variantClasses, sizeClasses, className),
-        ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_phosphor_react6.Bell, { size: 24, className: "text-current", "aria-hidden": "true" }),
-          notificationActive && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            "span",
-            {
-              "data-testid": "notification-dot",
-              className: "absolute top-[5px] right-[10px] block h-2 w-2 rounded-full bg-indicator-error ring-2 ring-white"
-            }
-          )
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    "div",
+var activityStepSchema = import_zod.z.object({
+  subtype: import_zod.z.enum(["TAREFA", "TRABALHO", "PROVA"], {
+    errorMap: () => ({ message: ERROR_MESSAGES.SUBTYPE_REQUIRED })
+  }),
+  title: import_zod.z.string({ required_error: ERROR_MESSAGES.TITLE_REQUIRED }).transform((val) => val.trim()).refine((val) => val.length > 0, {
+    message: ERROR_MESSAGES.TITLE_REQUIRED
+  }),
+  notification: import_zod.z.string().optional()
+});
+var recipientStepSchema = import_zod.z.object({
+  students: import_zod.z.array(
+    import_zod.z.object({
+      studentId: import_zod.z.string(),
+      userInstitutionId: import_zod.z.string()
+    }),
     {
-      className: cn(baseClasses, variantClasses, sizeClasses, className),
-      ...props,
-      children: [
-        iconLeft && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn(baseClassesIcon, sizeClassesIcon), children: iconLeft }),
-        children,
-        iconRight && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn(baseClassesIcon, sizeClassesIcon), children: iconRight })
-      ]
+      required_error: ERROR_MESSAGES.STUDENTS_REQUIRED,
+      invalid_type_error: ERROR_MESSAGES.STUDENTS_REQUIRED
     }
-  );
-};
-var Badge_default = Badge;
-
-// src/components/SelectionButton/SelectionButton.tsx
-var import_react5 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var SelectionButton = (0, import_react5.forwardRef)(
-  ({ icon, label, selected = false, className = "", disabled, ...props }, ref) => {
-    const baseClasses = [
-      "inline-flex",
-      "items-center",
-      "justify-start",
-      "gap-2",
-      "p-4",
-      "rounded-xl",
-      "cursor-pointer",
-      "border",
-      "border-border-50",
-      "bg-background",
-      "text-sm",
-      "text-text-700",
-      "font-bold",
-      "shadow-soft-shadow-1",
-      "hover:bg-background-100",
-      "focus-visible:outline-none",
-      "focus-visible:ring-2",
-      "focus-visible:ring-indicator-info",
-      "focus-visible:ring-offset-0",
-      "focus-visible:shadow-none",
-      "active:ring-2",
-      "active:ring-primary-950",
-      "active:ring-offset-0",
-      "active:shadow-none",
-      "disabled:opacity-50",
-      "disabled:cursor-not-allowed"
-    ];
-    const stateClasses = selected ? ["ring-primary-950", "ring-2", "ring-offset-0", "shadow-none"] : [];
-    const allClasses = [...baseClasses, ...stateClasses].join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-      "button",
-      {
-        ref,
-        type: "button",
-        className: cn(allClasses, className),
-        disabled,
-        "aria-pressed": selected,
-        ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex items-center justify-center w-6 h-6", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: label })
-        ]
-      }
-    );
-  }
-);
-SelectionButton.displayName = "SelectionButton";
-var SelectionButton_default = SelectionButton;
-
-// src/components/CheckBox/CheckBox.tsx
-var import_react6 = require("react");
-var import_phosphor_react7 = require("phosphor-react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var SIZE_CLASSES8 = {
-  small: {
-    checkbox: "w-4 h-4",
-    // 16px x 16px
-    textSize: "sm",
-    spacing: "gap-1.5",
-    // 6px
-    borderWidth: "border-2",
-    iconSize: 14,
-    // pixels for Phosphor icons
-    labelHeight: "h-[21px]"
-  },
-  medium: {
-    checkbox: "w-5 h-5",
-    // 20px x 20px
-    textSize: "md",
-    spacing: "gap-2",
-    // 8px
-    borderWidth: "border-2",
-    iconSize: 16,
-    // pixels for Phosphor icons
-    labelHeight: "h-6"
+  ).min(1, ERROR_MESSAGES.STUDENTS_REQUIRED)
+});
+var DATE_REGEX = /^\d{4}-\d{2}-\d{2}$/;
+var TIME_REGEX = /^\d{2}:\d{2}$/;
+var deadlineStepBaseSchema = import_zod.z.object({
+  startDate: import_zod.z.string({
+    required_error: ERROR_MESSAGES.START_DATE_REQUIRED,
+    invalid_type_error: ERROR_MESSAGES.START_DATE_REQUIRED
+  }).min(1, ERROR_MESSAGES.START_DATE_REQUIRED).regex(DATE_REGEX, ERROR_MESSAGES.START_DATE_REQUIRED),
+  startTime: import_zod.z.string().regex(TIME_REGEX).default("00:00"),
+  finalDate: import_zod.z.string({
+    required_error: ERROR_MESSAGES.FINAL_DATE_REQUIRED,
+    invalid_type_error: ERROR_MESSAGES.FINAL_DATE_REQUIRED
+  }).min(1, ERROR_MESSAGES.FINAL_DATE_REQUIRED).regex(DATE_REGEX, ERROR_MESSAGES.FINAL_DATE_REQUIRED),
+  finalTime: import_zod.z.string().regex(TIME_REGEX).default("23:59"),
+  canRetry: import_zod.z.boolean().default(false)
+});
+var deadlineStepSchema = deadlineStepBaseSchema.refine(
+  (data) => {
+    const start = /* @__PURE__ */ new Date(`${data.startDate}T${data.startTime}`);
+    const end = /* @__PURE__ */ new Date(`${data.finalDate}T${data.finalTime}`);
+    return end >= start;
   },
-  large: {
-    checkbox: "w-6 h-6",
-    // 24px x 24px
-    textSize: "lg",
-    spacing: "gap-2",
-    // 8px
-    borderWidth: "border-[3px]",
-    // 3px border
-    iconSize: 20,
-    // pixels for Phosphor icons
-    labelHeight: "h-[27px]"
+  { message: ERROR_MESSAGES.FINAL_DATE_INVALID, path: ["finalDate"] }
+);
+function validateActivityStep(data) {
+  const errors = {};
+  const result = activityStepSchema.safeParse({
+    subtype: data.subtype,
+    title: data.title,
+    notification: data.notification
+  });
+  if (!result.success) {
+    result.error.issues.forEach((issue) => {
+      const field = issue.path[0];
+      if (field === "subtype" || field === "title") {
+        errors[field] = issue.message;
+      }
+    });
   }
-};
-var BASE_CHECKBOX_CLASSES = "rounded border cursor-pointer transition-all duration-200 flex items-center justify-center focus:outline-none";
-var STATE_CLASSES6 = {
-  default: {
-    unchecked: "border-border-400 bg-background hover:border-border-500",
-    checked: "border-primary-950 bg-primary-950 text-text hover:border-primary-800 hover:bg-primary-800"
-  },
-  hovered: {
-    unchecked: "border-border-500 bg-background",
+  return errors;
+}
+function validateRecipientStep(data) {
+  const errors = {};
+  const result = recipientStepSchema.safeParse({
+    students: data.students ?? []
+  });
+  if (!result.success) {
+    result.error.issues.forEach((issue) => {
+      if (issue.path[0] === "students") {
+        errors.students = issue.message;
+      }
+    });
+  }
+  return errors;
+}
+function validateDeadlineStep(data) {
+  const errors = {};
+  if (!data.startDate) {
+    errors.startDate = ERROR_MESSAGES.START_DATE_REQUIRED;
+  }
+  if (!data.finalDate) {
+    errors.finalDate = ERROR_MESSAGES.FINAL_DATE_REQUIRED;
+  }
+  if (data.startDate && data.finalDate) {
+    const result = deadlineStepSchema.safeParse({
+      startDate: data.startDate,
+      startTime: data.startTime ?? "00:00",
+      finalDate: data.finalDate,
+      finalTime: data.finalTime ?? "23:59",
+      canRetry: data.canRetry ?? false
+    });
+    if (!result.success) {
+      result.error.issues.forEach((issue) => {
+        const field = issue.path[0];
+        if (field === "startDate" || field === "finalDate") {
+          errors[field] = issue.message;
+        }
+      });
+    }
+  }
+  return errors;
+}
+function validateStep(step, data) {
+  switch (step) {
+    case 1:
+      return validateActivityStep(data);
+    case 2:
+      return validateRecipientStep(data);
+    case 3:
+      return validateDeadlineStep(data);
+    default:
+      return {};
+  }
+}
+function isStepValid(step, data) {
+  const errors = validateStep(step, data);
+  return Object.keys(errors).length === 0;
+}
+function isFormValid(data) {
+  return isStepValid(1, data) && isStepValid(2, data) && isStepValid(3, data);
+}
+
+// src/utils/extractStudentsFromCategories.ts
+function extractStudentsFromCategories(categories) {
+  const studentsCategory = categories.find((cat) => cat.key === "students");
+  if (!studentsCategory?.selectedIds || !studentsCategory.itens) {
+    return [];
+  }
+  return studentsCategory.selectedIds.map((id) => {
+    const student = studentsCategory.itens?.find((item) => item.id === id);
+    if (student) {
+      const rawStudentId = student.studentId;
+      const rawUserInstId = student.userInstitutionId;
+      const rawInstId = student.institutionId;
+      const studentId = typeof rawStudentId === "string" || typeof rawStudentId === "number" ? String(rawStudentId) : student.id;
+      let userInstitutionId = "";
+      if (typeof rawUserInstId === "string" || typeof rawUserInstId === "number") {
+        userInstitutionId = String(rawUserInstId);
+      } else if (typeof rawInstId === "string" || typeof rawInstId === "number") {
+        userInstitutionId = String(rawInstId);
+      }
+      if (!userInstitutionId) {
+        return null;
+      }
+      return { studentId, userInstitutionId };
+    }
+    return null;
+  }).filter((s) => s !== null);
+}
+
+// src/components/SendActivityModal/hooks/useSendActivityModal.ts
+var initialState = {
+  formData: {
+    canRetry: false,
+    startTime: "00:00",
+    finalTime: "23:59"
+  },
+  currentStep: 1,
+  completedSteps: [],
+  errors: {},
+  categories: []
+};
+var useSendActivityModalStore = (0, import_zustand2.create)(
+  (set, get) => ({
+    ...initialState,
+    setFormData: (data) => {
+      set((state) => ({
+        formData: { ...state.formData, ...data }
+      }));
+    },
+    goToStep: (step) => {
+      if (step >= 1 && step <= 3) {
+        set({ currentStep: step, errors: {} });
+      }
+    },
+    nextStep: () => {
+      const state = get();
+      const isValid = state.validateCurrentStep();
+      if (isValid && state.currentStep < 3) {
+        set((prev) => ({
+          currentStep: prev.currentStep + 1,
+          completedSteps: prev.completedSteps.includes(prev.currentStep) ? prev.completedSteps : [...prev.completedSteps, prev.currentStep],
+          errors: {}
+        }));
+        return true;
+      }
+      return isValid;
+    },
+    previousStep: () => {
+      const state = get();
+      if (state.currentStep > 1) {
+        set({ currentStep: state.currentStep - 1, errors: {} });
+      }
+    },
+    setErrors: (errors) => {
+      set({ errors });
+    },
+    validateCurrentStep: () => {
+      const state = get();
+      let formDataToValidate = state.formData;
+      let updatedFormData = state.formData;
+      if (state.currentStep === 2 && state.categories.length > 0) {
+        const students = extractStudentsFromCategories(state.categories);
+        formDataToValidate = { ...state.formData, students };
+        updatedFormData = formDataToValidate;
+      }
+      const errors = validateStep(state.currentStep, formDataToValidate);
+      set({ formData: updatedFormData, errors });
+      return Object.keys(errors).length === 0;
+    },
+    validateAllSteps: () => {
+      const state = get();
+      let formDataForStep2 = state.formData;
+      if (state.categories.length > 0) {
+        const students = extractStudentsFromCategories(state.categories);
+        formDataForStep2 = { ...state.formData, students };
+      }
+      const errors1 = validateStep(1, state.formData);
+      const errors2 = validateStep(2, formDataForStep2);
+      const errors3 = validateStep(3, state.formData);
+      const allErrors = { ...errors1, ...errors2, ...errors3 };
+      set({ errors: allErrors });
+      return Object.keys(allErrors).length === 0;
+    },
+    setCategories: (categories) => {
+      const students = extractStudentsFromCategories(categories);
+      set((state) => ({
+        categories,
+        formData: { ...state.formData, students }
+      }));
+    },
+    reset: () => {
+      set({
+        ...initialState,
+        categories: []
+      });
+    }
+  })
+);
+function useSendActivityModal() {
+  return useSendActivityModalStore();
+}
+
+// src/components/SendActivityModal/types.ts
+var ACTIVITY_TYPE_OPTIONS = [
+  { value: "TAREFA", label: "Tarefa" },
+  { value: "TRABALHO", label: "Trabalho" },
+  { value: "PROVA", label: "Prova" }
+];
+
+// src/components/shared/SendModalBase/hooks/useDateTimeHandlers.ts
+var import_react5 = require("react");
+function useDateTimeHandlers({ setFormData }) {
+  const handleStartDateChange = (0, import_react5.useCallback)(
+    (value) => {
+      setFormData({ startDate: value });
+    },
+    [setFormData]
+  );
+  const handleStartTimeChange = (0, import_react5.useCallback)(
+    (value) => {
+      setFormData({ startTime: value });
+    },
+    [setFormData]
+  );
+  const handleFinalDateChange = (0, import_react5.useCallback)(
+    (value) => {
+      setFormData({ finalDate: value });
+    },
+    [setFormData]
+  );
+  const handleFinalTimeChange = (0, import_react5.useCallback)(
+    (value) => {
+      setFormData({ finalTime: value });
+    },
+    [setFormData]
+  );
+  return {
+    handleStartDateChange,
+    handleStartTimeChange,
+    handleFinalDateChange,
+    handleFinalTimeChange
+  };
+}
+
+// src/components/shared/SendModalBase/components/SendModalError.tsx
+var import_phosphor_react6 = require("phosphor-react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var SendModalError = ({
+  error,
+  testId
+}) => {
+  if (!error) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    Text_default,
+    {
+      as: "p",
+      size: "sm",
+      color: "text-error-600",
+      className: "flex items-center gap-1 mt-1",
+      "data-testid": testId,
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_phosphor_react6.WarningCircle, { size: 16 }),
+        error
+      ]
+    }
+  );
+};
+
+// src/components/CheckBoxGroup/CheckBoxGroup.tsx
+var import_react17 = require("react");
+
+// src/components/Badge/Badge.tsx
+var import_phosphor_react7 = require("phosphor-react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var VARIANT_ACTION_CLASSES2 = {
+  solid: {
+    error: "bg-error-background text-error-700 focus-visible:outline-none",
+    warning: "bg-warning text-warning-800 focus-visible:outline-none",
+    success: "bg-success text-success-800 focus-visible:outline-none",
+    info: "bg-info text-info-800 focus-visible:outline-none",
+    muted: "bg-background-muted text-background-800 focus-visible:outline-none"
+  },
+  outlined: {
+    error: "bg-error text-error-700 border border-error-300 focus-visible:outline-none",
+    warning: "bg-warning text-warning-800 border border-warning-300 focus-visible:outline-none",
+    success: "bg-success text-success-800 border border-success-300 focus-visible:outline-none",
+    info: "bg-info text-info-800 border border-info-300 focus-visible:outline-none",
+    muted: "bg-background-muted text-background-800 border border-border-300 focus-visible:outline-none"
+  },
+  exams: {
+    exam1: "bg-exam-1 text-info-700 focus-visible:outline-none",
+    exam2: "bg-exam-2 text-typography-1 focus-visible:outline-none",
+    exam3: "bg-exam-3 text-typography-2 focus-visible:outline-none",
+    exam4: "bg-exam-4 text-success-700 focus-visible:outline-none"
+  },
+  examsOutlined: {
+    exam1: "bg-exam-1 text-info-700 border border-info-700 focus-visible:outline-none",
+    exam2: "bg-exam-2 text-typography-1 border border-typography-1 focus-visible:outline-none",
+    exam3: "bg-exam-3 text-typography-2 border border-typography-2 focus-visible:outline-none",
+    exam4: "bg-exam-4 text-success-700 border border-success-700 focus-visible:outline-none"
+  },
+  resultStatus: {
+    negative: "bg-error text-error-800 focus-visible:outline-none",
+    positive: "bg-success text-success-800 focus-visible:outline-none"
+  },
+  notification: "text-primary"
+};
+var SIZE_CLASSES7 = {
+  small: "text-2xs px-2 py-1",
+  medium: "text-xs px-2 py-1",
+  large: "text-sm px-2 py-1"
+};
+var SIZE_CLASSES_ICON = {
+  small: "size-3",
+  medium: "size-3.5",
+  large: "size-4"
+};
+var Badge = ({
+  children,
+  iconLeft,
+  iconRight,
+  size = "medium",
+  variant = "solid",
+  action = "error",
+  className = "",
+  notificationActive = false,
+  ...props
+}) => {
+  const sizeClasses = SIZE_CLASSES7[size];
+  const sizeClassesIcon = SIZE_CLASSES_ICON[size];
+  const variantActionMap = VARIANT_ACTION_CLASSES2[variant] || {};
+  const variantClasses = typeof variantActionMap === "string" ? variantActionMap : variantActionMap[action] ?? variantActionMap.muted ?? "";
+  const baseClasses = "inline-flex items-center justify-center rounded-xs font-normal gap-1 relative";
+  const baseClassesIcon = "flex items-center";
+  if (variant === "notification") {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      "div",
+      {
+        className: cn(baseClasses, variantClasses, sizeClasses, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_phosphor_react7.Bell, { size: 24, className: "text-current", "aria-hidden": "true" }),
+          notificationActive && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            "span",
+            {
+              "data-testid": "notification-dot",
+              className: "absolute top-[5px] right-[10px] block h-2 w-2 rounded-full bg-indicator-error ring-2 ring-white"
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "div",
+    {
+      className: cn(baseClasses, variantClasses, sizeClasses, className),
+      ...props,
+      children: [
+        iconLeft && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: cn(baseClassesIcon, sizeClassesIcon), children: iconLeft }),
+        children,
+        iconRight && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: cn(baseClassesIcon, sizeClassesIcon), children: iconRight })
+      ]
+    }
+  );
+};
+var Badge_default = Badge;
+
+// src/components/SelectionButton/SelectionButton.tsx
+var import_react6 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var SelectionButton = (0, import_react6.forwardRef)(
+  ({ icon, label, selected = false, className = "", disabled, ...props }, ref) => {
+    const baseClasses = [
+      "inline-flex",
+      "items-center",
+      "justify-start",
+      "gap-2",
+      "p-4",
+      "rounded-xl",
+      "cursor-pointer",
+      "border",
+      "border-border-50",
+      "bg-background",
+      "text-sm",
+      "text-text-700",
+      "font-bold",
+      "shadow-soft-shadow-1",
+      "hover:bg-background-100",
+      "focus-visible:outline-none",
+      "focus-visible:ring-2",
+      "focus-visible:ring-indicator-info",
+      "focus-visible:ring-offset-0",
+      "focus-visible:shadow-none",
+      "active:ring-2",
+      "active:ring-primary-950",
+      "active:ring-offset-0",
+      "active:shadow-none",
+      "disabled:opacity-50",
+      "disabled:cursor-not-allowed"
+    ];
+    const stateClasses = selected ? ["ring-primary-950", "ring-2", "ring-offset-0", "shadow-none"] : [];
+    const allClasses = [...baseClasses, ...stateClasses].join(" ");
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(allClasses, className),
+        disabled,
+        "aria-pressed": selected,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "flex items-center justify-center w-6 h-6", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+SelectionButton.displayName = "SelectionButton";
+var SelectionButton_default = SelectionButton;
+
+// src/components/CheckBox/CheckBox.tsx
+var import_react7 = require("react");
+var import_phosphor_react8 = require("phosphor-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var SIZE_CLASSES8 = {
+  small: {
+    checkbox: "w-4 h-4",
+    // 16px x 16px
+    textSize: "sm",
+    spacing: "gap-1.5",
+    // 6px
+    borderWidth: "border-2",
+    iconSize: 14,
+    // pixels for Phosphor icons
+    labelHeight: "h-[21px]"
+  },
+  medium: {
+    checkbox: "w-5 h-5",
+    // 20px x 20px
+    textSize: "md",
+    spacing: "gap-2",
+    // 8px
+    borderWidth: "border-2",
+    iconSize: 16,
+    // pixels for Phosphor icons
+    labelHeight: "h-6"
+  },
+  large: {
+    checkbox: "w-6 h-6",
+    // 24px x 24px
+    textSize: "lg",
+    spacing: "gap-2",
+    // 8px
+    borderWidth: "border-[3px]",
+    // 3px border
+    iconSize: 20,
+    // pixels for Phosphor icons
+    labelHeight: "h-[27px]"
+  }
+};
+var BASE_CHECKBOX_CLASSES = "rounded border cursor-pointer transition-all duration-200 flex items-center justify-center focus:outline-none";
+var STATE_CLASSES6 = {
+  default: {
+    unchecked: "border-border-400 bg-background hover:border-border-500",
+    checked: "border-primary-950 bg-primary-950 text-text hover:border-primary-800 hover:bg-primary-800"
+  },
+  hovered: {
+    unchecked: "border-border-500 bg-background",
     checked: "border-primary-800 bg-primary-800 text-text"
   },
   focused: {
@@ -1674,7 +1996,7 @@ var STATE_CLASSES6 = {
     checked: "border-primary-600 bg-primary-600 text-text cursor-not-allowed opacity-40"
   }
 };
-var CheckBox = (0, import_react6.forwardRef)(
+var CheckBox = (0, import_react7.forwardRef)(
   ({
     label,
     size = "medium",
@@ -1690,9 +2012,9 @@ var CheckBox = (0, import_react6.forwardRef)(
     onChange,
     ...props
   }, ref) => {
-    const generatedId = (0, import_react6.useId)();
+    const generatedId = (0, import_react7.useId)();
     const inputId = id ?? `checkbox-${generatedId}`;
-    const [internalChecked, setInternalChecked] = (0, import_react6.useState)(false);
+    const [internalChecked, setInternalChecked] = (0, import_react7.useState)(false);
     const isControlled = checkedProp !== void 0;
     const checked = isControlled ? checkedProp : internalChecked;
     const handleChange = (event) => {
@@ -1715,8 +2037,8 @@ var CheckBox = (0, import_react6.forwardRef)(
     );
     const renderIcon = () => {
       if (indeterminate) {
-        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          import_phosphor_react7.Minus,
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_phosphor_react8.Minus,
           {
             size: sizeClasses.iconSize,
             weight: "bold",
@@ -1725,8 +2047,8 @@ var CheckBox = (0, import_react6.forwardRef)(
         );
       }
       if (checked) {
-        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          import_phosphor_react7.Check,
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_phosphor_react8.Check,
           {
             size: sizeClasses.iconSize,
             weight: "bold",
@@ -1736,8 +2058,8 @@ var CheckBox = (0, import_react6.forwardRef)(
       }
       return null;
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         "div",
         {
           className: cn(
@@ -1746,7 +2068,7 @@ var CheckBox = (0, import_react6.forwardRef)(
             disabled ? "opacity-40" : ""
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "input",
               {
                 ref,
@@ -1759,15 +2081,15 @@ var CheckBox = (0, import_react6.forwardRef)(
                 ...props
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
-            label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
+            label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "div",
               {
                 className: cn(
                   "flex flex-row items-center",
                   sizeClasses.labelHeight
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                   Text_default,
                   {
                     as: "label",
@@ -1786,7 +2108,7 @@ var CheckBox = (0, import_react6.forwardRef)(
           ]
         }
       ),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         Text_default,
         {
           size: "sm",
@@ -1796,7 +2118,7 @@ var CheckBox = (0, import_react6.forwardRef)(
           children: errorMessage
         }
       ),
-      helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         Text_default,
         {
           size: "sm",
@@ -1813,7 +2135,7 @@ CheckBox.displayName = "CheckBox";
 var CheckBox_default = CheckBox;
 
 // src/components/Divider/Divider.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Divider = ({
   orientation = "horizontal",
   className = "",
@@ -1824,7 +2146,7 @@ var Divider = ({
     horizontal: "w-full h-px",
     vertical: "h-full w-px"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "hr",
     {
       className: cn(baseClasses, orientationClasses[orientation], className),
@@ -1836,20 +2158,20 @@ var Divider = ({
 var Divider_default = Divider;
 
 // src/components/DropdownMenu/DropdownMenu.tsx
-var import_phosphor_react9 = require("phosphor-react");
-var import_react9 = require("react");
+var import_phosphor_react10 = require("phosphor-react");
+var import_react10 = require("react");
 var import_react_dom = require("react-dom");
-var import_zustand3 = require("zustand");
+var import_zustand4 = require("zustand");
 
 // src/components/ThemeToggle/ThemeToggle.tsx
-var import_phosphor_react8 = require("phosphor-react");
-var import_react8 = require("react");
+var import_phosphor_react9 = require("phosphor-react");
+var import_react9 = require("react");
 
 // src/hooks/useTheme.ts
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/store/themeStore.ts
-var import_zustand2 = require("zustand");
+var import_zustand3 = require("zustand");
 var import_middleware = require("zustand/middleware");
 var applyThemeToDOM = (mode) => {
   const htmlElement = document.documentElement;
@@ -1883,7 +2205,7 @@ var saveOriginalTheme = () => {
     htmlElement.setAttribute("data-original-theme", currentTheme);
   }
 };
-var useThemeStore = (0, import_zustand2.create)()(
+var useThemeStore = (0, import_zustand3.create)()(
   (0, import_middleware.devtools)(
     (0, import_middleware.persist)(
       (set, get) => ({
@@ -1950,7 +2272,7 @@ var useTheme = () => {
     initializeTheme,
     handleSystemThemeChange
   } = useThemeStore();
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     initializeTheme();
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     mediaQuery.addEventListener("change", handleSystemThemeChange);
@@ -1967,31 +2289,31 @@ var useTheme = () => {
 };
 
 // src/components/ThemeToggle/ThemeToggle.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var ThemeToggle = ({
   variant = "default",
   onToggle
 }) => {
   const { themeMode, setTheme } = useTheme();
-  const [tempTheme, setTempTheme] = (0, import_react8.useState)(themeMode);
-  (0, import_react8.useEffect)(() => {
+  const [tempTheme, setTempTheme] = (0, import_react9.useState)(themeMode);
+  (0, import_react9.useEffect)(() => {
     setTempTheme(themeMode);
   }, [themeMode]);
   const problemTypes = [
     {
       id: "light",
       title: "Claro",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_phosphor_react8.Sun, { size: 24 })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react9.Sun, { size: 24 })
     },
     {
       id: "dark",
       title: "Escuro",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_phosphor_react8.Moon, { size: 24 })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react9.Moon, { size: 24 })
     },
     {
       id: "system",
       title: "Sistema",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "svg",
         {
           width: "25",
@@ -1999,7 +2321,7 @@ var ThemeToggle = ({
           viewBox: "0 0 25 25",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "path",
             {
               d: "M12.5 2.75C15.085 2.75276 17.5637 3.78054 19.3916 5.6084C21.2195 7.43628 22.2473 9.915 22.25 12.5C22.25 14.4284 21.6778 16.3136 20.6064 17.917C19.5352 19.5201 18.0128 20.7699 16.2314 21.5078C14.4499 22.2458 12.489 22.4387 10.5977 22.0625C8.70642 21.6863 6.96899 20.758 5.60547 19.3945C4.24197 18.031 3.31374 16.2936 2.9375 14.4023C2.56129 12.511 2.75423 10.5501 3.49219 8.76855C4.23012 6.98718 5.47982 5.46483 7.08301 4.39355C8.68639 3.32221 10.5716 2.75 12.5 2.75ZM11.75 4.28516C9.70145 4.47452 7.7973 5.42115 6.41016 6.94043C5.02299 8.4599 4.25247 10.4426 4.25 12.5C4.25247 14.5574 5.02299 16.5401 6.41016 18.0596C7.7973 19.5789 9.70145 20.5255 11.75 20.7148V4.28516Z",
@@ -2021,7 +2343,7 @@ var ThemeToggle = ({
     }
   };
   const currentTheme = variant === "with-save" ? tempTheme : themeMode;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     SelectionButton_default,
     {
       icon: type.icon,
@@ -2035,9 +2357,9 @@ var ThemeToggle = ({
 };
 
 // src/components/DropdownMenu/DropdownMenu.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function createDropdownStore() {
-  return (0, import_zustand3.create)((set) => ({
+  return (0, import_zustand4.create)((set) => ({
     open: false,
     setOpen: (open) => set({ open })
   }));
@@ -2051,8 +2373,8 @@ var useDropdownStore = (externalStore) => {
   return externalStore;
 };
 var injectStore2 = (children, store) => {
-  return import_react9.Children.map(children, (child) => {
-    if ((0, import_react9.isValidElement)(child)) {
+  return import_react10.Children.map(children, (child) => {
+    if ((0, import_react10.isValidElement)(child)) {
       const typedChild = child;
       const displayName = typedChild.type.displayName;
       const allowed = [
@@ -2074,7 +2396,7 @@ var injectStore2 = (children, store) => {
       if (typedChild.props.children) {
         newProps.children = injectStore2(typedChild.props.children, store);
       }
-      return (0, import_react9.cloneElement)(typedChild, newProps);
+      return (0, import_react10.cloneElement)(typedChild, newProps);
     }
     return child;
   });
@@ -2084,14 +2406,14 @@ var DropdownMenu = ({
   open: propOpen,
   onOpenChange
 }) => {
-  const storeRef = (0, import_react9.useRef)(null);
+  const storeRef = (0, import_react10.useRef)(null);
   storeRef.current ??= createDropdownStore();
   const store = storeRef.current;
-  const { open, setOpen: storeSetOpen } = (0, import_zustand3.useStore)(store, (s) => s);
+  const { open, setOpen: storeSetOpen } = (0, import_zustand4.useStore)(store, (s) => s);
   const setOpen = (newOpen) => {
     storeSetOpen(newOpen);
   };
-  const menuRef = (0, import_react9.useRef)(null);
+  const menuRef = (0, import_react10.useRef)(null);
   const handleArrowDownOrArrowUp = (event) => {
     const menuContent = menuRef.current?.querySelector('[role="menu"]');
     if (menuContent) {
@@ -2130,7 +2452,7 @@ var DropdownMenu = ({
     }
     setOpen(false);
   };
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (open) {
       document.addEventListener("pointerdown", handleClickOutside);
       document.addEventListener("keydown", handleDownkey);
@@ -2140,21 +2462,21 @@ var DropdownMenu = ({
       document.removeEventListener("keydown", handleDownkey);
     };
   }, [open]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     onOpenChange?.(open);
   }, [open, onOpenChange]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (propOpen !== void 0) {
       setOpen(propOpen);
     }
   }, [propOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "relative", ref: menuRef, children: injectStore2(children, store) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "relative", ref: menuRef, children: injectStore2(children, store) });
 };
-var DropdownMenuTrigger = (0, import_react9.forwardRef)(({ className, children, onClick, store: externalStore, ...props }, ref) => {
+var DropdownMenuTrigger = (0, import_react10.forwardRef)(({ className, children, onClick, store: externalStore, ...props }, ref) => {
   const store = useDropdownStore(externalStore);
-  const open = (0, import_zustand3.useStore)(store, (s) => s.open);
+  const open = (0, import_zustand4.useStore)(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "button",
     {
       ref,
@@ -2194,8 +2516,8 @@ var MENUCONTENT_VARIANT_CLASSES = {
   menu: "p-1",
   profile: "p-6"
 };
-var MenuLabel = (0, import_react9.forwardRef)(({ className, inset, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var MenuLabel = (0, import_react10.forwardRef)(({ className, inset, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       ref,
@@ -2205,7 +2527,7 @@ var MenuLabel = (0, import_react9.forwardRef)(({ className, inset, store: _store
   );
 });
 MenuLabel.displayName = "MenuLabel";
-var DropdownMenuContent = (0, import_react9.forwardRef)(
+var DropdownMenuContent = (0, import_react10.forwardRef)(
   ({
     className,
     align = "start",
@@ -2219,11 +2541,11 @@ var DropdownMenuContent = (0, import_react9.forwardRef)(
     ...props
   }, ref) => {
     const store = useDropdownStore(externalStore);
-    const open = (0, import_zustand3.useStore)(store, (s) => s.open);
-    const [isVisible, setIsVisible] = (0, import_react9.useState)(open);
-    const [portalPosition, setPortalPosition] = (0, import_react9.useState)({ top: 0, left: 0 });
-    const contentRef = (0, import_react9.useRef)(null);
-    (0, import_react9.useEffect)(() => {
+    const open = (0, import_zustand4.useStore)(store, (s) => s.open);
+    const [isVisible, setIsVisible] = (0, import_react10.useState)(open);
+    const [portalPosition, setPortalPosition] = (0, import_react10.useState)({ top: 0, left: 0 });
+    const contentRef = (0, import_react10.useRef)(null);
+    (0, import_react10.useEffect)(() => {
       if (open) {
         setIsVisible(true);
       } else {
@@ -2231,7 +2553,7 @@ var DropdownMenuContent = (0, import_react9.forwardRef)(
         return () => clearTimeout(timer);
       }
     }, [open]);
-    (0, import_react9.useLayoutEffect)(() => {
+    (0, import_react10.useLayoutEffect)(() => {
       if (portal && open && triggerRef?.current) {
         const rect = triggerRef.current.getBoundingClientRect();
         let top = rect.bottom + sideOffset;
@@ -2280,7 +2602,7 @@ var DropdownMenuContent = (0, import_react9.forwardRef)(
       return baseStyle;
     };
     const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
-    const content = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    const content = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "div",
       {
         ref: portal ? contentRef : ref,
@@ -2312,7 +2634,7 @@ var DropdownMenuContent = (0, import_react9.forwardRef)(
   }
 );
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = (0, import_react9.forwardRef)(
+var DropdownMenuItem = (0, import_react10.forwardRef)(
   ({
     className,
     size = "small",
@@ -2327,7 +2649,7 @@ var DropdownMenuItem = (0, import_react9.forwardRef)(
     ...props
   }, ref) => {
     const store = useDropdownStore(externalStore);
-    const setOpen = (0, import_zustand3.useStore)(store, (s) => s.setOpen);
+    const setOpen = (0, import_zustand4.useStore)(store, (s) => s.setOpen);
     const sizeClasses = ITEM_SIZE_CLASSES[size];
     const handleClick = (e) => {
       if (disabled) {
@@ -2356,7 +2678,7 @@ var DropdownMenuItem = (0, import_react9.forwardRef)(
     const getVariantProps = () => {
       return variant === "profile" ? { "data-variant": "profile" } : {};
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "div",
       {
         ref,
@@ -2382,7 +2704,7 @@ var DropdownMenuItem = (0, import_react9.forwardRef)(
         ...props,
         children: [
           iconLeft,
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-full", children }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full", children }),
           iconRight
         ]
       }
@@ -2390,7 +2712,7 @@ var DropdownMenuItem = (0, import_react9.forwardRef)(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = (0, import_react9.forwardRef)(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DropdownMenuSeparator = (0, import_react10.forwardRef)(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "div",
   {
     ref,
@@ -2399,11 +2721,11 @@ var DropdownMenuSeparator = (0, import_react9.forwardRef)(({ className, store: _
   }
 ));
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var ProfileMenuTrigger = (0, import_react9.forwardRef)(({ className, onClick, store: externalStore, ...props }, ref) => {
+var ProfileMenuTrigger = (0, import_react10.forwardRef)(({ className, onClick, store: externalStore, ...props }, ref) => {
   const store = useDropdownStore(externalStore);
-  const open = (0, import_zustand3.useStore)(store, (s) => s.open);
+  const open = (0, import_zustand4.useStore)(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "button",
     {
       ref,
@@ -2418,13 +2740,13 @@ var ProfileMenuTrigger = (0, import_react9.forwardRef)(({ className, onClick, st
       },
       "aria-expanded": open,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react9.User, { className: "text-primary-950", size: 18 }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_phosphor_react10.User, { className: "text-primary-950", size: 18 }) })
     }
   );
 });
 ProfileMenuTrigger.displayName = "ProfileMenuTrigger";
-var ProfileMenuHeader = (0, import_react9.forwardRef)(({ className, name, email, photoUrl, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+var ProfileMenuHeader = (0, import_react10.forwardRef)(({ className, name, email, photoUrl, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       ref,
@@ -2435,16 +2757,16 @@ var ProfileMenuHeader = (0, import_react9.forwardRef)(({ className, name, email,
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden flex-shrink-0", children: photoUrl ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden flex-shrink-0", children: photoUrl ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "img",
           {
             src: photoUrl,
             alt: "Foto de perfil",
             className: "w-full h-full object-cover"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react9.User, { size: 34, className: "text-primary-800" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_phosphor_react10.User, { size: 34, className: "text-primary-800" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             Text_default,
             {
               size: "xl",
@@ -2454,14 +2776,14 @@ var ProfileMenuHeader = (0, import_react9.forwardRef)(({ className, name, email,
               children: name
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text_default, { size: "md", color: "text-text-600", className: "truncate", children: email })
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text_default, { size: "md", color: "text-text-600", className: "truncate", children: email })
         ] })
       ]
     }
   );
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
-var ProfileMenuInfo = (0, import_react9.forwardRef)(
+var ProfileMenuInfo = (0, import_react10.forwardRef)(
   ({
     className,
     schoolName,
@@ -2470,7 +2792,7 @@ var ProfileMenuInfo = (0, import_react9.forwardRef)(
     store: _store,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "div",
       {
         ref,
@@ -2478,13 +2800,13 @@ var ProfileMenuInfo = (0, import_react9.forwardRef)(
         className: cn("flex flex-row gap-4 items-center", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w-16 h-16" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col ", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex flex-row items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w-16 h-16" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col ", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "flex flex-row items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
             ] })
           ] })
         ]
@@ -2498,12 +2820,12 @@ var ProfileToggleTheme = ({
   ...props
 }) => {
   const { themeMode, setTheme } = useTheme();
-  const [modalThemeToggle, setModalThemeToggle] = (0, import_react9.useState)(false);
-  const [selectedTheme, setSelectedTheme] = (0, import_react9.useState)(themeMode);
-  const internalStoreRef = (0, import_react9.useRef)(null);
+  const [modalThemeToggle, setModalThemeToggle] = (0, import_react10.useState)(false);
+  const [selectedTheme, setSelectedTheme] = (0, import_react10.useState)(themeMode);
+  const internalStoreRef = (0, import_react10.useRef)(null);
   internalStoreRef.current ??= createDropdownStore();
   const store = externalStore ?? internalStoreRef.current;
-  const setOpen = (0, import_zustand3.useStore)(store, (s) => s.setOpen);
+  const setOpen = (0, import_zustand4.useStore)(store, (s) => s.setOpen);
   const handleClick = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -2519,14 +2841,14 @@ var ProfileToggleTheme = ({
     setModalThemeToggle(false);
     setOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       DropdownMenuItem,
       {
         variant: "profile",
         preventClose: true,
         store,
-        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "svg",
           {
             width: "24",
@@ -2534,7 +2856,7 @@ var ProfileToggleTheme = ({
             viewBox: "0 0 25 25",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "path",
               {
                 d: "M12.5 2.75C15.085 2.75276 17.5637 3.78054 19.3916 5.6084C21.2195 7.43628 22.2473 9.915 22.25 12.5C22.25 14.4284 21.6778 16.3136 20.6064 17.917C19.5352 19.5201 18.0128 20.7699 16.2314 21.5078C14.4499 22.2458 12.489 22.4387 10.5977 22.0625C8.70642 21.6863 6.96899 20.758 5.60547 19.3945C4.24197 18.031 3.31374 16.2936 2.9375 14.4023C2.56129 12.511 2.75423 10.5501 3.49219 8.76855C4.23012 6.98718 5.47982 5.46483 7.08301 4.39355C8.68639 3.32221 10.5716 2.75 12.5 2.75ZM11.75 4.28516C9.70145 4.47452 7.7973 5.42115 6.41016 6.94043C5.02299 8.4599 4.25247 10.4426 4.25 12.5C4.25247 14.5574 5.02299 16.5401 6.41016 18.0596C7.7973 19.5789 9.70145 20.5255 11.75 20.7148V4.28516Z",
@@ -2543,7 +2865,7 @@ var ProfileToggleTheme = ({
             )
           }
         ),
-        iconRight: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react9.CaretRight, {}),
+        iconRight: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_phosphor_react10.CaretRight, {}),
         onClick: handleClick,
         onKeyDown: (e) => {
           if (e.key === "Enter" || e.key === " ") {
@@ -2553,31 +2875,31 @@ var ProfileToggleTheme = ({
           }
         },
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       Modal_default,
       {
         isOpen: modalThemeToggle,
         onClose: handleCancel,
         title: "Apar\xEAncia",
         size: "md",
-        footer: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
+        footer: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
         ] })
       }
     )
   ] });
 };
 ProfileToggleTheme.displayName = "ProfileToggleTheme";
-var ProfileMenuSection = (0, import_react9.forwardRef)(({ className, children, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
+var ProfileMenuSection = (0, import_react10.forwardRef)(({ className, children, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
 });
 ProfileMenuSection.displayName = "ProfileMenuSection";
 var ProfileMenuFooter = ({
@@ -2588,8 +2910,8 @@ var ProfileMenuFooter = ({
   ...props
 }) => {
   const store = useDropdownStore(externalStore);
-  const setOpen = (0, import_zustand3.useStore)(store, (s) => s.setOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  const setOpen = (0, import_zustand4.useStore)(store, (s) => s.setOpen);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     Button_default,
     {
       variant: "outline",
@@ -2601,8 +2923,8 @@ var ProfileMenuFooter = ({
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react9.SignOut, { className: "text-inherit" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text_default, { color: "inherit", children: "Sair" })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_phosphor_react10.SignOut, { className: "text-inherit" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text_default, { color: "inherit", children: "Sair" })
       ]
     }
   );
@@ -2611,7 +2933,7 @@ ProfileMenuFooter.displayName = "ProfileMenuFooter";
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/ProgressBar/ProgressBar.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var SIZE_CLASSES9 = {
   small: {
     container: "h-1",
@@ -2723,20 +3045,20 @@ var renderStackedHitCountDisplay = (showHitCount, showPercentage, clampedValue,
     max,
     percentage
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       className: cn(
         "text-xs font-medium leading-[14px] text-right",
         percentageClassName
       ),
-      children: displayPriority.type === "hitCount" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-success-200", children: Math.round(clampedValue) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "text-text-600", children: [
+      children: displayPriority.type === "hitCount" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-success-200", children: Math.round(clampedValue) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-text-600", children: [
           " de ",
           max
         ] })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
         Math.round(percentage),
         "%"
       ] })
@@ -2751,7 +3073,7 @@ var ProgressBarBase = ({
   variantClasses,
   containerClassName,
   fillClassName
-}) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   "div",
   {
     className: cn(
@@ -2760,7 +3082,7 @@ var ProgressBarBase = ({
       "overflow-hidden relative"
     ),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "progress",
         {
           value: clampedValue,
@@ -2769,7 +3091,7 @@ var ProgressBarBase = ({
           className: "absolute inset-0 w-full h-full opacity-0"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "div",
         {
           className: cn(
@@ -2795,7 +3117,7 @@ var StackedLayout = ({
   percentage,
   variantClasses,
   dimensions
-}) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   "div",
   {
     className: cn(
@@ -2805,8 +3127,8 @@ var StackedLayout = ({
       className
     ),
     children: [
-      shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           Text_default,
           {
             as: "div",
@@ -2825,7 +3147,7 @@ var StackedLayout = ({
           percentageClassName
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         ProgressBarBase,
         {
           clampedValue,
@@ -2867,7 +3189,7 @@ var CompactLayout = ({
     percentageClassName,
     labelClassName
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       className: cn(
@@ -2877,7 +3199,7 @@ var CompactLayout = ({
         className
       ),
       children: [
-        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           Text_default,
           {
             as: "div",
@@ -2888,7 +3210,7 @@ var CompactLayout = ({
             children: content
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           ProgressBarBase,
           {
             clampedValue,
@@ -2924,9 +3246,9 @@ var DefaultLayout = ({
     label,
     showPercentage
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
-    displayConfig.showHeader && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-row items-center justify-between w-full", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
+    displayConfig.showHeader && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-row items-center justify-between w-full", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Text_default,
         {
           as: "div",
@@ -2939,7 +3261,7 @@ var DefaultLayout = ({
           children: label
         }
       ),
-      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         Text_default,
         {
           size: "xs",
@@ -2955,7 +3277,7 @@ var DefaultLayout = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       ProgressBarBase,
       {
         clampedValue,
@@ -2975,7 +3297,7 @@ var DefaultLayout = ({
         )
       }
     ),
-    displayConfig.showPercentage && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    displayConfig.showPercentage && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       Text_default,
       {
         size: "xs",
@@ -2990,7 +3312,7 @@ var DefaultLayout = ({
         ]
       }
     ),
-    displayConfig.showLabel && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    displayConfig.showLabel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Text_default,
       {
         as: "div",
@@ -3026,7 +3348,7 @@ var ProgressBar = ({
   const sizeClasses = SIZE_CLASSES9[size];
   const variantClasses = VARIANT_CLASSES2[variant];
   if (layout === "stacked") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       StackedLayout,
       {
         className,
@@ -3047,7 +3369,7 @@ var ProgressBar = ({
     );
   }
   if (layout === "compact") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       CompactLayout,
       {
         className,
@@ -3067,7 +3389,7 @@ var ProgressBar = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DefaultLayout,
     {
       className,
@@ -3087,8 +3409,8 @@ var ProgressBar = ({
 var ProgressBar_default = ProgressBar;
 
 // src/components/Calendar/Calendar.tsx
-var import_react10 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var WEEK_DAYS = ["SEG", "TER", "QUA", "QUI", "SEX", "S\xC1B", "DOM"];
 var WEEK_DAYS_SHORT = ["S", "T", "Q", "Q", "S", "S", "D"];
 var MONTH_NAMES = [
@@ -3111,15 +3433,15 @@ var MonthYearPicker = ({
   currentDate,
   onYearChange,
   onMonthChange
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
   "div",
   {
     ref: monthPickerRef,
     className: "absolute top-full left-0 z-50 mt-1 bg-background rounded-lg shadow-lg border border-border-200 p-4 min-w-[280px]",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "mb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "button",
           {
             onClick: () => onYearChange(year),
@@ -3132,9 +3454,9 @@ var MonthYearPicker = ({
           year
         )) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "button",
           {
             onClick: () => onMonthChange(index, currentDate.getFullYear()),
@@ -3187,11 +3509,11 @@ var Calendar = ({
   showActivities = true,
   className = ""
 }) => {
-  const [currentDate, setCurrentDate] = (0, import_react10.useState)(selectedDate || /* @__PURE__ */ new Date());
-  const [isMonthPickerOpen, setIsMonthPickerOpen] = (0, import_react10.useState)(false);
-  const monthPickerRef = (0, import_react10.useRef)(null);
-  const monthPickerContainerRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const [currentDate, setCurrentDate] = (0, import_react11.useState)(selectedDate || /* @__PURE__ */ new Date());
+  const [isMonthPickerOpen, setIsMonthPickerOpen] = (0, import_react11.useState)(false);
+  const monthPickerRef = (0, import_react11.useRef)(null);
+  const monthPickerContainerRef = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (monthPickerContainerRef.current && !monthPickerContainerRef.current.contains(event.target)) {
         setIsMonthPickerOpen(false);
@@ -3205,7 +3527,7 @@ var Calendar = ({
     };
   }, [isMonthPickerOpen]);
   const today = /* @__PURE__ */ new Date();
-  const availableYears = (0, import_react10.useMemo)(() => {
+  const availableYears = (0, import_react11.useMemo)(() => {
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const years = [];
     for (let year = currentYear - 10; year <= currentYear + 10; year++) {
@@ -3213,7 +3535,7 @@ var Calendar = ({
     }
     return years;
   }, []);
-  const calendarData = (0, import_react10.useMemo)(() => {
+  const calendarData = (0, import_react11.useMemo)(() => {
     const year = currentDate.getFullYear();
     const month = currentDate.getMonth();
     const firstDay = new Date(year, month, 1);
@@ -3266,28 +3588,28 @@ var Calendar = ({
     onDateSelect?.(day.date);
   };
   if (variant === "navigation") {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between mb-4 px-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between mb-4 px-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "button",
             {
               onClick: toggleMonthPicker,
               className: "flex items-center group gap-1 rounded transition-colors cursor-pointer",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
                   MONTH_NAMES[currentDate.getMonth()],
                   " ",
                   currentDate.getFullYear()
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "svg",
                   {
                     className: `w-4 h-4 text-primary-950 transition-transform ${isMonthPickerOpen ? "rotate-180" : ""}`,
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -3301,7 +3623,7 @@ var Calendar = ({
               ]
             }
           ),
-          isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             MonthYearPicker,
             {
               monthPickerRef,
@@ -3312,21 +3634,21 @@ var Calendar = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "button",
             {
               onClick: goToPreviousMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "M\xEAs anterior",
-              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -3339,20 +3661,20 @@ var Calendar = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "button",
             {
               onClick: goToNextMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "Pr\xF3ximo m\xEAs",
-              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -3367,7 +3689,7 @@ var Calendar = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "div",
         {
           className: "h-9 flex items-center justify-center text-xs font-normal text-text-600",
@@ -3375,13 +3697,13 @@ var Calendar = ({
         },
         `${day}-${index}`
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
         if (!day.isCurrentMonth) {
-          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "div",
             {
               className: "flex items-center justify-center",
-              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-9 h-9" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-9 h-9" })
             },
             day.date.getTime()
           );
@@ -3397,11 +3719,11 @@ var Calendar = ({
         } else if (day.isSelected) {
           spanClass = "h-6 w-6 rounded-full bg-primary-950 text-text";
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "div",
           {
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "button",
               {
                 className: `
@@ -3417,7 +3739,7 @@ var Calendar = ({
                 "aria-label": `${day.date.getDate()} de ${MONTH_NAMES[day.date.getMonth()]}`,
                 "aria-current": day.isToday ? "date" : void 0,
                 tabIndex: 0,
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: spanClass, children: day.date.getDate() })
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: spanClass, children: day.date.getDate() })
               }
             )
           },
@@ -3426,28 +3748,28 @@ var Calendar = ({
       }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("bg-background rounded-xl p-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between mb-3.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("bg-background rounded-xl p-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between mb-3.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "button",
           {
             onClick: toggleMonthPicker,
             className: "flex items-center gap-2 hover:bg-background-100 rounded px-2 py-1 transition-colors",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("h2", { className: "text-lg font-semibold text-text-950", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("h2", { className: "text-lg font-semibold text-text-950", children: [
                 MONTH_NAMES[currentDate.getMonth()],
                 " ",
                 currentDate.getFullYear()
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "svg",
                 {
                   className: `w-4 h-4 text-text-400 transition-transform ${isMonthPickerOpen ? "rotate-180" : ""}`,
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -3461,7 +3783,7 @@ var Calendar = ({
             ]
           }
         ),
-        isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           MonthYearPicker,
           {
             monthPickerRef,
@@ -3472,21 +3794,21 @@ var Calendar = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "button",
           {
             onClick: goToPreviousMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "M\xEAs anterior",
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -3499,20 +3821,20 @@ var Calendar = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "button",
           {
             onClick: goToNextMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "Pr\xF3ximo m\xEAs",
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -3527,7 +3849,7 @@ var Calendar = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "div",
       {
         className: "h-4 flex items-center justify-center text-xs font-semibold text-text-500",
@@ -3535,13 +3857,13 @@ var Calendar = ({
       },
       day
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
       if (!day.isCurrentMonth) {
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "div",
           {
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-10 h-10" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-10 h-10" })
           },
           day.date.getTime()
         );
@@ -3551,11 +3873,11 @@ var Calendar = ({
         variant,
         showActivities
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "div",
         {
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "button",
             {
               className: `
@@ -3584,9 +3906,9 @@ var Calendar = ({
 var Calendar_default = Calendar;
 
 // src/components/DateTimeInput/DateTimeInput.tsx
-var import_react11 = require("react");
-var import_phosphor_react10 = require("phosphor-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var import_phosphor_react11 = require("phosphor-react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var formatDateToInput = (dateObj) => {
   const year = dateObj.getFullYear();
   const month = String(dateObj.getMonth() + 1).padStart(2, "0");
@@ -3606,11 +3928,11 @@ var DateTimeInput = ({
   timeLabel = "Hora",
   className
 }) => {
-  const [isCalendarOpen, setIsCalendarOpen] = (0, import_react11.useState)(false);
-  const [selectedDate, setSelectedDate] = (0, import_react11.useState)(
+  const [isCalendarOpen, setIsCalendarOpen] = (0, import_react12.useState)(false);
+  const [selectedDate, setSelectedDate] = (0, import_react12.useState)(
     date ? /* @__PURE__ */ new Date(`${date}T12:00:00`) : void 0
   );
-  const triggerRef = (0, import_react11.useRef)(null);
+  const triggerRef = (0, import_react12.useRef)(null);
   const handleDateSelect = (dateObj) => {
     setSelectedDate(dateObj);
     onDateChange(formatDateToInput(dateObj));
@@ -3641,7 +3963,7 @@ var DateTimeInput = ({
     onTimeChange(e.target.value);
   };
   const inputValue = date ? `${date}T${time || defaultTime}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     DropdownMenu_default,
     {
       open: !disabled && isCalendarOpen,
@@ -3651,13 +3973,13 @@ var DateTimeInput = ({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           DropdownMenuTrigger,
           {
             className,
             ref: triggerRef,
             disabled,
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               Input_default,
               {
                 label,
@@ -3669,13 +3991,13 @@ var DateTimeInput = ({
                 errorMessage,
                 disabled,
                 "data-testid": testId ? `${testId}-input` : void 0,
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react10.CalendarBlank, { size: 14 }),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_phosphor_react11.CalendarBlank, { size: 14 }),
                 className: "[&::-webkit-calendar-picker-indicator]:hidden"
               }
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           DropdownMenuContent,
           {
             align: "start",
@@ -3683,7 +4005,7 @@ var DateTimeInput = ({
             portal: true,
             triggerRef,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 Calendar_default,
                 {
                   variant: "selection",
@@ -3692,7 +4014,7 @@ var DateTimeInput = ({
                   showActivities: false
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "p-3 border-t border-border-200", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "p-3 border-t border-border-200", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 Input_default,
                 {
                   label: timeLabel,
@@ -3713,19 +4035,19 @@ var DateTimeInput = ({
 var DateTimeInput_default = DateTimeInput;
 
 // src/components/Accordation/Accordation.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 
 // src/components/Card/Card.tsx
-var import_react13 = require("react");
-var import_phosphor_react11 = require("phosphor-react");
+var import_react14 = require("react");
+var import_phosphor_react12 = require("phosphor-react");
 
 // src/components/IconRender/IconRender.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var PhosphorIcons = __toESM(require("phosphor-react"));
 
 // src/assets/icons/subjects/ChatPT.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
   "svg",
   {
     width: size,
@@ -3734,21 +4056,21 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "path",
         {
           d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "path",
         {
           d: "M21.1758 12V20.5312H19.7168V12H21.1758ZM23.8535 12V13.1719H17.0625V12H23.8535Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "path",
         {
           d: "M13.2402 17.3496H11.0195V16.1836H13.2402C13.627 16.1836 13.9395 16.1211 14.1777 15.9961C14.416 15.8711 14.5898 15.6992 14.6992 15.4805C14.8125 15.2578 14.8691 15.0039 14.8691 14.7188C14.8691 14.4492 14.8125 14.1973 14.6992 13.9629C14.5898 13.7246 14.416 13.5332 14.1777 13.3887C13.9395 13.2441 13.627 13.1719 13.2402 13.1719H11.4707V20.5312H10V12H13.2402C13.9004 12 14.4609 12.1172 14.9219 12.3516C15.3867 12.582 15.7402 12.9023 15.9824 13.3125C16.2246 13.7188 16.3457 14.1836 16.3457 14.707C16.3457 15.2578 16.2246 15.7305 15.9824 16.125C15.7402 16.5195 15.3867 16.8223 14.9219 17.0332C14.4609 17.2441 13.9004 17.3496 13.2402 17.3496Z",
@@ -3760,8 +4082,8 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)
 );
 
 // src/assets/icons/subjects/ChatEN.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   "svg",
   {
     width: size,
@@ -3770,21 +4092,21 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "path",
         {
           d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "path",
         {
           d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "path",
         {
           d: "M14.584 19.3652V20.5312H10.0547V19.3652H14.584ZM10.4707 12V20.5312H9V12H10.4707ZM13.9922 15.5625V16.7109H10.0547V15.5625H13.9922ZM14.5547 12V13.1719H10.0547V12H14.5547Z",
@@ -3796,8 +4118,8 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)
 );
 
 // src/assets/icons/subjects/ChatES.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
   "svg",
   {
     width: size,
@@ -3806,21 +4128,21 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "path",
         {
           d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "path",
         {
           d: "M21.1426 17.8027C21.1426 17.627 21.1152 17.4707 21.0605 17.334C21.0098 17.1973 20.918 17.0723 20.7852 16.959C20.6523 16.8457 20.4648 16.7363 20.2227 16.6309C19.9844 16.5215 19.6797 16.4102 19.3086 16.2969C18.9023 16.1719 18.5273 16.0332 18.1836 15.8809C17.8438 15.7246 17.5469 15.5449 17.293 15.3418C17.0391 15.1348 16.8418 14.8984 16.7012 14.6328C16.5605 14.3633 16.4902 14.0527 16.4902 13.7012C16.4902 13.3535 16.5625 13.0371 16.707 12.752C16.8555 12.4668 17.0645 12.2207 17.334 12.0137C17.6074 11.8027 17.9297 11.6406 18.3008 11.5273C18.6719 11.4102 19.082 11.3516 19.5312 11.3516C20.1641 11.3516 20.709 11.4688 21.166 11.7031C21.627 11.9375 21.9805 12.252 22.2266 12.6465C22.4766 13.041 22.6016 13.4766 22.6016 13.9531H21.1426C21.1426 13.6719 21.082 13.4238 20.9609 13.209C20.8438 12.9902 20.6641 12.8184 20.4219 12.6934C20.1836 12.5684 19.8809 12.5059 19.5137 12.5059C19.166 12.5059 18.877 12.5586 18.6465 12.6641C18.416 12.7695 18.2441 12.9121 18.1309 13.0918C18.0176 13.2715 17.9609 13.4746 17.9609 13.7012C17.9609 13.8613 17.998 14.0078 18.0723 14.1406C18.1465 14.2695 18.2598 14.3906 18.4121 14.5039C18.5645 14.6133 18.7559 14.7168 18.9863 14.8145C19.2168 14.9121 19.4883 15.0059 19.8008 15.0957C20.2734 15.2363 20.6855 15.3926 21.0371 15.5645C21.3887 15.7324 21.6816 15.9238 21.916 16.1387C22.1504 16.3535 22.3262 16.5977 22.4434 16.8711C22.5605 17.1406 22.6191 17.4473 22.6191 17.791C22.6191 18.1504 22.5469 18.4746 22.4023 18.7637C22.2578 19.0488 22.0508 19.293 21.7812 19.4961C21.5156 19.6953 21.1953 19.8496 20.8203 19.959C20.4492 20.0645 20.0352 20.1172 19.5781 20.1172C19.168 20.1172 18.7637 20.0625 18.3652 19.9531C17.9707 19.8438 17.6113 19.6777 17.2871 19.4551C16.9629 19.2285 16.7051 18.9473 16.5137 18.6113C16.3223 18.2715 16.2266 17.875 16.2266 17.4219H17.6973C17.6973 17.6992 17.7441 17.9355 17.8379 18.1309C17.9355 18.3262 18.0703 18.4863 18.2422 18.6113C18.4141 18.7324 18.6133 18.8223 18.8398 18.8809C19.0703 18.9395 19.3164 18.9688 19.5781 18.9688C19.9219 18.9688 20.209 18.9199 20.4395 18.8223C20.6738 18.7246 20.8496 18.5879 20.9668 18.4121C21.084 18.2363 21.1426 18.0332 21.1426 17.8027Z",
           fill: color
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "path",
         {
           d: "M15.4512 18.834V20H10.9219V18.834H15.4512ZM11.3379 11.4688V20H9.86719V11.4688H11.3379ZM14.8594 15.0312V16.1797H10.9219V15.0312H14.8594ZM15.4219 11.4688V12.6406H10.9219V11.4688H15.4219Z",
@@ -3832,7 +4154,7 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)
 );
 
 // src/components/IconRender/IconRender.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var IconRender = ({
   iconName,
   color = "#000000",
@@ -3842,18 +4164,18 @@ var IconRender = ({
   if (typeof iconName === "string") {
     switch (iconName) {
       case "Chat_PT":
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChatPT, { size, color });
+        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChatPT, { size, color });
       case "Chat_EN":
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChatEN, { size, color });
+        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChatEN, { size, color });
       case "Chat_ES":
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChatES, { size, color });
+        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChatES, { size, color });
       default: {
         const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconComponent, { size, color, weight });
+        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconComponent, { size, color, weight });
       }
     }
   } else {
-    return (0, import_react12.cloneElement)(iconName, {
+    return (0, import_react13.cloneElement)(iconName, {
       size,
       color: "currentColor"
     });
@@ -3862,7 +4184,7 @@ var IconRender = ({
 var IconRender_default = IconRender;
 
 // src/components/Card/Card.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var CARD_BASE_CLASSES = {
   default: "w-full bg-background border border-border-50 rounded-xl",
   compact: "w-full bg-background border border-border-50 rounded-lg",
@@ -3888,7 +4210,7 @@ var CARD_CURSOR_CLASSES = {
   default: "",
   pointer: "cursor-pointer"
 };
-var CardBase = (0, import_react13.forwardRef)(
+var CardBase = (0, import_react14.forwardRef)(
   ({
     children,
     variant = "default",
@@ -3904,7 +4226,7 @@ var CardBase = (0, import_react13.forwardRef)(
     const minHeightClasses = CARD_MIN_HEIGHT_CLASSES[minHeight];
     const layoutClasses = CARD_LAYOUT_CLASSES[layout];
     const cursorClasses = CARD_CURSOR_CLASSES[cursor];
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "div",
       {
         ref,
@@ -3946,7 +4268,7 @@ var ACTION_HEADER_CLASSES = {
   error: "text-error-300",
   info: "text-info-300"
 };
-var CardActivitiesResults = (0, import_react13.forwardRef)(
+var CardActivitiesResults = (0, import_react14.forwardRef)(
   ({
     icon,
     title,
@@ -3962,7 +4284,7 @@ var CardActivitiesResults = (0, import_react13.forwardRef)(
     const actionIconClasses = ACTION_ICON_CLASSES[action];
     const actionSubTitleClasses = ACTION_SUBTITLE_CLASSES[action];
     const actionHeaderClasses = ACTION_HEADER_CLASSES[action];
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "div",
       {
         ref,
@@ -3972,7 +4294,7 @@ var CardActivitiesResults = (0, import_react13.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             "div",
             {
               className: cn(
@@ -3981,7 +4303,7 @@ var CardActivitiesResults = (0, import_react13.forwardRef)(
                 extended ? "rounded-t-xl" : "rounded-xl"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   "span",
                   {
                     className: cn(
@@ -3991,7 +4313,7 @@ var CardActivitiesResults = (0, import_react13.forwardRef)(
                     children: icon
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   Text_default,
                   {
                     size: "2xs",
@@ -4000,7 +4322,7 @@ var CardActivitiesResults = (0, import_react13.forwardRef)(
                     children: title
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   "p",
                   {
                     className: cn("text-lg font-bold truncate", actionSubTitleClasses),
@@ -4010,8 +4332,8 @@ var CardActivitiesResults = (0, import_react13.forwardRef)(
               ]
             }
           ),
-          extended && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          extended && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "p",
               {
                 className: cn(
@@ -4021,14 +4343,14 @@ var CardActivitiesResults = (0, import_react13.forwardRef)(
                 children: header
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Badge_default, { size: "large", action: "info", children: description })
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge_default, { size: "large", action: "info", children: description })
           ] })
         ]
       }
     );
   }
 );
-var CardQuestions = (0, import_react13.forwardRef)(
+var CardQuestions = (0, import_react14.forwardRef)(
   ({
     header,
     state = "undone",
@@ -4040,7 +4362,7 @@ var CardQuestions = (0, import_react13.forwardRef)(
     const isDone = state === "done";
     const stateLabel = isDone ? "Realizado" : "N\xE3o Realizado";
     const buttonLabel = isDone ? "Ver Resultado" : "Responder";
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       CardBase,
       {
         ref,
@@ -4050,9 +4372,9 @@ var CardQuestions = (0, import_react13.forwardRef)(
         className: cn("justify-between gap-4", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-row gap-6 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-row gap-6 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Badge_default,
               {
                 size: "medium",
@@ -4062,7 +4384,7 @@ var CardQuestions = (0, import_react13.forwardRef)(
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             Button_default,
             {
               size: "extra-small",
@@ -4076,7 +4398,7 @@ var CardQuestions = (0, import_react13.forwardRef)(
     );
   }
 );
-var CardProgress = (0, import_react13.forwardRef)(
+var CardProgress = (0, import_react14.forwardRef)(
   ({
     header,
     subhead,
@@ -4093,19 +4415,19 @@ var CardProgress = (0, import_react13.forwardRef)(
   }, ref) => {
     const isHorizontal = direction === "horizontal";
     const contentComponent = {
-      horizontal: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-        showDates && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
-          initialDate && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-text-600", children: initialDate })
+      horizontal: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+        showDates && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
+          initialDate && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-600", children: initialDate })
           ] }),
-          endDate && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-text-800 font-semibold", children: "Fim" }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-text-600", children: endDate })
+          endDate && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-800 font-semibold", children: "Fim" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-600", children: endDate })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             ProgressBar_default,
             {
               size: "small",
@@ -4114,7 +4436,7 @@ var CardProgress = (0, import_react13.forwardRef)(
               "data-testid": "progress-bar"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             Text_default,
             {
               size: "xs",
@@ -4130,9 +4452,9 @@ var CardProgress = (0, import_react13.forwardRef)(
           )
         ] })
       ] }),
-      vertical: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-text-800", children: subhead })
+      vertical: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-text-800", children: subhead })
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       CardBase,
       {
         ref,
@@ -4143,7 +4465,7 @@ var CardProgress = (0, import_react13.forwardRef)(
         className: cn(isHorizontal ? "h-20" : "", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "div",
             {
               className: cn(
@@ -4156,7 +4478,7 @@ var CardProgress = (0, import_react13.forwardRef)(
               children: icon
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             "div",
             {
               className: cn(
@@ -4164,7 +4486,7 @@ var CardProgress = (0, import_react13.forwardRef)(
                 !isHorizontal && "gap-4"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
                 contentComponent[direction]
               ]
             }
@@ -4174,7 +4496,7 @@ var CardProgress = (0, import_react13.forwardRef)(
     );
   }
 );
-var CardTopic = (0, import_react13.forwardRef)(
+var CardTopic = (0, import_react14.forwardRef)(
   ({
     header,
     subHead,
@@ -4184,7 +4506,7 @@ var CardTopic = (0, import_react13.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       CardBase,
       {
         ref,
@@ -4195,13 +4517,13 @@ var CardTopic = (0, import_react13.forwardRef)(
         className: cn("justify-center gap-2  py-2 px-4", className),
         ...props,
         children: [
-          subHead && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react13.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { children: text }),
-            index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { children: "\u2022" })
+          subHead && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react14.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: text }),
+            index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "\u2022" })
           ] }, `${text} - ${index}`)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               ProgressBar_default,
               {
                 size: "small",
@@ -4210,7 +4532,7 @@ var CardTopic = (0, import_react13.forwardRef)(
                 "data-testid": "progress-bar"
               }
             ),
-            showPercentage && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+            showPercentage && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
               Text_default,
               {
                 size: "xs",
@@ -4230,7 +4552,7 @@ var CardTopic = (0, import_react13.forwardRef)(
     );
   }
 );
-var CardPerformance = (0, import_react13.forwardRef)(
+var CardPerformance = (0, import_react14.forwardRef)(
   ({
     header,
     progress,
@@ -4244,7 +4566,7 @@ var CardPerformance = (0, import_react13.forwardRef)(
     ...props
   }, ref) => {
     const hasProgress = progress !== void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       CardBase,
       {
         ref,
@@ -4258,10 +4580,10 @@ var CardPerformance = (0, import_react13.forwardRef)(
         onClick: () => actionVariant == "caret" && onClickButton?.(valueButton),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-              actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+              actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -4272,17 +4594,17 @@ var CardPerformance = (0, import_react13.forwardRef)(
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               ProgressBar_default,
               {
                 value: progress,
                 label: `${progress}% ${labelProgress}`,
                 variant: progressVariant
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
-          actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_phosphor_react11.CaretRight,
+          actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            import_phosphor_react12.CaretRight,
             {
               className: "size-4.5 text-text-800 cursor-pointer",
               "data-testid": "caret-icon"
@@ -4293,7 +4615,7 @@ var CardPerformance = (0, import_react13.forwardRef)(
     );
   }
 );
-var CardResults = (0, import_react13.forwardRef)(
+var CardResults = (0, import_react14.forwardRef)(
   ({
     header,
     correct_answers,
@@ -4305,7 +4627,7 @@ var CardResults = (0, import_react13.forwardRef)(
     ...props
   }, ref) => {
     const isRow = direction == "row";
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       CardBase,
       {
         ref,
@@ -4315,7 +4637,7 @@ var CardResults = (0, import_react13.forwardRef)(
         className: cn("items-stretch cursor-pointer pr-4", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "div",
             {
               className: cn(
@@ -4324,11 +4646,11 @@ var CardResults = (0, import_react13.forwardRef)(
               style: {
                 backgroundColor: color
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "w-full flex flex-row justify-between items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "w-full flex flex-row justify-between items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
               "div",
               {
                 className: cn(
@@ -4336,28 +4658,28 @@ var CardResults = (0, import_react13.forwardRef)(
                   isRow ? "flex-row items-center gap-2" : "flex-col"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                       Badge_default,
                       {
                         action: "success",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.CheckCircle, {}),
+                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.CheckCircle, {}),
                         children: [
                           correct_answers,
                           " Corretas"
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                       Badge_default,
                       {
                         action: "error",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.XCircle, {}),
+                        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.XCircle, {}),
                         children: [
                           incorrect_answers,
                           " Incorretas"
@@ -4368,14 +4690,14 @@ var CardResults = (0, import_react13.forwardRef)(
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
           ] })
         ]
       }
     );
   }
 );
-var CardStatus = (0, import_react13.forwardRef)(
+var CardStatus = (0, import_react14.forwardRef)(
   ({ header, className, status, label, ...props }, ref) => {
     const getLabelBadge = (status2) => {
       switch (status2) {
@@ -4394,13 +4716,13 @@ var CardStatus = (0, import_react13.forwardRef)(
     const getIconBadge = (status2) => {
       switch (status2) {
         case "correct":
-          return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.CheckCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.CheckCircle, {});
         case "incorrect":
-          return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.XCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.XCircle, {});
         case "pending":
-          return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.Clock, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.Clock, {});
         default:
-          return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.XCircle, {});
+          return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.XCircle, {});
       }
     };
     const getActionBadge = (status2) => {
@@ -4415,7 +4737,7 @@ var CardStatus = (0, import_react13.forwardRef)(
           return "info";
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       CardBase,
       {
         ref,
@@ -4424,10 +4746,10 @@ var CardStatus = (0, import_react13.forwardRef)(
         minHeight: "medium",
         className: cn("items-center cursor-pointer", className),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
-            status && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
+            status && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Badge_default,
               {
                 action: getActionBadge(status),
@@ -4437,17 +4759,17 @@ var CardStatus = (0, import_react13.forwardRef)(
                 children: getLabelBadge(status)
               }
             ),
-            label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-text-800", children: label })
+            label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-text-800", children: label })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
         ] })
       }
     );
   }
 );
-var CardSettings = (0, import_react13.forwardRef)(
+var CardSettings = (0, import_react14.forwardRef)(
   ({ header, className, icon, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       CardBase,
       {
         ref,
@@ -4460,17 +4782,17 @@ var CardSettings = (0, import_react13.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "w-full text-sm truncate", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.CaretRight, { size: 24, className: "cursor-pointer" })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "w-full text-sm truncate", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.CaretRight, { size: 24, className: "cursor-pointer" })
         ]
       }
     );
   }
 );
-var CardSupport = (0, import_react13.forwardRef)(
+var CardSupport = (0, import_react14.forwardRef)(
   ({ header, className, direction = "col", children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       CardBase,
       {
         ref,
@@ -4483,7 +4805,7 @@ var CardSupport = (0, import_react13.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             "div",
             {
               className: cn(
@@ -4491,18 +4813,18 @@ var CardSupport = (0, import_react13.forwardRef)(
                 direction == "col" ? "flex-col" : "flex-row items-center"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "flex flex-row gap-1", children })
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "flex flex-row gap-1", children })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
         ]
       }
     );
   }
 );
-var CardForum = (0, import_react13.forwardRef)(
+var CardForum = (0, import_react14.forwardRef)(
   ({
     title,
     content,
@@ -4516,7 +4838,7 @@ var CardForum = (0, import_react13.forwardRef)(
     hour,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       CardBase,
       {
         ref,
@@ -4527,7 +4849,7 @@ var CardForum = (0, import_react13.forwardRef)(
         className: cn("w-auto h-auto gap-3", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "button",
             {
               type: "button",
@@ -4536,18 +4858,18 @@ var CardForum = (0, import_react13.forwardRef)(
               className: "min-w-8 h-8 rounded-full bg-background-950"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { className: "text-xs text-text-600", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { className: "text-xs text-text-600", children: [
                 "\u2022 ",
                 date,
                 " \u2022 ",
                 hour
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
               "button",
               {
                 type: "button",
@@ -4555,8 +4877,8 @@ var CardForum = (0, import_react13.forwardRef)(
                 onClick: () => onClickComments?.(valueComments),
                 className: "text-text-600 flex flex-row gap-2 items-center",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.ChatCircleText, { "aria-hidden": "true", size: 16 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { className: "text-xs", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.ChatCircleText, { "aria-hidden": "true", size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { className: "text-xs", children: [
                     comments,
                     " respostas"
                   ] })
@@ -4569,7 +4891,7 @@ var CardForum = (0, import_react13.forwardRef)(
     );
   }
 );
-var CardAudio = (0, import_react13.forwardRef)(
+var CardAudio = (0, import_react14.forwardRef)(
   ({
     src,
     title,
@@ -4583,16 +4905,16 @@ var CardAudio = (0, import_react13.forwardRef)(
     className,
     ...props
   }, ref) => {
-    const [isPlaying, setIsPlaying] = (0, import_react13.useState)(false);
-    const [currentTime, setCurrentTime] = (0, import_react13.useState)(0);
-    const [duration, setDuration] = (0, import_react13.useState)(0);
-    const [volume, setVolume] = (0, import_react13.useState)(1);
-    const [showVolumeControl, setShowVolumeControl] = (0, import_react13.useState)(false);
-    const [showSpeedMenu, setShowSpeedMenu] = (0, import_react13.useState)(false);
-    const [playbackRate, setPlaybackRate] = (0, import_react13.useState)(1);
-    const audioRef = (0, import_react13.useRef)(null);
-    const volumeControlRef = (0, import_react13.useRef)(null);
-    const speedMenuRef = (0, import_react13.useRef)(null);
+    const [isPlaying, setIsPlaying] = (0, import_react14.useState)(false);
+    const [currentTime, setCurrentTime] = (0, import_react14.useState)(0);
+    const [duration, setDuration] = (0, import_react14.useState)(0);
+    const [volume, setVolume] = (0, import_react14.useState)(1);
+    const [showVolumeControl, setShowVolumeControl] = (0, import_react14.useState)(false);
+    const [showSpeedMenu, setShowSpeedMenu] = (0, import_react14.useState)(false);
+    const [playbackRate, setPlaybackRate] = (0, import_react14.useState)(1);
+    const audioRef = (0, import_react14.useRef)(null);
+    const volumeControlRef = (0, import_react14.useRef)(null);
+    const speedMenuRef = (0, import_react14.useRef)(null);
     const formatTime = (time) => {
       const minutes = Math.floor(time / 60);
       const seconds = Math.floor(time % 60);
@@ -4659,14 +4981,14 @@ var CardAudio = (0, import_react13.forwardRef)(
     };
     const getVolumeIcon = () => {
       if (volume === 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.SpeakerSimpleX, { size: 24 });
+        return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.SpeakerSimpleX, { size: 24 });
       }
       if (volume < 0.5) {
-        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.SpeakerLow, { size: 24 });
+        return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.SpeakerLow, { size: 24 });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.SpeakerHigh, { size: 24 });
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.SpeakerHigh, { size: 24 });
     };
-    (0, import_react13.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       const handleClickOutside = (event) => {
         if (volumeControlRef.current && !volumeControlRef.current.contains(event.target)) {
           setShowVolumeControl(false);
@@ -4680,7 +5002,7 @@ var CardAudio = (0, import_react13.forwardRef)(
         document.removeEventListener("mousedown", handleClickOutside);
       };
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       CardBase,
       {
         ref,
@@ -4693,7 +5015,7 @@ var CardAudio = (0, import_react13.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "audio",
             {
               ref: audioRef,
@@ -4705,7 +5027,7 @@ var CardAudio = (0, import_react13.forwardRef)(
               onEnded: handleEnded,
               "data-testid": "audio-element",
               "aria-label": title,
-              children: tracks ? tracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              children: tracks ? tracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 "track",
                 {
                   kind: track.kind,
@@ -4715,7 +5037,7 @@ var CardAudio = (0, import_react13.forwardRef)(
                   default: track.default
                 },
                 track.src
-              )) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              )) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 "track",
                 {
                   kind: "captions",
@@ -4726,7 +5048,7 @@ var CardAudio = (0, import_react13.forwardRef)(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "button",
             {
               type: "button",
@@ -4734,14 +5056,14 @@ var CardAudio = (0, import_react13.forwardRef)(
               disabled: !src,
               className: "cursor-pointer text-text-950 hover:text-primary-600 disabled:text-text-400 disabled:cursor-not-allowed",
               "aria-label": isPlaying ? "Pausar" : "Reproduzir",
-              children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex gap-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" })
-              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.Play, { size: 24 })
+              children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex gap-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" })
+              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.Play, { size: 24 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "button",
             {
               type: "button",
@@ -4756,7 +5078,7 @@ var CardAudio = (0, import_react13.forwardRef)(
                 }
               },
               "aria-label": "Barra de progresso do \xE1udio",
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 "div",
                 {
                   className: "h-full bg-primary-600 rounded-full transition-all duration-100",
@@ -4767,19 +5089,19 @@ var CardAudio = (0, import_react13.forwardRef)(
               )
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(duration) }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative h-6", ref: volumeControlRef, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(duration) }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative h-6", ref: volumeControlRef, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "button",
               {
                 type: "button",
                 onClick: toggleVolumeControl,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Controle de volume",
-                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
               }
             ),
-            showVolumeControl && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            showVolumeControl && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "button",
               {
                 type: "button",
@@ -4789,7 +5111,7 @@ var CardAudio = (0, import_react13.forwardRef)(
                     setShowVolumeControl(false);
                   }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   "input",
                   {
                     type: "range",
@@ -4830,22 +5152,22 @@ var CardAudio = (0, import_react13.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative h-6", ref: speedMenuRef, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative h-6", ref: speedMenuRef, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "button",
               {
                 type: "button",
                 onClick: toggleSpeedMenu,
                 className: "cursor-pointer text-text-950 hover:text-primary-600",
                 "aria-label": "Op\xE7\xF5es de velocidade",
-                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.DotsThreeVertical, { size: 24 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.DotsThreeVertical, { size: 24 })
               }
             ),
-            showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-col gap-1", children: [
+            showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col gap-1", children: [
               { speed: 1, label: "1x" },
               { speed: 1.5, label: "1.5x" },
               { speed: 2, label: "2x" }
-            ].map(({ speed, label }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            ].map(({ speed, label }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "button",
               {
                 type: "button",
@@ -4870,10 +5192,10 @@ var SIMULADO_BACKGROUND_CLASSES = {
   simuladao: "bg-exam-3",
   vestibular: "bg-exam-4"
 };
-var CardSimulado = (0, import_react13.forwardRef)(
+var CardSimulado = (0, import_react14.forwardRef)(
   ({ title, duration, info, backgroundColor, className, ...props }, ref) => {
     const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       CardBase,
       {
         ref,
@@ -4886,19 +5208,19 @@ var CardSimulado = (0, import_react13.forwardRef)(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
-              duration && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.Clock, { size: 16, className: "flex-shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text_default, { size: "sm", children: duration })
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.Clock, { size: 16, className: "flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "sm", children: duration })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_phosphor_react11.CaretRight,
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            import_phosphor_react12.CaretRight,
             {
               size: 24,
               className: "text-text-800 flex-shrink-0",
@@ -4910,7 +5232,7 @@ var CardSimulado = (0, import_react13.forwardRef)(
     );
   }
 );
-var CardTest = (0, import_react13.forwardRef)(
+var CardTest = (0, import_react14.forwardRef)(
   ({
     title,
     duration,
@@ -4942,7 +5264,7 @@ var CardTest = (0, import_react13.forwardRef)(
     const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
     const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
     if (isSelectable) {
-      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "button",
         {
           ref,
@@ -4954,8 +5276,8 @@ var CardTest = (0, import_react13.forwardRef)(
           onKeyDown: handleKeyDown,
           "aria-pressed": selected,
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Text_default,
               {
                 size: "md",
@@ -4964,10 +5286,10 @@ var CardTest = (0, import_react13.forwardRef)(
                 children: title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
-              duration && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.Clock, { size: 16, className: "text-text-700" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.Clock, { size: 16, className: "text-text-700" }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   Text_default,
                   {
                     size: "sm",
@@ -4976,7 +5298,7 @@ var CardTest = (0, import_react13.forwardRef)(
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 Text_default,
                 {
                   size: "sm",
@@ -4989,14 +5311,14 @@ var CardTest = (0, import_react13.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "div",
       {
         ref,
         className: cn(`${baseClasses} ${className}`.trim()),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             Text_default,
             {
               size: "md",
@@ -5005,10 +5327,10 @@ var CardTest = (0, import_react13.forwardRef)(
               children: title
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
-            duration && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react11.Clock, { size: 16, className: "text-text-700" }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+            duration && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react12.Clock, { size: 16, className: "text-text-700" }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 Text_default,
                 {
                   size: "sm",
@@ -5017,7 +5339,7 @@ var CardTest = (0, import_react13.forwardRef)(
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Text_default,
               {
                 size: "sm",
@@ -5053,15 +5375,15 @@ var SIMULATION_TYPE_STYLES = {
     text: "Vestibular"
   }
 };
-var CardSimulationHistory = (0, import_react13.forwardRef)(({ data, onSimulationClick, className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var CardSimulationHistory = (0, import_react14.forwardRef)(({ data, onSimulationClick, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       ref,
       className: cn("w-full max-w-[992px] h-auto", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col gap-0", children: [
-        data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-0", children: [
+        data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
           "div",
           {
             className: cn(
@@ -5069,7 +5391,7 @@ var CardSimulationHistory = (0, import_react13.forwardRef)(({ data, onSimulation
               sectionIndex === 0 ? "rounded-t-3xl" : ""
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 Text_default,
                 {
                   size: "xs",
@@ -5078,9 +5400,9 @@ var CardSimulationHistory = (0, import_react13.forwardRef)(({ data, onSimulation
                   children: section.date
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
                 const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
-                return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   CardBase,
                   {
                     layout: "horizontal",
@@ -5092,9 +5414,9 @@ var CardSimulationHistory = (0, import_react13.forwardRef)(({ data, onSimulation
                           transition-shadow duration-200 h-auto min-h-[61px]`
                     ),
                     onClick: () => onSimulationClick?.(simulation),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                           Text_default,
                           {
                             size: "lg",
@@ -5103,8 +5425,8 @@ var CardSimulationHistory = (0, import_react13.forwardRef)(({ data, onSimulation
                             children: simulation.title
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                             Badge_default,
                             {
                               variant: "examsOutlined",
@@ -5113,11 +5435,11 @@ var CardSimulationHistory = (0, import_react13.forwardRef)(({ data, onSimulation
                               children: typeStyles.text
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
+                          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                        import_phosphor_react11.CaretRight,
+                      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                        import_phosphor_react12.CaretRight,
                         {
                           size: 24,
                           className: "text-text-800 flex-shrink-0",
@@ -5132,16 +5454,16 @@ var CardSimulationHistory = (0, import_react13.forwardRef)(({ data, onSimulation
             ]
           }
         ) }, section.date)),
-        data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-full h-6 bg-background rounded-b-3xl" })
+        data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-full h-6 bg-background rounded-b-3xl" })
       ] })
     }
   );
 });
 
 // src/components/Accordation/Accordation.tsx
-var import_phosphor_react12 = require("phosphor-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var CardAccordation = (0, import_react14.forwardRef)(
+var import_phosphor_react13 = require("phosphor-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var CardAccordation = (0, import_react15.forwardRef)(
   ({
     trigger,
     children,
@@ -5155,13 +5477,13 @@ var CardAccordation = (0, import_react14.forwardRef)(
     contentClassName,
     ...props
   }, ref) => {
-    const [internalExpanded, setInternalExpanded] = (0, import_react14.useState)(defaultExpanded);
-    const generatedId = (0, import_react14.useId)();
+    const [internalExpanded, setInternalExpanded] = (0, import_react15.useState)(defaultExpanded);
+    const generatedId = (0, import_react15.useId)();
     const contentId = value ? `accordion-content-${value}` : generatedId;
     const headerId = value ? `accordion-header-${value}` : `${generatedId}-header`;
     const isControlled = controlledExpanded !== void 0;
     const isExpanded = isControlled ? controlledExpanded : internalExpanded;
-    (0, import_react14.useEffect)(() => {
+    (0, import_react15.useEffect)(() => {
       if (isControlled) {
         setInternalExpanded(controlledExpanded);
       }
@@ -5181,7 +5503,7 @@ var CardAccordation = (0, import_react14.forwardRef)(
         handleToggle();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       CardBase,
       {
         ref,
@@ -5191,7 +5513,7 @@ var CardAccordation = (0, import_react14.forwardRef)(
         className: cn("overflow-hidden", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
             "button",
             {
               id: headerId,
@@ -5210,8 +5532,8 @@ var CardAccordation = (0, import_react14.forwardRef)(
               "data-value": value,
               children: [
                 trigger,
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                  import_phosphor_react12.CaretRight,
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                  import_phosphor_react13.CaretRight,
                   {
                     size: 20,
                     className: cn(
@@ -5225,7 +5547,7 @@ var CardAccordation = (0, import_react14.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "section",
             {
               id: contentId,
@@ -5237,7 +5559,7 @@ var CardAccordation = (0, import_react14.forwardRef)(
               ),
               "data-testid": "accordion-content",
               "data-value": value,
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("p-4 pt-0", contentClassName), children })
+              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("p-4 pt-0", contentClassName), children })
             }
           )
         ]
@@ -5248,11 +5570,11 @@ var CardAccordation = (0, import_react14.forwardRef)(
 CardAccordation.displayName = "CardAccordation";
 
 // src/components/Accordation/AccordionGroup.tsx
-var import_react15 = require("react");
-var import_zustand4 = require("zustand");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_zustand5 = require("zustand");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function createAccordionGroupStore(type, initialValue, collapsible) {
-  return (0, import_zustand4.create)((set, get) => ({
+  return (0, import_zustand5.create)((set, get) => ({
     type,
     value: initialValue,
     collapsible,
@@ -5268,8 +5590,8 @@ function createAccordionGroupStore(type, initialValue, collapsible) {
   }));
 }
 var injectStore3 = (children, store, indexRef, onItemToggle) => {
-  return import_react15.Children.map(children, (child) => {
-    if (!(0, import_react15.isValidElement)(child)) {
+  return import_react16.Children.map(children, (child) => {
+    if (!(0, import_react16.isValidElement)(child)) {
       return child;
     }
     const typedChild = child;
@@ -5296,16 +5618,16 @@ var injectStore3 = (children, store, indexRef, onItemToggle) => {
       if (displayName === "CardAccordation") {
         newProps.children = processedChildren;
       } else if (processedChildren !== typedChild.props.children) {
-        return (0, import_react15.cloneElement)(typedChild, { children: processedChildren });
+        return (0, import_react16.cloneElement)(typedChild, { children: processedChildren });
       }
     }
     if (Object.keys(newProps).length > 0) {
-      return (0, import_react15.cloneElement)(typedChild, newProps);
+      return (0, import_react16.cloneElement)(typedChild, newProps);
     }
     return child;
   });
 };
-var AccordionGroup = (0, import_react15.forwardRef)(
+var AccordionGroup = (0, import_react16.forwardRef)(
   ({
     type = "single",
     defaultValue,
@@ -5316,12 +5638,12 @@ var AccordionGroup = (0, import_react15.forwardRef)(
     className,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = (0, import_react15.useState)(
+    const [internalValue, setInternalValue] = (0, import_react16.useState)(
       defaultValue || (type === "single" ? "" : [])
     );
     const isControlled = controlledValue !== void 0;
     const currentValue = isControlled ? controlledValue : internalValue;
-    const storeRef = (0, import_react15.useRef)(null);
+    const storeRef = (0, import_react16.useRef)(null);
     if (storeRef.current) {
       storeRef.current.setState((prev) => {
         const nextState = {};
@@ -5341,10 +5663,10 @@ var AccordionGroup = (0, import_react15.forwardRef)(
       );
     }
     const store = storeRef.current;
-    (0, import_react15.useEffect)(() => {
+    (0, import_react16.useEffect)(() => {
       store.setState({ value: currentValue });
     }, [currentValue, store]);
-    (0, import_react15.useEffect)(() => {
+    (0, import_react16.useEffect)(() => {
       if (!isControlled) {
         setInternalValue((prev) => {
           if (type === "single") {
@@ -5390,7 +5712,7 @@ var AccordionGroup = (0, import_react15.forwardRef)(
       indexRef,
       handleItemToggle
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, className, ...props, children: enhancedChildren });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref, className, ...props, children: enhancedChildren });
   }
 );
 AccordionGroup.displayName = "AccordionGroup";
@@ -5477,7 +5799,7 @@ var calculateFormattedItemsForAutoSelection = (category, allCategories) => {
 };
 
 // src/components/CheckBoxGroup/CheckBoxGroup.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var CheckboxGroup = ({
   categories,
   onCategoriesChange,
@@ -5485,14 +5807,14 @@ var CheckboxGroup = ({
   showDivider = true,
   showSingleItem = false
 }) => {
-  const [openAccordion, setOpenAccordion] = (0, import_react16.useState)("");
-  const autoSelectionAppliedRef = (0, import_react16.useRef)(false);
-  const onCategoriesChangeRef = (0, import_react16.useRef)(onCategoriesChange);
-  const previousCategoriesRef = (0, import_react16.useRef)(categories);
-  (0, import_react16.useEffect)(() => {
+  const [openAccordion, setOpenAccordion] = (0, import_react17.useState)("");
+  const autoSelectionAppliedRef = (0, import_react17.useRef)(false);
+  const onCategoriesChangeRef = (0, import_react17.useRef)(onCategoriesChange);
+  const previousCategoriesRef = (0, import_react17.useRef)(categories);
+  (0, import_react17.useEffect)(() => {
     onCategoriesChangeRef.current = onCategoriesChange;
   }, [onCategoriesChange]);
-  const categoriesWithAutoSelection = (0, import_react16.useMemo)(() => {
+  const categoriesWithAutoSelection = (0, import_react17.useMemo)(() => {
     return categories.map((category) => {
       const filteredItems = calculateFormattedItemsForAutoSelection(
         category,
@@ -5507,7 +5829,7 @@ var CheckboxGroup = ({
       return category;
     });
   }, [categories]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const categoriesChanged = categories !== previousCategoriesRef.current;
     if (!categoriesChanged && autoSelectionAppliedRef.current) {
       return;
@@ -5625,7 +5947,7 @@ var CheckboxGroup = ({
     );
     return groupedItems.length ? groupedItems : [{ itens: [] }];
   };
-  const formattedItemsMap = (0, import_react16.useMemo)(() => {
+  const formattedItemsMap = (0, import_react17.useMemo)(() => {
     const formattedItemsMap2 = {};
     for (const category of categories) {
       const formattedItems = calculateFormattedItems(category.key);
@@ -5780,7 +6102,7 @@ var CheckboxGroup = ({
   };
   const renderCheckboxItem = (item, categoryKey) => {
     const uniqueId = `${categoryKey}-${item.id}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "div",
       {
         className: "flex items-center gap-3 px-2",
@@ -5790,7 +6112,7 @@ var CheckboxGroup = ({
         onMouseUp: (e) => e.stopPropagation(),
         onKeyDown: (e) => e.stopPropagation(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             CheckBox_default,
             {
               id: uniqueId,
@@ -5798,7 +6120,7 @@ var CheckboxGroup = ({
               onChange: () => toggleItem(categoryKey, item.id)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "label",
             {
               htmlFor: uniqueId,
@@ -5811,12 +6133,12 @@ var CheckboxGroup = ({
       item.id
     );
   };
-  const renderFormattedGroup = (formattedGroup, idx, categoryKey) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  const renderFormattedGroup = (formattedGroup, idx, categoryKey) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "div",
     {
       className: "flex flex-col gap-3",
       children: [
-        "groupLabel" in formattedGroup && formattedGroup.groupLabel && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "sm", className: "mt-2", weight: "semibold", children: formattedGroup.groupLabel }),
+        "groupLabel" in formattedGroup && formattedGroup.groupLabel && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", className: "mt-2", weight: "semibold", children: formattedGroup.groupLabel }),
         formattedGroup.itens?.map(
           (item) => renderCheckboxItem(item, categoryKey)
         )
@@ -5824,9 +6146,9 @@ var CheckboxGroup = ({
     },
     formattedGroup.groupLabel || `group-${idx}`
   );
-  const renderAccordionTrigger = (category, isEnabled) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center justify-between w-full p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  const renderAccordionTrigger = (category, isEnabled) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between w-full p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         CheckBox_default,
         {
           checked: isMinimalOneCheckBoxIsSelected(category.key),
@@ -5835,7 +6157,7 @@ var CheckboxGroup = ({
           onChange: () => toggleAllInCategory(category.key)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         Text_default,
         {
           size: "sm",
@@ -5845,7 +6167,7 @@ var CheckboxGroup = ({
         }
       )
     ] }),
-    (openAccordion === category.key || isEnabled) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Badge_default, { variant: "solid", action: "info", children: getBadgeText2(category) })
+    (openAccordion === category.key || isEnabled) && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Badge_default, { variant: "solid", action: "info", children: getBadgeText2(category) })
   ] });
   const renderCompactSingleItem = (category) => {
     const formattedItems = getFormattedItems(category.key);
@@ -5854,13 +6176,13 @@ var CheckboxGroup = ({
       return null;
     }
     const singleItem = allItems[0];
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "div",
       {
         className: "flex items-center justify-between w-full px-3 py-2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-800", children: category.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "sm", className: "text-text-950", children: singleItem.name })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-800", children: category.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", className: "text-text-950", children: singleItem.name })
         ]
       },
       category.key
@@ -5876,16 +6198,16 @@ var CheckboxGroup = ({
     const allItems = formattedItems.flatMap((group) => group.itens || []);
     const hasOnlyOneAvailableItem = allItems.length === 1;
     if (compactSingleItem && hasOnlyOneAvailableItem && isEnabled) {
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
         renderCompactSingleItem(category),
-        showDivider && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Divider_default, {})
+        showDivider && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Divider_default, {})
       ] }, category.key);
     }
     const hasNoItems = formattedItems.every(
       (group) => !group.itens || group.itens.length === 0
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         CardAccordation,
         {
           value: category.key,
@@ -5895,15 +6217,15 @@ var CheckboxGroup = ({
             openAccordion === category.key && "bg-background-50 border-none"
           ),
           trigger: renderAccordionTrigger(category, isEnabled),
-          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex flex-col gap-3 pt-2", children: hasNoItems && isEnabled ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "px-2 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "sm", className: "text-text-500 text-center", children: "Sem dados" }) }) : formattedItems.map(
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex flex-col gap-3 pt-2", children: hasNoItems && isEnabled ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "px-2 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", className: "text-text-500 text-center", children: "Sem dados" }) }) : formattedItems.map(
             (formattedGroup, idx) => renderFormattedGroup(formattedGroup, idx, category.key)
           ) })
         }
       ),
-      openAccordion !== category.key && showDivider && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Divider_default, {})
+      openAccordion !== category.key && showDivider && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Divider_default, {})
     ] }, category.key);
   };
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!openAccordion) return;
     const category = categories.find((c) => c.key === openAccordion);
     if (!category) return;
@@ -5914,7 +6236,7 @@ var CheckboxGroup = ({
       }, 0);
     }
   }, [categories, openAccordion]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     AccordionGroup,
     {
       type: "single",
@@ -5924,280 +6246,201 @@ var CheckboxGroup = ({
       children: categories.map(renderCategoryAccordion)
     }
   );
-};
-
-// src/components/SendActivityModal/hooks/useSendActivityModal.ts
-var import_zustand5 = require("zustand");
-
-// src/components/SendActivityModal/validation.ts
-var import_zod = require("zod");
-var ERROR_MESSAGES = {
-  SUBTYPE_REQUIRED: "Campo obrigat\xF3rio! Por favor, selecione uma op\xE7\xE3o para continuar.",
-  TITLE_REQUIRED: "Campo obrigat\xF3rio! Por favor, preencha este campo para continuar.",
-  STUDENTS_REQUIRED: "Campo obrigat\xF3rio! Por favor, selecione pelo menos um aluno para continuar.",
-  START_DATE_REQUIRED: "Campo obrigat\xF3rio! Por favor, preencha este campo para continuar.",
-  FINAL_DATE_REQUIRED: "Campo obrigat\xF3rio! Por favor, preencha este campo para continuar.",
-  FINAL_DATE_INVALID: "A data final deve ser maior ou igual \xE0 data inicial."
-};
-var activityStepSchema = import_zod.z.object({
-  subtype: import_zod.z.enum(["TAREFA", "TRABALHO", "PROVA"], {
-    errorMap: () => ({ message: ERROR_MESSAGES.SUBTYPE_REQUIRED })
-  }),
-  title: import_zod.z.string({ required_error: ERROR_MESSAGES.TITLE_REQUIRED }).transform((val) => val.trim()).refine((val) => val.length > 0, {
-    message: ERROR_MESSAGES.TITLE_REQUIRED
-  }),
-  notification: import_zod.z.string().optional()
-});
-var recipientStepSchema = import_zod.z.object({
-  students: import_zod.z.array(
-    import_zod.z.object({
-      studentId: import_zod.z.string(),
-      userInstitutionId: import_zod.z.string()
-    }),
-    {
-      required_error: ERROR_MESSAGES.STUDENTS_REQUIRED,
-      invalid_type_error: ERROR_MESSAGES.STUDENTS_REQUIRED
-    }
-  ).min(1, ERROR_MESSAGES.STUDENTS_REQUIRED)
-});
-var DATE_REGEX = /^\d{4}-\d{2}-\d{2}$/;
-var TIME_REGEX = /^\d{2}:\d{2}$/;
-var deadlineStepBaseSchema = import_zod.z.object({
-  startDate: import_zod.z.string({
-    required_error: ERROR_MESSAGES.START_DATE_REQUIRED,
-    invalid_type_error: ERROR_MESSAGES.START_DATE_REQUIRED
-  }).min(1, ERROR_MESSAGES.START_DATE_REQUIRED).regex(DATE_REGEX, ERROR_MESSAGES.START_DATE_REQUIRED),
-  startTime: import_zod.z.string().regex(TIME_REGEX).default("00:00"),
-  finalDate: import_zod.z.string({
-    required_error: ERROR_MESSAGES.FINAL_DATE_REQUIRED,
-    invalid_type_error: ERROR_MESSAGES.FINAL_DATE_REQUIRED
-  }).min(1, ERROR_MESSAGES.FINAL_DATE_REQUIRED).regex(DATE_REGEX, ERROR_MESSAGES.FINAL_DATE_REQUIRED),
-  finalTime: import_zod.z.string().regex(TIME_REGEX).default("23:59"),
-  canRetry: import_zod.z.boolean().default(false)
-});
-var deadlineStepSchema = deadlineStepBaseSchema.refine(
-  (data) => {
-    const start = /* @__PURE__ */ new Date(`${data.startDate}T${data.startTime}`);
-    const end = /* @__PURE__ */ new Date(`${data.finalDate}T${data.finalTime}`);
-    return end >= start;
-  },
-  { message: ERROR_MESSAGES.FINAL_DATE_INVALID, path: ["finalDate"] }
-);
-function validateActivityStep(data) {
-  const errors = {};
-  const result = activityStepSchema.safeParse({
-    subtype: data.subtype,
-    title: data.title,
-    notification: data.notification
-  });
-  if (!result.success) {
-    result.error.issues.forEach((issue) => {
-      const field = issue.path[0];
-      if (field === "subtype" || field === "title") {
-        errors[field] = issue.message;
-      }
-    });
-  }
-  return errors;
-}
-function validateRecipientStep(data) {
-  const errors = {};
-  const result = recipientStepSchema.safeParse({
-    students: data.students ?? []
-  });
-  if (!result.success) {
-    result.error.issues.forEach((issue) => {
-      if (issue.path[0] === "students") {
-        errors.students = issue.message;
-      }
-    });
-  }
-  return errors;
-}
-function validateDeadlineStep(data) {
-  const errors = {};
-  if (!data.startDate) {
-    errors.startDate = ERROR_MESSAGES.START_DATE_REQUIRED;
-  }
-  if (!data.finalDate) {
-    errors.finalDate = ERROR_MESSAGES.FINAL_DATE_REQUIRED;
-  }
-  if (data.startDate && data.finalDate) {
-    const result = deadlineStepSchema.safeParse({
-      startDate: data.startDate,
-      startTime: data.startTime ?? "00:00",
-      finalDate: data.finalDate,
-      finalTime: data.finalTime ?? "23:59",
-      canRetry: data.canRetry ?? false
-    });
-    if (!result.success) {
-      result.error.issues.forEach((issue) => {
-        const field = issue.path[0];
-        if (field === "startDate" || field === "finalDate") {
-          errors[field] = issue.message;
-        }
-      });
-    }
-  }
-  return errors;
-}
-function validateStep(step, data) {
-  switch (step) {
-    case 1:
-      return validateActivityStep(data);
-    case 2:
-      return validateRecipientStep(data);
-    case 3:
-      return validateDeadlineStep(data);
-    default:
-      return {};
-  }
-}
-function isStepValid(step, data) {
-  const errors = validateStep(step, data);
-  return Object.keys(errors).length === 0;
-}
-function isFormValid(data) {
-  return isStepValid(1, data) && isStepValid(2, data) && isStepValid(3, data);
-}
-
-// src/components/SendActivityModal/hooks/useSendActivityModal.ts
-var initialState = {
-  formData: {
-    canRetry: false,
-    startTime: "00:00",
-    finalTime: "23:59"
-  },
-  currentStep: 1,
-  completedSteps: [],
-  errors: {},
-  categories: []
-};
-function extractStudentsFromCategories(categories) {
-  const studentsCategory = categories.find(
-    (cat) => cat.key === "students" || cat.key === "alunos" || cat.key === "student"
-  );
-  if (!studentsCategory?.selectedIds || !studentsCategory.itens) {
-    return [];
-  }
-  return studentsCategory.selectedIds.map((id) => {
-    const student = studentsCategory.itens?.find((item) => item.id === id);
-    if (student) {
-      const rawStudentId = student.studentId;
-      const rawUserInstId = student.userInstitutionId;
-      const rawInstId = student.institutionId;
-      const studentId = typeof rawStudentId === "string" || typeof rawStudentId === "number" ? String(rawStudentId) : student.id;
-      let userInstitutionId = "";
-      if (typeof rawUserInstId === "string" || typeof rawUserInstId === "number") {
-        userInstitutionId = String(rawUserInstId);
-      } else if (typeof rawInstId === "string" || typeof rawInstId === "number") {
-        userInstitutionId = String(rawInstId);
-      }
-      if (!userInstitutionId) {
-        return null;
-      }
-      return { studentId, userInstitutionId };
-    }
-    return null;
-  }).filter(
-    (s) => s !== null
-  );
-}
-var useSendActivityModalStore = (0, import_zustand5.create)(
-  (set, get) => ({
-    ...initialState,
-    setFormData: (data) => {
-      set((state) => ({
-        formData: { ...state.formData, ...data }
-      }));
-    },
-    goToStep: (step) => {
-      if (step >= 1 && step <= 3) {
-        set({ currentStep: step, errors: {} });
-      }
-    },
-    nextStep: () => {
-      const state = get();
-      const isValid = state.validateCurrentStep();
-      if (isValid && state.currentStep < 3) {
-        set((prev) => ({
-          currentStep: prev.currentStep + 1,
-          completedSteps: prev.completedSteps.includes(prev.currentStep) ? prev.completedSteps : [...prev.completedSteps, prev.currentStep],
-          errors: {}
-        }));
-        return true;
-      }
-      return isValid;
-    },
-    previousStep: () => {
-      const state = get();
-      if (state.currentStep > 1) {
-        set({ currentStep: state.currentStep - 1, errors: {} });
-      }
-    },
-    setErrors: (errors) => {
-      set({ errors });
-    },
-    validateCurrentStep: () => {
-      const state = get();
-      let formDataToValidate = state.formData;
-      let updatedFormData = state.formData;
-      if (state.currentStep === 2 && state.categories.length > 0) {
-        const students = extractStudentsFromCategories(state.categories);
-        formDataToValidate = { ...state.formData, students };
-        updatedFormData = formDataToValidate;
-      }
-      const errors = validateStep(state.currentStep, formDataToValidate);
-      set({ formData: updatedFormData, errors });
-      return Object.keys(errors).length === 0;
-    },
-    validateAllSteps: () => {
-      const state = get();
-      let formDataForStep2 = state.formData;
-      if (state.categories.length > 0) {
-        const students = extractStudentsFromCategories(state.categories);
-        formDataForStep2 = { ...state.formData, students };
-      }
-      const errors1 = validateStep(1, state.formData);
-      const errors2 = validateStep(2, formDataForStep2);
-      const errors3 = validateStep(3, state.formData);
-      const allErrors = { ...errors1, ...errors2, ...errors3 };
-      set({ errors: allErrors });
-      return Object.keys(allErrors).length === 0;
-    },
-    setCategories: (categories) => {
-      const students = extractStudentsFromCategories(categories);
-      set((state) => ({
-        categories,
-        formData: { ...state.formData, students }
-      }));
-    },
-    reset: () => {
-      set({
-        ...initialState,
-        categories: []
-      });
+};
+
+// src/components/shared/SendModalBase/components/RecipientStep.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var RecipientStep = ({
+  categories,
+  onCategoriesChange,
+  entityNameWithArticle,
+  studentsError,
+  testIdPrefix
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    "div",
+    {
+      className: "flex flex-col gap-4",
+      "data-testid": testIdPrefix ? `${testIdPrefix}-recipient-step` : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Text_default, { size: "sm", weight: "medium", color: "text-text-700", children: [
+          "Para quem voc\xEA vai enviar ",
+          entityNameWithArticle,
+          "?"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          "div",
+          {
+            className: cn(
+              "max-h-[300px] overflow-y-auto",
+              "scrollbar-thin scrollbar-thumb-border-300 scrollbar-track-transparent"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              CheckboxGroup,
+              {
+                categories,
+                onCategoriesChange,
+                compactSingleItem: true,
+                showDivider: true
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          SendModalError,
+          {
+            error: studentsError,
+            testId: testIdPrefix ? `${testIdPrefix}-students-error` : void 0
+          }
+        )
+      ]
     }
-  })
-);
-function useSendActivityModal() {
-  return useSendActivityModalStore();
-}
+  );
+};
 
-// src/components/SendActivityModal/types.ts
-var ACTIVITY_TYPE_OPTIONS = [
-  { value: "TAREFA", label: "Tarefa" },
-  { value: "TRABALHO", label: "Trabalho" },
-  { value: "PROVA", label: "Prova" }
-];
+// src/components/shared/SendModalBase/components/DeadlineStep.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var DeadlineStep = ({
+  startDate,
+  startTime,
+  finalDate,
+  finalTime,
+  onStartDateChange,
+  onStartTimeChange,
+  onFinalDateChange,
+  onFinalTimeChange,
+  errors,
+  testIdPrefix,
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    "div",
+    {
+      className: "flex flex-col gap-4 sm:gap-6 pt-6",
+      "data-testid": testIdPrefix ? `${testIdPrefix}-deadline-step` : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            DateTimeInput_default,
+            {
+              label: "Iniciar em*",
+              date: startDate,
+              time: startTime,
+              onDateChange: onStartDateChange,
+              onTimeChange: onStartTimeChange,
+              errorMessage: [errors.startDate, errors.startTime].filter(Boolean).join(" ") || void 0,
+              defaultTime: "00:00",
+              testId: testIdPrefix ? `${testIdPrefix}-start-datetime` : "start-datetime",
+              className: "w-full"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            DateTimeInput_default,
+            {
+              label: "Finalizar at\xE9*",
+              date: finalDate,
+              time: finalTime,
+              onDateChange: onFinalDateChange,
+              onTimeChange: onFinalTimeChange,
+              errorMessage: [errors.finalDate, errors.finalTime].filter(Boolean).join(" ") || void 0,
+              defaultTime: "23:59",
+              testId: testIdPrefix ? `${testIdPrefix}-final-datetime` : "final-datetime",
+              className: "w-full"
+            }
+          )
+        ] }),
+        children
+      ]
+    }
+  );
+};
+
+// src/components/shared/SendModalBase/components/SendModalFooter.tsx
+var import_phosphor_react14 = require("phosphor-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var SendModalFooter = ({
+  currentStep,
+  maxSteps,
+  isLoading,
+  onCancel,
+  onPreviousStep,
+  onNextStep,
+  onSubmit,
+  entityName,
+  testIdPrefix
+}) => {
+  const isLastStep = currentStep >= maxSteps;
+  const showPreviousButton = currentStep > 1;
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    "div",
+    {
+      className: "flex flex-col-reverse sm:flex-row items-center justify-between gap-3 w-full",
+      "data-testid": testIdPrefix ? `${testIdPrefix}-footer` : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          Button_default,
+          {
+            variant: "link",
+            action: "primary",
+            onClick: onCancel,
+            className: "w-full sm:w-auto",
+            "data-testid": testIdPrefix ? `${testIdPrefix}-cancel-button` : void 0,
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-2 sm:gap-3 w-full sm:w-auto", children: [
+          showPreviousButton && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            Button_default,
+            {
+              variant: "outline",
+              action: "primary",
+              onClick: onPreviousStep,
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.CaretLeft, { size: 16 }),
+              className: "w-full sm:w-auto",
+              "data-testid": testIdPrefix ? `${testIdPrefix}-previous-button` : void 0,
+              children: "Anterior"
+            }
+          ),
+          isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            Button_default,
+            {
+              variant: "solid",
+              action: "primary",
+              onClick: onSubmit,
+              disabled: isLoading,
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.PaperPlaneTilt, { size: 16 }),
+              className: "w-full sm:w-auto",
+              "data-testid": testIdPrefix ? `${testIdPrefix}-submit-button` : void 0,
+              children: isLoading ? "Enviando..." : `Enviar ${entityName}`
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            Button_default,
+            {
+              variant: "solid",
+              action: "primary",
+              onClick: onNextStep,
+              iconRight: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.ArrowRight, { size: 16 }),
+              className: "w-full sm:w-auto",
+              "data-testid": testIdPrefix ? `${testIdPrefix}-next-button` : void 0,
+              children: "Pr\xF3ximo"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
 
 // src/components/SendActivityModal/SendActivityModal.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var STEPPER_STEPS = [
   { id: "activity", label: "Atividade", state: "pending" },
   { id: "recipient", label: "Destinat\xE1rio", state: "pending" },
   { id: "deadline", label: "Prazo", state: "pending" }
 ];
+var MAX_STEPS = 3;
+var ENTITY_NAME = "atividade";
+var ENTITY_NAME_WITH_ARTICLE = "a atividade";
 var SendActivityModal = ({
   isOpen,
   onClose,
@@ -6216,17 +6459,17 @@ var SendActivityModal = ({
   const storeCategories = useSendActivityModalStore(
     (state) => state.categories
   );
-  const categoriesInitialized = (0, import_react17.useRef)(false);
-  const prevInitialDataRef = (0, import_react17.useRef)(
+  const categoriesInitialized = (0, import_react18.useRef)(false);
+  const prevInitialDataRef = (0, import_react18.useRef)(
     void 0
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (isOpen && initialCategories.length > 0 && !categoriesInitialized.current) {
       setCategories(initialCategories);
       categoriesInitialized.current = true;
     }
   }, [isOpen, initialCategories, setCategories]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (isOpen && initialData && prevInitialDataRef.current !== initialData) {
       store.setFormData({
         title: initialData.title ?? "",
@@ -6236,69 +6479,51 @@ var SendActivityModal = ({
       prevInitialDataRef.current = initialData;
     }
   }, [isOpen, initialData, store]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isOpen) {
       reset();
       categoriesInitialized.current = false;
       prevInitialDataRef.current = void 0;
     }
   }, [isOpen, reset]);
-  const handleCategoriesChange = (0, import_react17.useCallback)(
+  const {
+    handleStartDateChange,
+    handleStartTimeChange,
+    handleFinalDateChange,
+    handleFinalTimeChange
+  } = useDateTimeHandlers({ setFormData: store.setFormData });
+  const handleCategoriesChange = (0, import_react18.useCallback)(
     (updatedCategories) => {
       setCategories(updatedCategories);
       onCategoriesChange?.(updatedCategories);
     },
     [setCategories, onCategoriesChange]
   );
-  const handleActivityTypeSelect = (0, import_react17.useCallback)(
+  const handleActivityTypeSelect = (0, import_react18.useCallback)(
     (subtype) => {
       store.setFormData({ subtype });
     },
     [store]
   );
-  const handleTitleChange = (0, import_react17.useCallback)(
+  const handleTitleChange = (0, import_react18.useCallback)(
     (e) => {
       store.setFormData({ title: e.target.value });
     },
     [store]
   );
-  const handleNotificationChange = (0, import_react17.useCallback)(
+  const handleNotificationChange = (0, import_react18.useCallback)(
     (e) => {
       store.setFormData({ notification: e.target.value });
     },
     [store]
   );
-  const handleStartDateChange = (0, import_react17.useCallback)(
-    (date) => {
-      store.setFormData({ startDate: date });
-    },
-    [store]
-  );
-  const handleStartTimeChange = (0, import_react17.useCallback)(
-    (time) => {
-      store.setFormData({ startTime: time });
-    },
-    [store]
-  );
-  const handleFinalDateChange = (0, import_react17.useCallback)(
-    (date) => {
-      store.setFormData({ finalDate: date });
-    },
-    [store]
-  );
-  const handleFinalTimeChange = (0, import_react17.useCallback)(
-    (time) => {
-      store.setFormData({ finalTime: time });
-    },
-    [store]
-  );
-  const handleRetryChange = (0, import_react17.useCallback)(
+  const handleRetryChange = (0, import_react18.useCallback)(
     (value) => {
       store.setFormData({ canRetry: value === "yes" });
     },
     [store]
   );
-  const handleSubmit = (0, import_react17.useCallback)(async () => {
+  const handleSubmit = (0, import_react18.useCallback)(async () => {
     const isValid = store.validateAllSteps();
     if (!isValid) return;
     try {
@@ -6312,29 +6537,13 @@ var SendActivityModal = ({
       }
     }
   }, [store, onSubmit, onError]);
-  const handleCancel = (0, import_react17.useCallback)(() => {
+  const handleCancel = (0, import_react18.useCallback)(() => {
     onClose();
   }, [onClose]);
-  const renderError = (error) => {
-    if (!error) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-      Text_default,
-      {
-        as: "p",
-        size: "sm",
-        color: "text-error-600",
-        className: "flex items-center gap-1 mt-1",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react18.WarningCircleIcon, { size: 16 }),
-          error
-        ]
-      }
-    );
-  };
-  const renderActivityStep = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", weight: "medium", color: "text-text-700", className: "mb-3", children: "Tipo de atividade*" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex flex-wrap gap-2", children: ACTIVITY_TYPE_OPTIONS.map((type) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  const renderActivityStep = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "sm", weight: "medium", color: "text-text-700", className: "mb-3", children: "Tipo de atividade*" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex flex-wrap gap-2", children: ACTIVITY_TYPE_OPTIONS.map((type) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         Chips_default,
         {
           selected: store.formData.subtype === type.value,
@@ -6343,9 +6552,9 @@ var SendActivityModal = ({
         },
         type.value
       )) }),
-      renderError(store.errors.subtype)
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SendModalError, { error: store.errors.subtype })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       Input_default,
       {
         label: "T\xEDtulo",
@@ -6357,7 +6566,7 @@ var SendActivityModal = ({
         errorMessage: store.errors.title
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       TextArea_default,
       {
         label: "Mensagem da notifica\xE7\xE3o",
@@ -6367,164 +6576,99 @@ var SendActivityModal = ({
       }
     )
   ] });
-  const renderRecipientStep = () => {
-    const categoriesToRender = storeCategories.length > 0 ? storeCategories : initialCategories;
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", weight: "medium", color: "text-text-700", children: "Para quem voc\xEA vai enviar a atividade?" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        "div",
-        {
-          className: cn(
-            "max-h-[300px] overflow-y-auto",
-            "scrollbar-thin scrollbar-thumb-border-300 scrollbar-track-transparent"
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-            CheckboxGroup,
-            {
-              categories: categoriesToRender,
-              onCategoriesChange: handleCategoriesChange,
-              compactSingleItem: true,
-              showDivider: true
-            }
-          )
-        }
-      ),
-      renderError(store.errors.students)
-    ] });
-  };
-  const renderDeadlineStep = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-4 sm:gap-6 pt-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        DateTimeInput_default,
-        {
-          label: "Iniciar em*",
-          date: store.formData.startDate || "",
-          time: store.formData.startTime || "",
-          onDateChange: handleStartDateChange,
-          onTimeChange: handleStartTimeChange,
-          errorMessage: store.errors.startDate,
-          defaultTime: "00:00",
-          testId: "start-datetime",
-          className: "w-full"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        DateTimeInput_default,
-        {
-          label: "Finalizar at\xE9*",
-          date: store.formData.finalDate || "",
-          time: store.formData.finalTime || "",
-          onDateChange: handleFinalDateChange,
-          onTimeChange: handleFinalTimeChange,
-          errorMessage: store.errors.finalDate,
-          defaultTime: "23:59",
-          testId: "final-datetime",
-          className: "w-full"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", weight: "medium", color: "text-text-700", className: "mb-3", children: "Permitir refazer?" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-        RadioGroup,
-        {
-          value: store.formData.canRetry ? "yes" : "no",
-          onValueChange: handleRetryChange,
-          className: "flex flex-row gap-6",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RadioGroupItem, { value: "yes", id: "radio-item-yes" }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                Text_default,
-                {
-                  as: "label",
-                  size: "sm",
-                  color: "text-text-700",
-                  className: "cursor-pointer",
-                  htmlFor: "radio-item-yes",
-                  children: "Sim"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RadioGroupItem, { value: "no", id: "radio-item-no" }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                Text_default,
-                {
-                  as: "label",
-                  size: "sm",
-                  color: "text-text-700",
-                  className: "cursor-pointer",
-                  htmlFor: "radio-item-no",
-                  children: "N\xE3o"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] })
+  const renderRetryOption = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "sm", weight: "medium", color: "text-text-700", className: "mb-3", children: "Permitir refazer?" }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      RadioGroup,
+      {
+        value: store.formData.canRetry ? "yes" : "no",
+        onValueChange: handleRetryChange,
+        className: "flex flex-row gap-6",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RadioGroupItem, { value: "yes", id: "radio-item-yes" }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              Text_default,
+              {
+                as: "label",
+                size: "sm",
+                color: "text-text-700",
+                className: "cursor-pointer",
+                htmlFor: "radio-item-yes",
+                children: "Sim"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RadioGroupItem, { value: "no", id: "radio-item-no" }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              Text_default,
+              {
+                as: "label",
+                size: "sm",
+                color: "text-text-700",
+                className: "cursor-pointer",
+                htmlFor: "radio-item-no",
+                children: "N\xE3o"
+              }
+            )
+          ] })
+        ]
+      }
+    )
   ] });
   const renderStepContent = () => {
+    const categoriesToRender = storeCategories.length > 0 ? storeCategories : initialCategories;
     switch (store.currentStep) {
       case 1:
         return renderActivityStep();
       case 2:
-        return renderRecipientStep();
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          RecipientStep,
+          {
+            categories: categoriesToRender,
+            onCategoriesChange: handleCategoriesChange,
+            entityNameWithArticle: ENTITY_NAME_WITH_ARTICLE,
+            studentsError: store.errors.students
+          }
+        );
       case 3:
-        return renderDeadlineStep();
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          DeadlineStep,
+          {
+            startDate: store.formData.startDate || "",
+            startTime: store.formData.startTime || "",
+            finalDate: store.formData.finalDate || "",
+            finalTime: store.formData.finalTime || "",
+            onStartDateChange: handleStartDateChange,
+            onStartTimeChange: handleStartTimeChange,
+            onFinalDateChange: handleFinalDateChange,
+            onFinalTimeChange: handleFinalTimeChange,
+            errors: {
+              startDate: store.errors.startDate,
+              finalDate: store.errors.finalDate
+            },
+            children: renderRetryOption()
+          }
+        );
       default:
         return null;
     }
   };
-  const renderFooter = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col-reverse sm:flex-row items-center justify-between gap-3 w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      Button_default,
-      {
-        variant: "link",
-        action: "primary",
-        onClick: handleCancel,
-        className: "w-full sm:w-auto",
-        children: "Cancelar"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-2 sm:gap-3 w-full sm:w-auto", children: [
-      store.currentStep > 1 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        Button_default,
-        {
-          variant: "outline",
-          action: "primary",
-          onClick: store.previousStep,
-          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react18.CaretLeftIcon, { size: 16 }),
-          className: "w-full sm:w-auto",
-          children: "Anterior"
-        }
-      ),
-      store.currentStep < 3 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        Button_default,
-        {
-          variant: "solid",
-          action: "primary",
-          onClick: () => store.nextStep(),
-          iconRight: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react18.ArrowRightIcon, { size: 16 }),
-          className: "w-full sm:w-auto",
-          children: "Pr\xF3ximo"
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        Button_default,
-        {
-          variant: "solid",
-          action: "primary",
-          onClick: handleSubmit,
-          disabled: isLoading,
-          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react18.PaperPlaneTiltIcon, { size: 16 }),
-          className: "w-full sm:w-auto",
-          children: isLoading ? "Enviando..." : "Enviar atividade"
-        }
-      )
-    ] })
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  const renderFooter = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    SendModalFooter,
+    {
+      currentStep: store.currentStep,
+      maxSteps: MAX_STEPS,
+      isLoading,
+      onCancel: handleCancel,
+      onPreviousStep: store.previousStep,
+      onNextStep: () => store.nextStep(),
+      onSubmit: handleSubmit,
+      entityName: ENTITY_NAME
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     Modal_default,
     {
       isOpen,
@@ -6534,7 +6678,7 @@ var SendActivityModal = ({
       footer: renderFooter(),
       contentClassName: "flex flex-col gap-8 sm:gap-10 max-h-[70vh] overflow-y-auto",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           Stepper_default,
           {
             steps: STEPPER_STEPS,