analytica-frontend-lib 1.1.70 → 1.1.72

package/dist/index.d.mts

@@ -34,7 +34,7 @@ export { default as IconRender } from './IconRender/index.mjs';
 export { d as SubjectData, e as SubjectEnum, I as SubjectIconProps, S as SubjectInfo, b as getSubjectColorClass, a as getSubjectIcon, g as getSubjectInfo, c as getSubjectName } from './SubjectInfo-Dvt0OodP.mjs';
 export { DeviceType, getDeviceType, useMobile } from './hooks/useMobile/index.mjs';
 export { useTheme } from './hooks/useTheme/index.mjs';
-export { cn } from './utils/index.mjs';
+export { cn, getSubjectColorWithOpacity, syncDropdownState } from './utils/index.mjs';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger, ProfileToggleTheme } from './DropdownMenu/index.mjs';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.mjs';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.mjs';
@@ -52,8 +52,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Question } from './Quiz/useQuizStore/index.mjs';
 export { ANSWER_STATUS, QUESTION_DIFFICULTY, QUESTION_STATUS, QUESTION_TYPE, QUIZ_TYPE, QuestionResult, QuizInterface, QuizState, SUBTYPE_ENUM, UserAnswerItem, useQuizStore } from './Quiz/useQuizStore/index.mjs';
 export { default as LoadingModal } from './LoadingModal/index.mjs';
-import { N as NotificationApiClient, a as Notification, F as FetchNotificationsParams, b as NotificationGroup, c as NotificationEntityType, d as NotificationType } from './NotificationCard-DMdkuVEr.mjs';
-export { B as BackendNotification, g as BackendNotificationsResponse, e as NotificationCard, f as NotificationItem, h as NotificationsResponse, s as syncNotificationState } from './NotificationCard-DMdkuVEr.mjs';
+import { N as NotificationApiClient, a as Notification, F as FetchNotificationsParams, b as NotificationGroup, c as NotificationEntityType, d as NotificationType } from './NotificationCard-4GgB0Nsf.mjs';
+export { B as BackendNotification, g as BackendNotificationsResponse, e as NotificationCard, f as NotificationItem, h as NotificationsResponse } from './NotificationCard-4GgB0Nsf.mjs';
 export { ThemeToggle } from './ThemeToggle/index.mjs';
 export { c as ThemeActions, T as ThemeMode, b as ThemeState, a as ThemeStore, u as useThemeStore } from './themeStore-P2X64zC-.mjs';
 import 'zustand/middleware';

package/dist/index.d.ts

@@ -34,7 +34,7 @@ export { default as IconRender } from './IconRender/index.js';
 export { d as SubjectData, e as SubjectEnum, I as SubjectIconProps, S as SubjectInfo, b as getSubjectColorClass, a as getSubjectIcon, g as getSubjectInfo, c as getSubjectName } from './SubjectInfo-Dvt0OodP.js';
 export { DeviceType, getDeviceType, useMobile } from './hooks/useMobile/index.js';
 export { useTheme } from './hooks/useTheme/index.js';
-export { cn } from './utils/index.js';
+export { cn, getSubjectColorWithOpacity, syncDropdownState } from './utils/index.js';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger, ProfileToggleTheme } from './DropdownMenu/index.js';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.js';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.js';
@@ -52,8 +52,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Question } from './Quiz/useQuizStore/index.js';
 export { ANSWER_STATUS, QUESTION_DIFFICULTY, QUESTION_STATUS, QUESTION_TYPE, QUIZ_TYPE, QuestionResult, QuizInterface, QuizState, SUBTYPE_ENUM, UserAnswerItem, useQuizStore } from './Quiz/useQuizStore/index.js';
 export { default as LoadingModal } from './LoadingModal/index.js';
-import { N as NotificationApiClient, a as Notification, F as FetchNotificationsParams, b as NotificationGroup, c as NotificationEntityType, d as NotificationType } from './NotificationCard-DMdkuVEr.js';
-export { B as BackendNotification, g as BackendNotificationsResponse, e as NotificationCard, f as NotificationItem, h as NotificationsResponse, s as syncNotificationState } from './NotificationCard-DMdkuVEr.js';
+import { N as NotificationApiClient, a as Notification, F as FetchNotificationsParams, b as NotificationGroup, c as NotificationEntityType, d as NotificationType } from './NotificationCard-4GgB0Nsf.js';
+export { B as BackendNotification, g as BackendNotificationsResponse, e as NotificationCard, f as NotificationItem, h as NotificationsResponse } from './NotificationCard-4GgB0Nsf.js';
 export { ThemeToggle } from './ThemeToggle/index.js';
 export { c as ThemeActions, T as ThemeMode, b as ThemeState, a as ThemeStore, u as useThemeStore } from './themeStore-P2X64zC-.js';
 import 'zustand/middleware';

package/dist/index.js

@@ -148,10 +148,11 @@ __export(src_exports, {
   getRootDomain: () => getRootDomain,
   getStatusBadge: () => getStatusBadge,
   getSubjectColorClass: () => getSubjectColorClass,
+  getSubjectColorWithOpacity: () => getSubjectColorWithOpacity,
   getSubjectIcon: () => getSubjectIcon,
   getSubjectInfo: () => getSubjectInfo,
   getSubjectName: () => getSubjectName,
-  syncNotificationState: () => syncNotificationState,
+  syncDropdownState: () => syncDropdownState,
   useApiConfig: () => useApiConfig,
   useAuth: () => useAuth,
   useAuthGuard: () => useAuthGuard,
@@ -169,9 +170,38 @@ module.exports = __toCommonJS(src_exports);
 // src/utils/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+
+// src/utils/dropdown.ts
+var syncDropdownState = (open, isActive, setActiveStates, key) => {
+  if (!open && isActive) {
+    setActiveStates((prev) => ({ ...prev, [key]: false }));
+  }
+};
+
+// src/utils/utils.ts
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
+function getSubjectColorWithOpacity(hexColor, isDark) {
+  if (!hexColor) return void 0;
+  let color = hexColor.replace(/^#/, "").toLowerCase();
+  if (isDark) {
+    if (color.length === 8) {
+      color = color.slice(0, 6);
+    }
+    return `#${color}`;
+  } else {
+    let resultColor;
+    if (color.length === 6) {
+      resultColor = `#${color}b3`;
+    } else if (color.length === 8) {
+      resultColor = `#${color}`;
+    } else {
+      resultColor = `#${color}`;
+    }
+    return resultColor;
+  }
+}
 
 // src/components/Text/Text.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -2686,12 +2716,28 @@ var ProfileToggleTheme = ({ ...props }) => {
     setModalThemeToggle(false);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-      "div",
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      DropdownMenuItem,
       {
-        role: "menuitem",
-        "data-variant": "profile",
-        className: "relative flex flex-row justify-between select-none items-center gap-2 rounded-sm p-4 text-sm outline-none transition-colors [&>svg]:size-6 [&>svg]:shrink-0 cursor-pointer hover:bg-background-50 text-text-700 focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground",
+        variant: "profile",
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "svg",
+          {
+            width: "24",
+            height: "24",
+            viewBox: "0 0 25 25",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.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",
+                fill: "currentColor"
+              }
+            )
+          }
+        ),
+        iconRight: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_phosphor_react9.CaretRight, {}),
         onClick: handleClick,
         onKeyDown: (e) => {
           if (e.key === "Enter" || e.key === " ") {
@@ -2700,29 +2746,8 @@ var ProfileToggleTheme = ({ ...props }) => {
             setModalThemeToggle(true);
           }
         },
-        tabIndex: 0,
         ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            "svg",
-            {
-              width: "25",
-              height: "25",
-              viewBox: "0 0 25 25",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ (0, import_jsx_runtime20.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",
-                  fill: "#525252"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text_default, { className: "w-full", size: "md", children: "Apar\xEAncia" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_phosphor_react9.CaretRight, {})
-        ]
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
@@ -2777,8 +2802,8 @@ var ProfileMenuFooter = ({
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_phosphor_react9.SignOut, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text_default, { children: "Sair" })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_phosphor_react9.SignOut, { className: "text-inherit" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text_default, { color: "inherit", children: "Sair" })
       ]
     }
   );
@@ -7757,7 +7782,7 @@ var SpeedMenu = ({
       ref: speedMenuRef,
       role: "menu",
       "aria-label": "Playback speed",
-      className: isFullscreen ? "absolute bottom-12 right-0 bg-black/90 rounded-lg p-2 min-w-20 z-[9999]" : "fixed bg-black/90 rounded-lg p-2 min-w-20 z-[9999]",
+      className: isFullscreen ? "absolute bottom-12 right-0 bg-background border border-border-100 rounded-lg shadow-lg p-2 min-w-24 z-[9999]" : "fixed bg-background border border-border-100 rounded-lg shadow-lg p-2 min-w-24 z-[9999]",
       style: !isFullscreen ? {
         top: `${position.top}px`,
         left: `${position.left}px`
@@ -7768,7 +7793,7 @@ var SpeedMenu = ({
           role: "menuitemradio",
           "aria-checked": playbackRate === speed,
           onClick: () => onSpeedChange(speed),
-          className: `block w-full text-left px-3 py-1 text-sm rounded hover:bg-white/20 transition-colors ${playbackRate === speed ? "text-primary-400" : "text-white"}`,
+          className: `block w-full text-left px-3 py-1 text-sm rounded hover:bg-border-50 transition-colors ${playbackRate === speed ? "bg-primary-950 text-secondary-100 font-medium" : "text-text-950"}`,
           children: [
             speed,
             "x"
@@ -11393,11 +11418,6 @@ var mock_content_default = "./mock-content-K2CDVG6P.png";
 
 // src/components/NotificationCard/NotificationCard.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var syncNotificationState = (open, isNotificationActive, setActiveStates, key = "notifications") => {
-  if (!open && isNotificationActive) {
-    setActiveStates((prev) => ({ ...prev, [key]: false }));
-  }
-};
 var NotificationEmpty = ({
   emptyStateImage,
   emptyStateTitle = "Nenhuma notifica\xE7\xE3o no momento",
@@ -12123,10 +12143,11 @@ var createNotificationsHook = (apiClient) => {
   getRootDomain,
   getStatusBadge,
   getSubjectColorClass,
+  getSubjectColorWithOpacity,
   getSubjectIcon,
   getSubjectInfo,
   getSubjectName,
-  syncNotificationState,
+  syncDropdownState,
   useApiConfig,
   useAuth,
   useAuthGuard,