analytica-frontend-lib 1.0.67 → 1.0.70

package/dist/Auth/index.mjs

@@ -0,0 +1,166 @@
+// src/components/Auth/Auth.tsx
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useState,
+  useCallback,
+  useMemo
+} from "react";
+import { useLocation, Navigate } from "react-router-dom";
+import { Fragment, jsx } from "react/jsx-runtime";
+var AuthContext = createContext(void 0);
+var AuthProvider = ({
+  children,
+  checkAuthFn,
+  signOutFn,
+  initialAuthState = {},
+  getUserFn,
+  getSessionFn,
+  getTokensFn
+}) => {
+  const [authState, setAuthState] = useState({
+    isAuthenticated: false,
+    isLoading: true,
+    ...initialAuthState
+  });
+  const checkAuth = useCallback(async () => {
+    try {
+      setAuthState((prev) => ({ ...prev, isLoading: true }));
+      if (!checkAuthFn) {
+        setAuthState((prev) => ({
+          ...prev,
+          isAuthenticated: false,
+          isLoading: false
+        }));
+        return false;
+      }
+      const isAuth = await checkAuthFn();
+      setAuthState((prev) => ({
+        ...prev,
+        isAuthenticated: isAuth,
+        isLoading: false,
+        user: getUserFn ? getUserFn() : prev.user,
+        sessionInfo: getSessionFn ? getSessionFn() : prev.sessionInfo,
+        tokens: getTokensFn ? getTokensFn() : prev.tokens
+      }));
+      return isAuth;
+    } catch (error) {
+      console.error("Erro ao verificar autentica\xE7\xE3o:", error);
+      setAuthState((prev) => ({
+        ...prev,
+        isAuthenticated: false,
+        isLoading: false
+      }));
+      return false;
+    }
+  }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);
+  const signOut = useCallback(() => {
+    if (signOutFn) {
+      signOutFn();
+    }
+    setAuthState((prev) => ({
+      ...prev,
+      isAuthenticated: false,
+      user: void 0,
+      sessionInfo: void 0,
+      tokens: void 0
+    }));
+  }, [signOutFn]);
+  useEffect(() => {
+    checkAuth();
+  }, [checkAuth]);
+  const contextValue = useMemo(
+    () => ({
+      ...authState,
+      checkAuth,
+      signOut
+    }),
+    [authState, checkAuth, signOut]
+  );
+  return /* @__PURE__ */ jsx(AuthContext.Provider, { value: contextValue, children });
+};
+var useAuth = () => {
+  const context = useContext(AuthContext);
+  if (context === void 0) {
+    throw new Error("useAuth deve ser usado dentro de um AuthProvider");
+  }
+  return context;
+};
+var ProtectedRoute = ({
+  children,
+  redirectTo = "/",
+  loadingComponent,
+  additionalCheck
+}) => {
+  const { isAuthenticated, isLoading, ...authState } = useAuth();
+  const defaultLoadingComponent = /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Fragment, { children: loadingComponent || defaultLoadingComponent });
+  }
+  if (!isAuthenticated) {
+    return /* @__PURE__ */ jsx(Navigate, { to: redirectTo, replace: true });
+  }
+  if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
+    return /* @__PURE__ */ jsx(Navigate, { to: redirectTo, replace: true });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var PublicRoute = ({
+  children,
+  redirectTo = "/painel",
+  redirectIfAuthenticated = false,
+  checkAuthBeforeRender = false
+}) => {
+  const { isAuthenticated, isLoading } = useAuth();
+  if (checkAuthBeforeRender && isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  }
+  if (isAuthenticated && redirectIfAuthenticated) {
+    return /* @__PURE__ */ jsx(Navigate, { to: redirectTo, replace: true });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var withAuth = (Component, options = {}) => {
+  return (props) => /* @__PURE__ */ jsx(ProtectedRoute, { ...options, children: /* @__PURE__ */ jsx(Component, { ...props }) });
+};
+var useAuthGuard = (options = {}) => {
+  const authState = useAuth();
+  const { requireAuth = true, customCheck } = options;
+  const canAccess = !authState.isLoading && (requireAuth ? authState.isAuthenticated && (!customCheck || customCheck(authState)) : !authState.isAuthenticated || !customCheck || customCheck(authState));
+  return {
+    canAccess,
+    isLoading: authState.isLoading,
+    authState
+  };
+};
+var useRouteAuth = (fallbackPath = "/") => {
+  const { isAuthenticated, isLoading } = useAuth();
+  const location = useLocation();
+  const redirectToLogin = () => /* @__PURE__ */ jsx(Navigate, { to: fallbackPath, state: { from: location }, replace: true });
+  return {
+    isAuthenticated,
+    isLoading,
+    redirectToLogin
+  };
+};
+var Auth_default = {
+  AuthProvider,
+  ProtectedRoute,
+  PublicRoute,
+  withAuth,
+  useAuth,
+  useAuthGuard,
+  useRouteAuth
+};
+export {
+  AuthProvider,
+  ProtectedRoute,
+  PublicRoute,
+  Auth_default as default,
+  useAuth,
+  useAuthGuard,
+  useRouteAuth,
+  withAuth
+};
+//# sourceMappingURL=index.mjs.map

package/dist/Auth/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Auth/Auth.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  ReactNode,\n  ComponentType,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useLocation, Navigate } from 'react-router-dom';\n\n/**\n * Interface básica para tokens de autenticação\n */\nexport interface AuthTokens {\n  token: string;\n  refreshToken: string;\n  [key: string]: unknown;\n}\n\n/**\n * Interface básica para usuário\n */\nexport interface AuthUser {\n  id: string;\n  name?: string;\n  email?: string;\n  [key: string]: unknown;\n}\n\n/**\n * Interface básica para informações de sessão\n */\nexport interface SessionInfo {\n  institutionId?: string;\n  profileId?: string;\n  schoolId?: string;\n  schoolYearId?: string;\n  classId?: string;\n  [key: string]: unknown;\n}\n\n/**\n * Interface para o estado de autenticação\n */\nexport interface AuthState {\n  isAuthenticated: boolean;\n  isLoading: boolean;\n  user?: AuthUser | null;\n  sessionInfo?: SessionInfo | null;\n  tokens?: AuthTokens | null;\n}\n\n/**\n * Interface para as funções de autenticação\n */\nexport interface AuthContextType extends AuthState {\n  checkAuth: () => Promise<boolean>;\n  signOut: () => void;\n}\n\n/**\n * Context de autenticação\n */\nconst AuthContext = createContext<AuthContextType | undefined>(undefined);\n\n/**\n * Props do AuthProvider\n */\nexport interface AuthProviderProps {\n  children: ReactNode;\n  /**\n   * Função para verificar se o usuário está autenticado\n   * Deve retornar uma Promise<boolean>\n   */\n  checkAuthFn?: () => Promise<boolean> | boolean;\n  /**\n   * Função para fazer logout\n   */\n  signOutFn?: () => void;\n  /**\n   * Estado de autenticação inicial\n   */\n  initialAuthState?: Partial<AuthState>;\n  /**\n   * Função para obter dados do usuário (opcional)\n   */\n  getUserFn?: () => AuthUser | null | undefined;\n  /**\n   * Função para obter informações da sessão (opcional)\n   */\n  getSessionFn?: () => SessionInfo | null | undefined;\n  /**\n   * Função para obter tokens (opcional)\n   */\n  getTokensFn?: () => AuthTokens | null | undefined;\n}\n\n/**\n * Provider de autenticação que gerencia o estado global de auth\n * Compatível com qualquer store (Zustand, Redux, Context, etc.)\n */\nexport const AuthProvider = ({\n  children,\n  checkAuthFn,\n  signOutFn,\n  initialAuthState = {},\n  getUserFn,\n  getSessionFn,\n  getTokensFn,\n}: AuthProviderProps) => {\n  const [authState, setAuthState] = useState<AuthState>({\n    isAuthenticated: false,\n    isLoading: true,\n    ...initialAuthState,\n  });\n\n  const checkAuth = useCallback(async (): Promise<boolean> => {\n    try {\n      setAuthState((prev) => ({ ...prev, isLoading: true }));\n\n      // Se não há função de verificação, assume como não autenticado\n      if (!checkAuthFn) {\n        setAuthState((prev) => ({\n          ...prev,\n          isAuthenticated: false,\n          isLoading: false,\n        }));\n        return false;\n      }\n\n      const isAuth = await checkAuthFn();\n\n      setAuthState((prev) => ({\n        ...prev,\n        isAuthenticated: isAuth,\n        isLoading: false,\n        user: getUserFn ? getUserFn() : prev.user,\n        sessionInfo: getSessionFn ? getSessionFn() : prev.sessionInfo,\n        tokens: getTokensFn ? getTokensFn() : prev.tokens,\n      }));\n\n      return isAuth;\n    } catch (error) {\n      console.error('Erro ao verificar autenticação:', error);\n      setAuthState((prev) => ({\n        ...prev,\n        isAuthenticated: false,\n        isLoading: false,\n      }));\n      return false;\n    }\n  }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);\n\n  const signOut = useCallback(() => {\n    if (signOutFn) {\n      signOutFn();\n    }\n    setAuthState((prev) => ({\n      ...prev,\n      isAuthenticated: false,\n      user: undefined,\n      sessionInfo: undefined,\n      tokens: undefined,\n    }));\n  }, [signOutFn]);\n\n  useEffect(() => {\n    checkAuth();\n  }, [checkAuth]);\n\n  const contextValue = useMemo(\n    (): AuthContextType => ({\n      ...authState,\n      checkAuth,\n      signOut,\n    }),\n    [authState, checkAuth, signOut]\n  );\n\n  return (\n    <AuthContext.Provider value={contextValue}>{children}</AuthContext.Provider>\n  );\n};\n\n/**\n * Hook para usar o contexto de autenticação\n */\nexport const useAuth = (): AuthContextType => {\n  const context = useContext(AuthContext);\n  if (context === undefined) {\n    throw new Error('useAuth deve ser usado dentro de um AuthProvider');\n  }\n  return context;\n};\n\n/**\n * Props do ProtectedRoute\n */\nexport interface ProtectedRouteProps {\n  children: ReactNode;\n  /**\n   * Path para redirecionamento quando não autenticado\n   */\n  redirectTo?: string;\n  /**\n   * Componente de loading personalizado\n   */\n  loadingComponent?: ReactNode;\n  /**\n   * Função adicional de verificação (ex: verificar permissões específicas)\n   */\n  additionalCheck?: (authState: AuthState) => boolean;\n}\n\n/**\n * Componente para proteger rotas que requerem autenticação\n *\n * @example\n * ```tsx\n * <ProtectedRoute redirectTo=\"/login\">\n *   <PainelPage />\n * </ProtectedRoute>\n * ```\n */\nexport const ProtectedRoute = ({\n  children,\n  redirectTo = '/',\n  loadingComponent,\n  additionalCheck,\n}: ProtectedRouteProps) => {\n  const { isAuthenticated, isLoading, ...authState } = useAuth();\n\n  // Componente de loading padrão\n  const defaultLoadingComponent = (\n    <div className=\"flex items-center justify-center min-h-screen\">\n      <div className=\"text-text-950 text-lg\">Carregando...</div>\n    </div>\n  );\n\n  // Mostrar loading enquanto verifica autenticação\n  if (isLoading) {\n    return <>{loadingComponent || defaultLoadingComponent}</>;\n  }\n\n  // Verificar autenticação básica\n  if (!isAuthenticated) {\n    return <Navigate to={redirectTo} replace />;\n  }\n\n  // Verificação adicional (ex: permissões)\n  if (\n    additionalCheck &&\n    !additionalCheck({ isAuthenticated, isLoading, ...authState })\n  ) {\n    return <Navigate to={redirectTo} replace />;\n  }\n\n  return <>{children}</>;\n};\n\n/**\n * Props do PublicRoute\n */\nexport interface PublicRouteProps {\n  children: ReactNode;\n  /**\n   * Path para redirecionamento\n   */\n  redirectTo?: string;\n  /**\n   * Se deve redirecionar quando usuário estiver autenticado\n   */\n  redirectIfAuthenticated?: boolean;\n  /**\n   * Se deve verificar autenticação antes de renderizar\n   */\n  checkAuthBeforeRender?: boolean;\n}\n\n/**\n * Componente para rotas públicas (login, recuperação de senha, etc.)\n * Opcionalmente redireciona se o usuário já estiver autenticado\n *\n * @example\n * ```tsx\n * <PublicRoute redirectTo=\"/painel\" redirectIfAuthenticated={true}>\n *   <LoginPage />\n * </PublicRoute>\n * ```\n */\nexport const PublicRoute = ({\n  children,\n  redirectTo = '/painel',\n  redirectIfAuthenticated = false,\n  checkAuthBeforeRender = false,\n}: PublicRouteProps) => {\n  const { isAuthenticated, isLoading } = useAuth();\n\n  // Se deve aguardar verificação de auth antes de renderizar\n  if (checkAuthBeforeRender && isLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <div className=\"text-text-950 text-lg\">Carregando...</div>\n      </div>\n    );\n  }\n\n  // Redirecionar se já autenticado e configurado para isso\n  if (isAuthenticated && redirectIfAuthenticated) {\n    return <Navigate to={redirectTo} replace />;\n  }\n\n  return <>{children}</>;\n};\n\n/**\n * HOC para proteger componentes com autenticação\n *\n * @example\n * ```tsx\n * const ProtectedComponent = withAuth(MyComponent, {\n *   fallback: \"/login\",\n *   loadingComponent: <CustomSpinner />\n * });\n * ```\n */\nexport const withAuth = <P extends object>(\n  Component: ComponentType<P>,\n  options: Omit<ProtectedRouteProps, 'children'> = {}\n) => {\n  return (props: P) => (\n    <ProtectedRoute {...options}>\n      <Component {...props} />\n    </ProtectedRoute>\n  );\n};\n\n/**\n * Hook para guard de autenticação com verificações customizadas\n *\n * @example\n * ```tsx\n * const { canAccess, isLoading } = useAuthGuard({\n *   requireAuth: true,\n *   customCheck: (user) => user?.role === 'admin'\n * });\n * ```\n */\nexport const useAuthGuard = (\n  options: {\n    requireAuth?: boolean;\n    customCheck?: (authState: AuthState) => boolean;\n  } = {}\n) => {\n  const authState = useAuth();\n  const { requireAuth = true, customCheck } = options;\n\n  const canAccess =\n    !authState.isLoading &&\n    (requireAuth\n      ? authState.isAuthenticated && (!customCheck || customCheck(authState))\n      : !authState.isAuthenticated || !customCheck || customCheck(authState));\n\n  return {\n    canAccess,\n    isLoading: authState.isLoading,\n    authState,\n  };\n};\n\n/**\n * Hook para verificar autenticação em rotas específicas\n * Útil para verificações condicionais dentro de componentes\n *\n * @example\n * ```tsx\n * const { isAuthenticated, redirectToLogin } = useRouteAuth();\n *\n * if (!isAuthenticated) {\n *   return redirectToLogin();\n * }\n * ```\n */\nexport const useRouteAuth = (fallbackPath = '/') => {\n  const { isAuthenticated, isLoading } = useAuth();\n  const location = useLocation();\n\n  const redirectToLogin = () => (\n    <Navigate to={fallbackPath} state={{ from: location }} replace />\n  );\n\n  return {\n    isAuthenticated,\n    isLoading,\n    redirectToLogin,\n  };\n};\n\nexport default {\n  AuthProvider,\n  ProtectedRoute,\n  PublicRoute,\n  withAuth,\n  useAuth,\n  useAuthGuard,\n  useRouteAuth,\n};\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,gBAAgB;AA4KlC,SA6DO,UA7DP;AArHJ,IAAM,cAAc,cAA2C,MAAS;AAsCjE,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAoB;AAAA,IACpD,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,GAAG;AAAA,EACL,CAAC;AAED,QAAM,YAAY,YAAY,YAA8B;AAC1D,QAAI;AACF,mBAAa,CAAC,UAAU,EAAE,GAAG,MAAM,WAAW,KAAK,EAAE;AAGrD,UAAI,CAAC,aAAa;AAChB,qBAAa,CAAC,UAAU;AAAA,UACtB,GAAG;AAAA,UACH,iBAAiB;AAAA,UACjB,WAAW;AAAA,QACb,EAAE;AACF,eAAO;AAAA,MACT;AAEA,YAAM,SAAS,MAAM,YAAY;AAEjC,mBAAa,CAAC,UAAU;AAAA,QACtB,GAAG;AAAA,QACH,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,MAAM,YAAY,UAAU,IAAI,KAAK;AAAA,QACrC,aAAa,eAAe,aAAa,IAAI,KAAK;AAAA,QAClD,QAAQ,cAAc,YAAY,IAAI,KAAK;AAAA,MAC7C,EAAE;AAEF,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,yCAAmC,KAAK;AACtD,mBAAa,CAAC,UAAU;AAAA,QACtB,GAAG;AAAA,QACH,iBAAiB;AAAA,QACjB,WAAW;AAAA,MACb,EAAE;AACF,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,cAAc,WAAW,CAAC;AAEtD,QAAM,UAAU,YAAY,MAAM;AAChC,QAAI,WAAW;AACb,gBAAU;AAAA,IACZ;AACA,iBAAa,CAAC,UAAU;AAAA,MACtB,GAAG;AAAA,MACH,iBAAiB;AAAA,MACjB,MAAM;AAAA,MACN,aAAa;AAAA,MACb,QAAQ;AAAA,IACV,EAAE;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,YAAU,MAAM;AACd,cAAU;AAAA,EACZ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,eAAe;AAAA,IACnB,OAAwB;AAAA,MACtB,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,WAAW,WAAW,OAAO;AAAA,EAChC;AAEA,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,cAAe,UAAS;AAEzD;AAKO,IAAM,UAAU,MAAuB;AAC5C,QAAM,UAAU,WAAW,WAAW;AACtC,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AACA,SAAO;AACT;AA+BO,IAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,EAAE,iBAAiB,WAAW,GAAG,UAAU,IAAI,QAAQ;AAG7D,QAAM,0BACJ,oBAAC,SAAI,WAAU,iDACb,8BAAC,SAAI,WAAU,yBAAwB,2BAAa,GACtD;AAIF,MAAI,WAAW;AACb,WAAO,gCAAG,8BAAoB,yBAAwB;AAAA,EACxD;AAGA,MAAI,CAAC,iBAAiB;AACpB,WAAO,oBAAC,YAAS,IAAI,YAAY,SAAO,MAAC;AAAA,EAC3C;AAGA,MACE,mBACA,CAAC,gBAAgB,EAAE,iBAAiB,WAAW,GAAG,UAAU,CAAC,GAC7D;AACA,WAAO,oBAAC,YAAS,IAAI,YAAY,SAAO,MAAC;AAAA,EAC3C;AAEA,SAAO,gCAAG,UAAS;AACrB;AAgCO,IAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA,aAAa;AAAA,EACb,0BAA0B;AAAA,EAC1B,wBAAwB;AAC1B,MAAwB;AACtB,QAAM,EAAE,iBAAiB,UAAU,IAAI,QAAQ;AAG/C,MAAI,yBAAyB,WAAW;AACtC,WACE,oBAAC,SAAI,WAAU,iDACb,8BAAC,SAAI,WAAU,yBAAwB,2BAAa,GACtD;AAAA,EAEJ;AAGA,MAAI,mBAAmB,yBAAyB;AAC9C,WAAO,oBAAC,YAAS,IAAI,YAAY,SAAO,MAAC;AAAA,EAC3C;AAEA,SAAO,gCAAG,UAAS;AACrB;AAaO,IAAM,WAAW,CACtB,WACA,UAAiD,CAAC,MAC/C;AACH,SAAO,CAAC,UACN,oBAAC,kBAAgB,GAAG,SAClB,8BAAC,aAAW,GAAG,OAAO,GACxB;AAEJ;AAaO,IAAM,eAAe,CAC1B,UAGI,CAAC,MACF;AACH,QAAM,YAAY,QAAQ;AAC1B,QAAM,EAAE,cAAc,MAAM,YAAY,IAAI;AAE5C,QAAM,YACJ,CAAC,UAAU,cACV,cACG,UAAU,oBAAoB,CAAC,eAAe,YAAY,SAAS,KACnE,CAAC,UAAU,mBAAmB,CAAC,eAAe,YAAY,SAAS;AAEzE,SAAO;AAAA,IACL;AAAA,IACA,WAAW,UAAU;AAAA,IACrB;AAAA,EACF;AACF;AAeO,IAAM,eAAe,CAAC,eAAe,QAAQ;AAClD,QAAM,EAAE,iBAAiB,UAAU,IAAI,QAAQ;AAC/C,QAAM,WAAW,YAAY;AAE7B,QAAM,kBAAkB,MACtB,oBAAC,YAAS,IAAI,cAAc,OAAO,EAAE,MAAM,SAAS,GAAG,SAAO,MAAC;AAGjE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,eAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/Card/index.d.mts

@@ -114,5 +114,12 @@ interface CardAudioProps extends HTMLAttributes<HTMLDivElement> {
     }>;
 }
 declare const CardAudio: react.ForwardRefExoticComponent<CardAudioProps & react.RefAttributes<HTMLDivElement>>;
+interface CardSimuladoProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    duration?: string;
+    info: string;
+    backgroundColor: 'enem' | 'prova' | 'simuladao' | 'vestibular';
+}
+declare const CardSimulado: react.ForwardRefExoticComponent<CardSimuladoProps & react.RefAttributes<HTMLDivElement>>;
 
-export { CardActivitiesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardStatus, CardSupport, CardTopic };
+export { CardActivitiesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardSimulado, CardStatus, CardSupport, CardTopic };

package/dist/Card/index.d.ts

@@ -114,5 +114,12 @@ interface CardAudioProps extends HTMLAttributes<HTMLDivElement> {
     }>;
 }
 declare const CardAudio: react.ForwardRefExoticComponent<CardAudioProps & react.RefAttributes<HTMLDivElement>>;
+interface CardSimuladoProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    duration?: string;
+    info: string;
+    backgroundColor: 'enem' | 'prova' | 'simuladao' | 'vestibular';
+}
+declare const CardSimulado: react.ForwardRefExoticComponent<CardSimuladoProps & react.RefAttributes<HTMLDivElement>>;
 
-export { CardActivitiesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardStatus, CardSupport, CardTopic };
+export { CardActivitiesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardSimulado, CardStatus, CardSupport, CardTopic };

package/dist/Card/index.js

@@ -29,6 +29,7 @@ __export(Card_exports, {
   CardQuestions: () => CardQuestions,
   CardResults: () => CardResults,
   CardSettings: () => CardSettings,
+  CardSimulado: () => CardSimulado,
   CardStatus: () => CardStatus,
   CardSupport: () => CardSupport,
   CardTopic: () => CardTopic
@@ -1549,6 +1550,49 @@ var CardAudio = (0, import_react.forwardRef)(
     );
   }
 );
+var SIMULADO_BACKGROUND_CLASSES = {
+  enem: "bg-exam-1",
+  prova: "bg-exam-2",
+  simuladao: "bg-exam-3",
+  vestibular: "bg-exam-4"
+};
+var CardSimulado = (0, import_react.forwardRef)(
+  ({ title, duration, info, backgroundColor, className, ...props }, ref) => {
+    const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      CardBase,
+      {
+        ref,
+        layout: "horizontal",
+        padding: "medium",
+        minHeight: "none",
+        cursor: "pointer",
+        className: `${backgroundClass} hover:shadow-soft-shadow-2 transition-shadow duration-200 ${className}`,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.Clock, { size: 16, className: "flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "sm", children: duration })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_phosphor_react2.CaretRight,
+            {
+              size: 24,
+              className: "text-text-800 flex-shrink-0",
+              "data-testid": "caret-icon"
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CardActivitiesResults,
@@ -1560,6 +1604,7 @@ var CardAudio = (0, import_react.forwardRef)(
   CardQuestions,
   CardResults,
   CardSettings,
+  CardSimulado,
   CardStatus,
   CardSupport,
   CardTopic