analytica-frontend-lib 1.0.51 → 1.0.53

package/dist/index.js

@@ -844,7 +844,7 @@ var SIZE_CLASSES4 = {
     textSize: "sm",
     spacing: "gap-1.5",
     borderWidth: "border-2",
-    dotSize: "w-2 h-2",
+    dotSize: "w-2.5 h-2.5",
     labelHeight: "h-5"
   },
   medium: {
@@ -852,7 +852,7 @@ var SIZE_CLASSES4 = {
     textSize: "md",
     spacing: "gap-2",
     borderWidth: "border-2",
-    dotSize: "w-2.5 h-2.5",
+    dotSize: "w-3 h-3",
     labelHeight: "h-6"
   },
   large: {
@@ -860,7 +860,7 @@ var SIZE_CLASSES4 = {
     textSize: "lg",
     spacing: "gap-2",
     borderWidth: "border-2",
-    dotSize: "w-3 h-3",
+    dotSize: "w-3.5 h-3.5",
     labelHeight: "h-7"
   },
   extraLarge: {
@@ -868,7 +868,7 @@ var SIZE_CLASSES4 = {
     textSize: "xl",
     spacing: "gap-3",
     borderWidth: "border-2",
-    dotSize: "w-3.5 h-3.5",
+    dotSize: "w-4 h-4",
     labelHeight: "h-8"
   }
 };
@@ -1032,6 +1032,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 +1147,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 +1160,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 +1175,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 +1223,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 +1294,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 +1335,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 +1446,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 +1457,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 +1481,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 +2095,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 +2266,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 +2462,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 +2834,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 +2842,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 +2866,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 +2892,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 +2967,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 +2980,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");
@@ -3275,7 +3280,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 +3297,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 +3343,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 +3355,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 +3539,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 +3594,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 +3678,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 +3691,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: "",
@@ -3835,7 +3840,7 @@ 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, {})
     }
   )
 );
@@ -3853,7 +3858,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 +4136,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 +4198,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 +4211,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 +4222,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 +4255,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 +4264,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 +4281,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 +4308,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 +4363,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"