analytica-frontend-lib 1.0.52 → 1.0.54

package/dist/index.js

@@ -35,6 +35,7 @@ __export(src_exports, {
   Chips: () => Chips_default,
   Divider: () => Divider_default,
   DropdownMenu: () => DropdownMenu_default,
+  DropdownMenuContent: () => DropdownMenuContent,
   DropdownMenuItem: () => DropdownMenuItem,
   DropdownMenuSeparator: () => DropdownMenuSeparator,
   DropdownMenuTrigger: () => DropdownMenuTrigger,
@@ -45,6 +46,7 @@ __export(src_exports, {
   MenuContent: () => MenuContent,
   MenuItem: () => MenuItem,
   MenuLabel: () => MenuLabel,
+  MenuOverflow: () => MenuOverflow,
   MenuSeparator: () => MenuSeparator,
   Modal: () => Modal_default,
   NavButton: () => NavButton_default,
@@ -1032,6 +1034,7 @@ var Radio_default = Radio;
 
 // src/components/TextArea/TextArea.tsx
 var import_react7 = require("react");
+var import_phosphor_react4 = require("phosphor-react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var SIZE_CLASSES5 = {
   small: {
@@ -1146,7 +1149,11 @@ var TextArea = (0, import_react7.forwardRef)(
           ...props
         }
       ),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-error-600", children: errorMessage }),
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error mt-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react4.WarningCircle, { size: 16 }),
+        " ",
+        errorMessage
+      ] }),
       helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
     ] });
   }
@@ -1155,7 +1162,7 @@ TextArea.displayName = "TextArea";
 var TextArea_default = TextArea;
 
 // src/components/Toast/Toast.tsx
-var import_phosphor_react4 = require("phosphor-react");
+var import_phosphor_react5 = require("phosphor-react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var VARIANT_ACTION_CLASSES4 = {
   solid: {
@@ -1170,9 +1177,9 @@ var VARIANT_ACTION_CLASSES4 = {
   }
 };
 var iconMap = {
-  success: import_phosphor_react4.CheckCircle,
-  info: import_phosphor_react4.Info,
-  warning: import_phosphor_react4.WarningCircle
+  success: import_phosphor_react5.CheckCircle,
+  info: import_phosphor_react5.Info,
+  warning: import_phosphor_react5.WarningCircle
 };
 var Toast = ({
   variant = "outlined",
@@ -1218,7 +1225,7 @@ var Toast = ({
             onClick: onClose,
             "aria-label": "Dismiss notification",
             className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_phosphor_react4.X, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_phosphor_react5.X, {})
           }
         )
       ]
@@ -1289,7 +1296,7 @@ var Divider = ({
 var Divider_default = Divider;
 
 // src/components/Input/Input.tsx
-var import_phosphor_react5 = require("phosphor-react");
+var import_phosphor_react6 = require("phosphor-react");
 var import_react8 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var SIZE_CLASSES6 = {
@@ -1330,7 +1337,7 @@ var getPasswordToggleConfig = (type, disabled, readOnly, showPassword, iconRight
   let actualIconRight = iconRight;
   let ariaLabel;
   if (shouldShowPasswordToggle) {
-    actualIconRight = showPassword ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react5.EyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react5.Eye, {});
+    actualIconRight = showPassword ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react6.EyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react6.Eye, {});
     ariaLabel = showPassword ? "Ocultar senha" : "Mostrar senha";
   }
   return { shouldShowPasswordToggle, actualIconRight, ariaLabel };
@@ -1441,7 +1448,7 @@ var Input = (0, import_react8.forwardRef)(
       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
         helperText && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
         errorMessage && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react5.WarningCircle, { size: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react6.WarningCircle, { size: 16 }),
           " ",
           errorMessage
         ] })
@@ -1452,7 +1459,7 @@ var Input = (0, import_react8.forwardRef)(
 var Input_default = Input;
 
 // src/components/Chips/Chips.tsx
-var import_phosphor_react6 = require("phosphor-react");
+var import_phosphor_react7 = require("phosphor-react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var STATE_CLASSES5 = {
   default: "bg-background text-text-950 border border-border-100 hover:bg-secondary-50 hover:border-border-300",
@@ -1476,7 +1483,7 @@ var Chips = ({
       type,
       ...props,
       children: [
-        selected && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: `flex items-center`, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react6.Check, { weight: "bold", size: 16 }) }),
+        selected && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: `flex items-center`, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react7.Check, { weight: "bold", size: 16 }) }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "flex-1", children })
       ]
     }
@@ -2090,7 +2097,7 @@ var ProgressCircle = ({
 var ProgressCircle_default = ProgressCircle;
 
 // src/components/Stepper/Stepper.tsx
-var import_phosphor_react7 = require("phosphor-react");
+var import_phosphor_react8 = require("phosphor-react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var SIZE_CLASSES9 = {
   small: {
@@ -2261,7 +2268,7 @@ var Step = ({
           `,
                   "aria-label": getAriaLabel(),
                   children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                    import_phosphor_react7.Check,
+                    import_phosphor_react8.Check,
                     {
                       weight: "bold",
                       className: `
@@ -2457,7 +2464,7 @@ var getDayStyles = (day, variant, showActivities) => {
   let textStyle = "";
   if (variant === "selection" && day.isSelected) {
     dayStyle = "bg-primary-800";
-    textStyle = "text-white";
+    textStyle = "text-text";
   } else if (day.isToday) {
     textStyle = "text-primary-800";
   } else if (variant === "navigation" && showActivities && day.activities?.length) {
@@ -2829,7 +2836,7 @@ var Calendar = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "div",
       {
         className: "h-4 flex items-center justify-center text-xs font-semibold text-text-500",
@@ -2837,7 +2844,7 @@ var Calendar = ({
       },
       day
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "grid grid-cols-7 gap-1", children: calendarData.map((day) => {
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
       if (!day.isCurrentMonth) {
         return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "div",
@@ -2861,9 +2868,9 @@ var Calendar = ({
             "button",
             {
               className: `
-                  w-10 h-10
+                  w-9 h-9
                   flex items-center justify-center
-                  text-xl font-normal
+                  text-lg font-normal
                   cursor-pointer
                   rounded-full
                   focus:outline-none focus:ring-2 focus:ring-primary-600 focus:ring-offset-1
@@ -2887,7 +2894,7 @@ var Calendar_default = Calendar;
 
 // src/components/Modal/Modal.tsx
 var import_react10 = require("react");
-var import_phosphor_react8 = require("phosphor-react");
+var import_phosphor_react9 = require("phosphor-react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var SIZE_CLASSES10 = {
   xs: "max-w-[360px]",
@@ -2962,7 +2969,7 @@ var Modal = ({
               onClick: onClose,
               className: "p-1 text-text-500 hover:text-text-700 hover:bg-background-50 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-indicator-info focus:ring-offset-2",
               "aria-label": "Fechar modal",
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react8.X, { size: 18 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_phosphor_react9.X, { size: 18 })
             }
           )
         ] }),
@@ -2975,7 +2982,7 @@ var Modal = ({
 var Modal_default = Modal;
 
 // src/components/DropdownMenu/DropdownMenu.tsx
-var import_phosphor_react9 = require("phosphor-react");
+var import_phosphor_react10 = require("phosphor-react");
 var import_react11 = require("react");
 var import_zustand2 = require("zustand");
 var import_jsx_runtime23 = require("react/jsx-runtime");
@@ -3132,7 +3139,7 @@ var MenuLabel = (0, import_react11.forwardRef)(({ className, inset, store: _stor
   );
 });
 MenuLabel.displayName = "MenuLabel";
-var MenuContent = (0, import_react11.forwardRef)(
+var DropdownMenuContent = (0, import_react11.forwardRef)(
   ({
     className,
     align = "start",
@@ -3185,7 +3192,7 @@ var MenuContent = (0, import_react11.forwardRef)(
     );
   }
 );
-MenuContent.displayName = "MenuContent";
+DropdownMenuContent.displayName = "DropdownMenuContent";
 var DropdownMenuItem = (0, import_react11.forwardRef)(
   ({
     className,
@@ -3275,7 +3282,7 @@ var ProfileMenuTrigger = (0, import_react11.forwardRef)(({ className, onClick, s
       },
       "aria-expanded": open,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "size-6 rounded-full bg-background-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react9.User, { className: "text-background-950", size: 18 }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "size-6 rounded-full bg-background-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.User, { className: "text-background-950", size: 18 }) })
     }
   );
 });
@@ -3292,7 +3299,7 @@ var ProfileMenuHeader = (0, import_react11.forwardRef)(({ className, name, email
         `,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "size-16 bg-background-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react9.User, { size: 34, className: "text-background-950" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "size-16 bg-background-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.User, { size: 34, className: "text-background-950" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col ", children: [
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xl font-bold text-text-950", children: name }),
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-md text-text-600", children: email })
@@ -3338,7 +3345,7 @@ var ProfileMenuFooter = ({
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react9.SignOut, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.SignOut, {}) }),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "Sair" })
       ]
     }
@@ -3350,7 +3357,7 @@ var DropdownMenu_default = DropdownMenu;
 // src/components/Select/Select.tsx
 var import_zustand3 = require("zustand");
 var import_react12 = require("react");
-var import_phosphor_react10 = require("phosphor-react");
+var import_phosphor_react11 = require("phosphor-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var VARIANT_CLASSES4 = {
   outlined: "border rounded-lg focus:border-primary-950",
@@ -3534,7 +3541,7 @@ var Select = ({
     /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
       helperText && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
       errorMessage && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react10.WarningCircle, { size: 16 }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.WarningCircle, { size: 16 }),
         " ",
         errorMessage
       ] })
@@ -3589,7 +3596,7 @@ var SelectTrigger = (0, import_react12.forwardRef)(
         children: [
           props.children,
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-            import_phosphor_react10.CaretDown,
+            import_phosphor_react11.CaretDown,
             {
               className: `h-[1em] w-[1em] opacity-50 transition-transform ${open ? "rotate-180" : ""}`
             }
@@ -3673,7 +3680,7 @@ var SelectItem = (0, import_react12.forwardRef)(
         tabIndex: disabled ? -1 : 0,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react10.Check, { className: "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.Check, { className: "" }) }),
           children
         ]
       }
@@ -3686,7 +3693,7 @@ var Select_default = Select;
 // src/components/Menu/Menu.tsx
 var import_zustand4 = require("zustand");
 var import_react13 = require("react");
-var import_phosphor_react11 = require("phosphor-react");
+var import_phosphor_react12 = require("phosphor-react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var createMenuStore = () => (0, import_zustand4.create)((set) => ({
   value: "",
@@ -3698,7 +3705,7 @@ var useMenuStore = (externalStore) => {
 };
 var VARIANT_CLASSES5 = {
   menu: "bg-background shadow-soft-shadow-1",
-  menu2: "overflow-x-auto scroll-smooth",
+  menu2: "",
   breadcrumb: ""
 };
 var Menu = (0, import_react13.forwardRef)(
@@ -3721,10 +3728,10 @@ var Menu = (0, import_react13.forwardRef)(
     (0, import_react13.useEffect)(() => {
       onValueChange?.(value);
     }, [value, onValueChange]);
-    const baseClasses = "w-full flex flex-row items-center gap-2 py-2 px-6";
+    const baseClasses = "w-full py-2 px-6 flex flex-row items-center justify-center";
     const variantClasses = VARIANT_CLASSES5[variant];
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      "ul",
+      "div",
       {
         ref,
         className: `
@@ -3732,7 +3739,6 @@ var Menu = (0, import_react13.forwardRef)(
           ${variantClasses}
           ${className ?? ""}
         `,
-        style: variant === "menu2" ? { scrollbarWidth: "none", msOverflowStyle: "none" } : void 0,
         ...props,
         children: injectStore3(children, store)
       }
@@ -3740,6 +3746,27 @@ var Menu = (0, import_react13.forwardRef)(
   }
 );
 Menu.displayName = "Menu";
+var MenuContent = (0, import_react13.forwardRef)(
+  ({ className, children, variant = "menu", ...props }, ref) => {
+    const baseClasses = "w-full flex flex-row items-center gap-2";
+    const variantClasses = variant === "menu2" ? "overflow-x-auto scroll-smooth" : "";
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "ul",
+      {
+        ref,
+        className: `
+          ${baseClasses}
+          ${variantClasses}
+          ${className ?? ""}
+        `,
+        style: variant === "menu2" ? { scrollbarWidth: "none", msOverflowStyle: "none" } : void 0,
+        ...props,
+        children
+      }
+    );
+  }
+);
+MenuContent.displayName = "MenuContent";
 var MenuItem = (0, import_react13.forwardRef)(
   ({
     className,
@@ -3835,11 +3862,95 @@ var MenuSeparator = (0, import_react13.forwardRef)(
       "aria-hidden": "true",
       className: `[&>svg]:w-4 [&>svg]:h-4 text-text-600 ${className ?? ""}`,
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react11.CaretRight, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react12.CaretRight, {})
     }
   )
 );
 MenuSeparator.displayName = "MenuSeparator";
+var internalScroll = (container, direction) => {
+  if (!container) return;
+  container.scrollBy({
+    left: direction === "left" ? -150 : 150,
+    behavior: "smooth"
+  });
+};
+var internalCheckScroll = (container, setShowLeftArrow, setShowRightArrow) => {
+  if (!container) return;
+  const { scrollLeft, scrollWidth, clientWidth } = container;
+  setShowLeftArrow(scrollLeft > 0);
+  setShowRightArrow(scrollLeft + clientWidth < scrollWidth);
+};
+var MenuOverflow = ({
+  children,
+  className,
+  defaultValue,
+  value,
+  onValueChange,
+  ...props
+}) => {
+  const containerRef = (0, import_react13.useRef)(null);
+  const [showLeftArrow, setShowLeftArrow] = (0, import_react13.useState)(false);
+  const [showRightArrow, setShowRightArrow] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
+    const checkScroll = () => internalCheckScroll(
+      containerRef.current,
+      setShowLeftArrow,
+      setShowRightArrow
+    );
+    checkScroll();
+    const container = containerRef.current;
+    container?.addEventListener("scroll", checkScroll);
+    window.addEventListener("resize", checkScroll);
+    return () => {
+      container?.removeEventListener("scroll", checkScroll);
+      window.removeEventListener("resize", checkScroll);
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    "div",
+    {
+      "data-testid": "menu-overflow-wrapper",
+      className: `relative w-full overflow-hidden ${className ?? ""}`,
+      children: [
+        showLeftArrow && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          "button",
+          {
+            onClick: () => internalScroll(containerRef.current, "left"),
+            className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
+            "data-testid": "scroll-left-button",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react12.CaretLeft, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Scroll left" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          Menu,
+          {
+            defaultValue,
+            onValueChange,
+            value,
+            variant: "menu2",
+            ...props,
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MenuContent, { ref: containerRef, variant: "menu2", children })
+          }
+        ),
+        showRightArrow && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          "button",
+          {
+            onClick: () => internalScroll(containerRef.current, "right"),
+            className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
+            "data-testid": "scroll-right-button",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react12.CaretRight, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Scroll right" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
 var injectStore3 = (children, store) => import_react13.Children.map(children, (child) => {
   if (!(0, import_react13.isValidElement)(child)) return child;
   const typedChild = child;
@@ -3853,7 +3964,7 @@ var Menu_default = Menu;
 
 // src/components/Card/Card.tsx
 var import_react14 = require("react");
-var import_phosphor_react12 = require("phosphor-react");
+var import_phosphor_react13 = require("phosphor-react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var ACTION_CARD_CLASSES = {
   warning: "bg-warning-background",
@@ -4131,7 +4242,7 @@ var CardPerformance = (0, import_react14.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ProgressBar_default, { value: progress, label: `${progress}% corretas` }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-text-600", children: description }) })
           ] }),
           !hasProgress && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-            import_phosphor_react12.CaretRight,
+            import_phosphor_react13.CaretRight,
             {
               className: "size-4.5 text-text-800",
               "data-testid": "caret-icon",
@@ -4193,7 +4304,7 @@ var CardResults = (0, import_react14.forwardRef)(
                       action: "success",
                       variant: "solid",
                       size: "medium",
-                      iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CheckCircle, {}),
+                      iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.CheckCircle, {}),
                       children: [
                         correct_answers,
                         " Corretas"
@@ -4206,7 +4317,7 @@ var CardResults = (0, import_react14.forwardRef)(
                       action: "error",
                       variant: "solid",
                       size: "medium",
-                      iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.XCircle, {}),
+                      iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.XCircle, {}),
                       children: [
                         incorrect_answers,
                         " Incorretas"
@@ -4217,7 +4328,7 @@ var CardResults = (0, import_react14.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
         ]
       }
     );
@@ -4250,7 +4361,7 @@ var CardStatus = (0, import_react14.forwardRef)(
                       action: status == "correct" ? "success" : "error",
                       variant: "solid",
                       size: "medium",
-                      iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CheckCircle, {}),
+                      iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.CheckCircle, {}),
                       children: status == "correct" ? "Correta" : "Incorreta"
                     }
                   ),
@@ -4259,7 +4370,7 @@ var CardStatus = (0, import_react14.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
         ]
       }
     );
@@ -4276,7 +4387,7 @@ var CardSettings = (0, import_react14.forwardRef)(
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "w-full text-md", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CaretRight, { size: 24 })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.CaretRight, { size: 24 })
         ]
       }
     );
@@ -4303,7 +4414,7 @@ var CardSupport = (0, import_react14.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CaretRight, { className: "text-text-800", size: 24 })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.CaretRight, { className: "text-text-800", size: 24 })
         ]
       }
     );
@@ -4358,7 +4469,7 @@ var CardForum = (0, import_react14.forwardRef)(
                 onClick: () => onClickComments?.(valueComments),
                 className: "text-text-600 flex flex-row gap-2 items-center",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.ChatCircleText, { "aria-hidden": "true", size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react13.ChatCircleText, { "aria-hidden": "true", size: 16 }),
                   /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "text-xs", children: [
                     comments,
                     " respostas"
@@ -4389,6 +4500,7 @@ var CardForum = (0, import_react14.forwardRef)(
   Chips,
   Divider,
   DropdownMenu,
+  DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
@@ -4399,6 +4511,7 @@ var CardForum = (0, import_react14.forwardRef)(
   MenuContent,
   MenuItem,
   MenuLabel,
+  MenuOverflow,
   MenuSeparator,
   Modal,
   NavButton,